/* Error de minimización. Devolviendo el contenido no minimizado.
(600,25): run-time error CSS1039: Token not allowed after unary operator: '-grey-color'
(633,25): run-time error CSS1039: Token not allowed after unary operator: '-soft-grey-color'
 */
@import url("./variables.css");

@media (max-width: 768px) {
	div.w-75, div.w-50, div.w-25 {
		width: 90% !important;
	}
}

html {
	font-size: 12px !important;
	font-family: 'Roboto', Tahoma, Geneva, Verdana, sans-serif !important;
}

#body-content {
	padding-top: 1rem;
}

input[type=number]:not(.text-left) {
	text-align: right;
}

.renumber {
	background-color: transparent;
	border: none;
	padding: 0px;
	margin: 0px;
	text-align: center;
	/*text-align: right;*/
	color: #FFF;
}

.renumber-cob {
	background-color: transparent;
	border: none;
	padding: 0px;
	margin: 0px;
	text-align: right;
	color: #944743;
}

.renumber-pagos {
	background-color: transparent;
	border: none;
	padding: 0px;
	margin: 0px;
	text-align: right;
	color: #81006B;
}

.dl-horizontal dt {
	white-space: normal;
}

#lblmessage {
	text-align: center;
}
	#lblmessage.login {
		width: 25%;
	}

.ingresos-heading {
	text-align: center;
	padding: 20px 0px 0px 0px;
	font-size: 40px;
	font-weight: bold;
	color: #2D6A87;
}

.facturacion-heading {
	margin-top: 10px;
	text-align: center;
	padding: 0px;
	font-size: 30px;
	font-weight: bold;
	color: #BC993B;
}

.facturacion-label {
	float: left;
	text-align: left;
	font-size: 14px;
	height: 45px;
	line-height: 45px;
	font-weight: bold;
	border-bottom: 2px solid #FFF;
	color: #FFF;
	letter-spacing: 1px;
}

.facturacion-text {
	float: left;
	text-align: right;
	font-size: 14px;
	height: 45px;
	line-height: 45px;
	border-bottom: 2px solid #FFF;
	color: #FFF;
}

.cobranzas-heading {
	text-align: center;
	padding: 10px 0px;
	font-size: 30px;
	font-weight: bold;
	color: #d8b261;
	line-height: 40px;
}

.cobranzas-label {
	float: left;
	text-align: left;
	font-size: 14px;
	height: 35px;
	line-height: 35px;
	font-weight: normal;
	color: #FFF;
}

.cobranzas-text {
	float: left;
	text-align: right;
	font-size: 14px;
	font-weight: normal;
	height: 35px;
	line-height: 35px;
	color: #FFF;
}

.pagos-heading {
	font-size: 30px;
	color: #e06043;
}

.pagos-label {
	float: left;
	text-align: left;
	font-size: 14px;
	height: 35px;
	line-height: 35px;
	color: #FBFBFB;
}

.pagos-text {
	float: left;
	text-align: right;
	font-size: 14px;
	height: 35px;
	line-height: 35px;
	color: #FBFBFB;
}

.account-menu {
	padding: 15px;
	background-image: url(../images/account_circle_white.png);
	background-position: 10px 15px;
	background-repeat: no-repeat;
	color: #FFF;
	text-align: left;
	padding-left: 40px;
	cursor: pointer;
}

	.account-menu:hover {
		transition: 0,5s;
		padding: 15px;
		background-color: #FFF;
		background-image: url(../images/account_circle_black.png);
		background-position: 10px 15px;
		background-repeat: no-repeat;
		color: #000000;
		text-align: left;
		padding-left: 40px;
		cursor: pointer;
	}

/*********************************/

.data-form {
    box-shadow: 0px 0px 7px rgb(204, 204, 204);
}

.cls-h3 {
	font-size: 20px !important;
	text-align: center !important;
	font-weight: 600 !important;
}

.material-icons.arrowclientes {
	color: #D44747;
}

	.material-icons.arrowclientes:hover {
		color: #FFF;
		background-color: #ee5a5a;
		transition: 0.5s;
	}

	.material-icons.arrowclientes:active {
		color: #FFF;
		background-color: #a83838;
	}

.material-icons.arrowempleados {
	color: #D44747;
}

	.material-icons.arrowempleados:hover {
		color: #FFF;
		background-color: #e96a6a;
		transition: 0.5s;
	}

	.material-icons.arrowempleados:active {
		color: #FFF;
		background-color: rgb(173, 53, 53);
	}

.material-icons.arrowproveedores {
	color: #D44747;
}

	.material-icons.arrowproveedores:hover {
		color: #FFF;
		background-color: #F35252;
		transition: 0.5s;
	}

	.material-icons.arrowproveedores:active {
		color: #FFF;
		background-color: #943030;
	}

.material-icons.arrowingresos {
	/*color: #2D6A87;*/
	color: white;
}

	.material-icons.arrowingresos:hover {
		color: #FFF;
		background-color: #3b7d9c;
		transition: 0.5s;
	}

	.material-icons.arrowingresos:active {
		color: #FFF;
		background-color: #225268;
	}

.material-icons.arrowcobranzas {
	color: #FFF;
	background-color: #d8b261;
}

	.material-icons.arrowcobranzas:hover {
		color: #FFF;
		background-color: #e9c371;
		transition: 0.5s;
	}


	.material-icons.arrowcobranzas:active {
		color: #FFF;
		background-color: #e9c371;
	}

.material-icons.arrowFacturacion {
	color: white;
	/*color: #1b968a;*/
}

	.material-icons.arrowFacturacion:hover {
		color: #FFF;
		background-color: #39aa9f;
		transition: 0.5s;
	}

	.material-icons.arrowFacturacion:active {
		color: #FFF;
		background-color: #136d64;
	}

.material-icons.arrowPagos {
	color: #FBFBFB;
	/*color: #e06043;*/
}

	.material-icons.arrowPagos:hover {
		color: #FBFBFB;
		background-color: #f46746;
		transition: 0.5s;
	}

	.material-icons.arrowPagos:active {
		color: #FBFBFB;
		background-color: #a0442e;
	}

	.material-icons.arrowtransferencias:hover {
		color: #FFF;
		background-color: #575656;
		transition: 0.5s;
	}

	.material-icons.arrowtransferencias {
		color: #FFF;
	}


.material-icons.addCliente {
	color: #D44747;
	text-shadow: 0 1px 1px #b3b3b3;
	transition: 0.5s;
}

	.material-icons.addCliente:hover {
		color: #f15c5c;
		transition: 0.5s;
	}

	.material-icons.addCliente:active {
		color: #af3535;
	}

.material-icons.addEmpleados {
	color: #DB8515;
	text-shadow: 0 1px 1px #b3b3b3;
	transition: 0.5s;
}

	.material-icons.addEmpleados:hover {
		color: #FB9817;
		transition: 0.5s;
	}

	.material-icons.addEmpleados:active {
		color: #AE6A12;
	}

.material-icons.addproveedores {
	color: #D44747;
	text-shadow: 0 1px 1px #b3b3b3;
	transition: 0.5s;
}

	.material-icons.addproveedores:hover {
		color: #F35252;
		transition: 0.5s;
	}

	.material-icons.addproveedores:active {
		color: #943030;
	}

.material-icons.addIngreso {
	color: #2D6A87;
	text-shadow: 0 1px 1px #b3b3b3;
	transition: 0.5s;
}

	.material-icons.addIngreso:hover {
		color: rgb(60, 120, 148);
		transition: 0.5s;
	}

	.material-icons.addIngreso:active {
		color: rgb(30, 77, 99);
	}

.material-icons.addFacturacion {
	color: #1b968a;
	text-shadow: 0 1px 1px #b3b3b3;
	transition: 0.5s;
}

	.material-icons.addFacturacion:hover {
		color: #33ada1;
		transition: 0.5s;
	}

	.material-icons.addFacturacion:active {
		color: #16756c;
	}

.material-icons.addCobranzas {
	color: #d8b261;
	text-shadow: 0 1px 1px #b3b3b3;
	transition: 0.5s;
}

	.material-icons.addCobranzas:hover {
		color: #ddc48f;
		transition: 0.5s;
	}

	.material-icons.addCobranzas:active {
		color: #a78b4f;
	}

.material-icons.addPagos {
	text-shadow: 0 1px 1px #b3b3b3;
	color: #e06043;
	transition: 0.5s;
}

	.material-icons.addPagos:hover {
		text-shadow: 0 1px 1px #b3b3b3;
		color: #EC9F8E;
	}

	.material-icons.addPagos:active {
		color: #a0442e;
	}

.material-icons.bank {
	color: #fff;
	font-size: 24px;
	margin: 5px 0px;
	cursor: default;
}

.material-icons.bank1 {
	color: #944743;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	cursor: default;
	text-align: left;
}

.foto {
	box-shadow: 0 1px 1px #b3b3b3;
	color: #e06043;
	/*border-color:  border: 2px solid #e06043;*/
	transition: 0.5s;
	background-color: #FBFBFB;
}

	.foto:hover {
		box-shadow: 0 1px 1px #b3b3b3;
		color: #FFF;
		/*border-color:  border: 2px solid #e06043;*/
		background-color: #e06043;
	}

.recuadro {
	transition: 0.5s;
}

	.recuadro:hover {
		background-color: #666666 !important;
		cursor: pointer;
		transition: 0.5s;
		color: white;
	}

.logout {
	transition: 0.5s;
}

.divider {
	width: 100% !important;
	border-bottom: 1px solid #cbcbcb;
	margin: 15px 0 !important;
}
.divider-intermediate {
	border-bottom: 1px solid #d3d2d2;
	margin: 15px 0 !important;
}

.infoPanel {
	font-size: 14px;
	letter-spacing: 0px !important;
	float: left;
}

.excel {
    margin: 1% auto;
    border-radius: 2px;
    border: 1px solid rgb(74, 74, 119);
    background: transparent;
    font-size: 16px;
    padding: 1px 10px;
    color: rgb(74, 74, 119);
    letter-spacing: 1px;
    /* font-weight: bold; */
    box-shadow: 0px 0px 2px #c6c6c6;
    transition: 0.3s;
}

	.excel:hover {
		box-shadow: 0px 0px 15px #c2c2c2;
		background-color: #f3fff3;
	}

.seleccionar-todo-div {
	margin: 0 10px;
}

	.seleccionar-todo-div label {
		color: black;
		padding-left: 5px;
	}

#txtEntSearch {
	letter-spacing: 1px;
	padding: 3px;
	color: #803380;
	border: none;
	border-radius: 4px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	height: 24px;
	width: 250px;
	transition: 0.5s;
	box-shadow: 0px 0px 5px #2b2b2b;
	background-color: rgba(255, 255, 255, 0.37);
}

/*---UI Tabs---*/
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: 'Work Sans' !important;
	font-size: inherit;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	font-size: 14px !important;
}

._text-bold {
	font-weight: bold;
}

.is-required::after {
	content: " *";
	color: rgb(168, 0, 0);
}


/* CTA CTE FORM */

.ctacte-title {
	margin-left: .75rem;
}

.ctaTitle {
	width: 100%;
}

#formAgregarEntidad {
	width: 80%;
	padding-left: 0;
	padding-right: 0;
}

.hidden-record_number-container div {
	visibility: hidden;
	height: 0;
}

/*.ctaInputTitle {*/
	/*padding: 5px;*/
	/*width: 100%;*/
	/*border: none;*/
	/*background: #3A3A3A;*/
	/*color: white !important;*/
	/*text-align: center;*/
	/*font-size: 20px;*/
/*}*/

.cursor-pointer{
	cursor: pointer;
}

/*MULTISELECT CONTAINER*/

.multiselect-root{
	position: relative;
}

.multiselect-container {
	position:absolute;
	min-width: 240px;
	height: 200px;
	overflow: auto;
}

.title {
	font-size: 3rem;
}

.subtitle {
	font-size: 2rem;
}

.layer-divider-vertical-container {
	display: flex;
}

.layer-divider-vertical {
	background-color: var(--grey-color);
	height: 70%;
	width: .8rem;
	margin: auto;
}

.link-btn {
	display: block;
	font-size: 18px;
	text-decoration: none;
	color: black;
	border-radius: 8px;
	border: none;
	padding: .5rem .6rem;
	transition: .5s ease;
	line-height: 95%;
}

button.link-btn {
	background-color: transparent;
	/*border: 1px solid white;*/
}

	button.link-btn:hover {
		transition: .8s;
		font-weight: bold;
		/*border-top-color: transparent;*/
		/*border-left-color: transparent;
		border-right-color: transparent;*/
		border-radius: 12px;
	}

a.link-btn {
	background-color: var(--soft-grey-color);
	border: 1px solid white;
	color: black;
}
	a.link-btn:hover {
		transform: scale(1.06);
		color: initial; /* Evita que se ponga en azul por ser una etiqueta 'a' */
	}

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 99999; /* Sit on top */
	padding-top: 50px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(16, 16, 16, 0.63); /* Black w/ opacity */
}

.modal {
	/* Lo usa RRHH > Agregar Empleado */
	width: 100%;
	height: auto;
	padding: 20vh 10vw 0 10vw;
	background-color: transparent;
}

div.modal-content {
	width: fit-content;
	margin: auto;
	padding: 2rem;
}

.select-menu {
	margin: 0 auto;
	position: relative;
}

.select-menu .select-btn {
	display: flex;
	height: 30px;
	background: white;
	padding: 10px;
	font-weight: 400;
	border-radius: 8px;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	width: 100%;
}

.select-btn i {
	font-size: 18px;
	transition: .3s;
}
.select-menu.active .select-btn i {
	transform: rotate(-180deg);
}

.select-menu .select-options {
	display: none;
	transition: .3s;
	position: absolute;
	padding: 20px;
	background: white;
	border-radius: 8px;
	margin-top: 10px;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
	width: 380px;
	max-height: 300px;
	overflow-y: auto;
	z-index: 1;
	list-style: none;
}

.select-menu .select-options::-webkit-scrollbar {
	width: 12px;
}

.select-menu .select-options::-webkit-scrollbar-track {
	background: #F1F1F1;
	border: 1px solid rgb(211, 209, 209);
	border-radius: 10px;
}

.select-menu .select-options::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 10px;
}
.select-menu .select-options::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.select-menu.active .select-options {
	display: block;
}

.select-options .select-option {
	display: flex;
	height: 35px;
	cursor: pointer;
	padding: 0 16px;
	border-radius: 8px;
	align-items: center;
	background: white;
	margin: .1rem 0;
}
.select-options .select-option:hover {
	background: rgb(180, 209, 223);
}
.select-options .select-option.selected {
	background: #136d64;
}
	.select-options .select-option.selected .select-option-text {
		color: white;
	}

.select-options .select-option-search {
	margin-bottom: 10px;
}

.select-option i {
	font-size: 25px;
	margin-right: 12px;
}
.select-option .select-option-text {
	color: rgb(56, 55, 55);
}

div.alert {
	width: 70%;
	margin: .75rem auto;
}

@media screen and (min-width: 576px) {
	.title {
		font-size: 3.5rem;
	}

	.subtitle {
		font-size: 2.5rem;
	}
}

@media screen and (min-width: 768px) {
	.title {
		font-size: 4rem;
	}

	.subtitle {
		font-size: 3rem;
	}

	ul li .link-btn {
		width: 80%;
	}
}

@media screen and (min-width: 992px) {
	ul li .link-btn {
		width: 60%;
	}
}