/* css/main.css */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

:root {
	--color--principal: #f68661;
	--color--principal--claro: #f4b29bd6;
	--color--principal-oscuro: #dc714e;
	--color--mas-oscuro: #75402e;
	--color--morado: #482146;
	--color--morado-claro: #692e66;
	--color--verde: #6dd1af;
	--color--gris: rgba(170, 170, 170, 0.6);
	--color--gris--oscuro: rgba(136, 136, 136, 1);
	--color--blanco--transparente: rgba(255, 255, 255, 0.97);
	--color--loan-red: #c94c49;
	--color--loan-yellow: #ffffc0;
	--color--loan-green: #6dd1af;
	--color--loan-black: #434838;
	--color--loan-blue: #0d6efd;
	--color--loan-gray: #978783;
	--color--loan-dark-gray: #684e48;
}

html, body {
	background-color: transparent;
}
/*
.background-image-client {
	background-attachment: fixed;
	background-color: transparent;
	background-image: url('https://telcel.solucionfaas.com/imgs/background_decoration.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
*/
.fs {
	font-size: normal;
}

.fs-0 {
	font-size: 0.25rem;
}

.fs-1 {
	font-size: 0.5rem;
}

.fs-2 {
	font-size: 0.75rem;
}

.fs-3 {
	font-size: 1rem;
}

.fs-4 {
	font-size: 1.25rem;
}

.fs-5 {
	font-size: 1.5rem;
}

.fs-6 {
	font-size: 1.9rem;
}

.fs-7 {
	font-size: 2rem;
}

.fs-8 {
	font-size: 2.4rem;
}

.fs-9 {
	font-size: 2.8rem;
}

.main-card {
	width: 100%;
	height: 100vh;
}

.b-shadow {
	box-shadow: 0 0 5px 5px #AAA;
}

.no-background {
	background-color: transparent !important;
	background-image: none;
}

.card-mainmenu {
	border: 0;
	border-radius: 0;
	background-color: transparent !important;
}

.logoContainer {
	width: 270px;
}

.card-login {
	/* border: solid 3px #cdcdcd !important; */
	box-shadow: 0px 0px 0px 3px rgba(205, 205, 205, 1) inset !important;
}

.logOut {
	border-radius: 0.25rem;
	color: var(--bs-red);
}

.logOut>a:hover {
	color: var(--color--loan-red) !important;
	border-color: var(--bs-white) !important;
}

/* Listado préstamos */
#listLoans, #helpDesk {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	flex-wrap: wrap;
	min-height: 45vh;
}

.table-load {
	cursor: pointer;
}

.table-responsive::-webkit-scrollbar {
	width: 2px;
}

.table-responsive::-webkit-scrollbar-track {
	border-radius: 8px;
}

.table-responsive::-webkit-scrollbar-thumb {
	height: 56px;
	border-radius: 8px;
	border: 4px solid transparent;
	background-clip: content-box;
	background-color: var(--bs-gray-400);
}

.table-responsive::-webkit-scrollbar-thumb:hover {
	background-color: var(--bs-gray-500);
}

.btn:hover {
	color: var(--bs-gray-500) !important;
}

.summaryBtns {
	font-size: 14px;
	color: var(--bs-dark);
}

.summaryBtns>i {
	font-size: 13px;
}

#listLoans.adaptativeCards, #helpDesk.adaptativeCards {
	gap: 0.5em;
}

#listLoans.adaptativeCards>*, #helpDesk.adaptativeCards>* {
	flex: 0 1 25%;
}

.card {
	border-radius: 0 !important;
	border: none;
}

.navbar-light .navbar-toggler {
	border-color: #fff;
}

.navbar-toggler:focus {
	box-shadow: none;
	border-color: rgba(0, 0, 0, .1);
}

.nav-tabs {
	border-bottom: none;
}

.nav-tabs .nav-link.active {
	color: #495057;
	background-color: #fff;
	border-color: #fff;
}

.nav-tabs>li {
	width: 100%;
}

.navLogo {
	/* width: 150px; */
	height: 45px;
}

.navbar-light .navbar-nav .nav-link {
	color: initial;
}

.card.card-loan {
	box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.card-loan {
	min-width: 265px;
	cursor: pointer;
}

.card-loan-selected {
	background-color: #EEE;
}

.listHover:hover {
	background-color: var(--bs-gray-200);
	transition: 0.1s;
}

.moreDetailsBtn {
	font-size: 12px;
	padding: 4px 10px;
}

.widthMonths {
	width: 15%;
}

.widthDate {
	width: 20%;
}

.widthDays {
	width: 20%;
}

.widthMoreDetails {
	width: 20%;
}

.divModal {
	position: absolute;
	display: flex;
	width: 90%;
	background-color: var(--bs-white);
	top: 15%;
	left: 0;
	right: 0;
	justify-content: center;
	align-items: center;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 1px, rgba(0, 0, 0, 0.15) 0px 2px 2px, rgba(0, 0, 0, 0.15) 0px 4px 4px, rgba(0, 0, 0, 0.15) 0px 8px 8px, rgba(0, 0, 0, 0.15) 0px 16px 16px;
}

.stateImg {
	font-size: 150px;
}

.loan-orange {
	background: var(--bs-warning);
	color: var(--bs-white);
}

.loan-yellow {
	background: var(--bs-primary);
	color: var(--bs-white);
}

.loan-green {
	background: var(--bs-success);
	color: var(--bs-white);
}

.loan-red {
	background: var(--bs-danger);
	color: var(--bs-white);
}

.loan-blue {
	background: var(--color--loan-blue);
	color: var(--bs-white);
}

.loan-black {
	background: var(--color--loan-black);
	color: var(--bs-white);
}

.loan-gray {
	background: var(--color--loan-gray);
	color: var(--bs-white);
}

.loan-dark-gray {
	background: var(--color--loan-gray);
	color: var(--bs-white);
}

.card-loan .card-body .card-title {
	border-radius: 4px;
}

.card-loan .card-body .card-text {
	font-size: 1.2em;
}

.card-loan .card-body .card-text .label {
	font-weight: bold;
}

.card-loan .card-body .card-footer {
	background-color: transparent;
}

.card-loan .card-body .card-footer>p {
	margin: 0;
	padding: 0;
	text-align: right;
	color: var(--color--gris);
}

.card-loan:hover .card-body .card-footer>p {
	color: var(--color--gris--oscuro);
}

.btn-check:focus+.btn, .btn:focus {
	box-shadow: none;
}

/* @media (min-width: 576px) { ... } */


@media (min-width: 768px) {
	.main-card {
		width: 85%;
		height: 90vh;
		box-shadow: 0 0 5px 5px #AAA;
	}

}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-collapse {
		display: block !important;
	}
	.flex-grow-1 {
		border: 1px solid rgba(0, 0, 0, .125);
	}
	.nav-tabs {
		border-bottom: 1px solid #dee2e6;
	}
	.nav-tabs .nav-link.active {
		border-color: #dee2e6 #dee2e6 #fff;
	}
	.nav-tabs>li {
		width: auto;
	}
	.widthMonths {
		width: 20%;
	}
	.widthDate {
		width: 20%;
	}
	.widthDays {
		width: 15%;
	}
	.widthMoreDetails {
		width: 15%;
	}
	.divModal {
		position: absolute;
		display: grid;
		width: 100%;
		height: 100%;
		background-color: var(--bs-white);
		top: 0;
		justify-content: initial;
		align-items: initial;
		box-shadow: none;
	}
}
img.logo_broker {
	width: 250px;
}
@media (max-width: 768px) {
	img.logo_broker {
		width: 150px;
	}
}
/* El archivo css/custom.css no pudo ser encontrado */

/* css/login.css */
.responsiveHeight {
	height: 100%;
}
.card-login .input-type {
	outline: 0;
	border: 0;
	border-bottom: 2px solid #AAA;
	border-radius: 0;
	padding-left: 0;
	padding-right: 0;
	color: #333;
}
.card-login .input-type:focus {
	outline: 0;
	box-shadow: none;
	border-bottom: 2px solid #333;
}
.card-login .col-input {
	margin-bottom: 1rem;
}
@media (min-width: 576px) {
	.responsiveHeight {
		height: initial;
	}
}
/*
@media (min-width: 768px) { ... }
@media (min-width: 992px) { ... }
@media (min-width: 1200px) { ... }
@media (min-width: 1400px) { ... }
*/