@font-face {
	font-display: swap
}

.infoText {
	font-size: 13px
}

.position-initial {
	position: initial !important
}

.crop-text,
.url,
.url-a {
	overflow: hidden;
	text-overflow: ellipsis
}

.btnPointer,
.btnPointer:hover {
	box-shadow: 5px 5px 20px rgba(0, 0, 0, .4);
	transition: .4s ease-out
}
.tooltipApi {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted #3b3b3b;
  }
  
  .tooltipApi .tooltiptext {
	top: 50px;
	visibility: hidden;
	width: 130px;
	background-color: #3b3b3b;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
  	position: absolute;
	z-index: 9999;
  }
  .tooltipApi .tooltiptext::before{
	content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    top: -19px;
    left: 42%;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #3b3b3b;
    border-left: 10px solid transparent;
}

.tooltipApi:hover .tooltiptext {
	visibility: visible;
}

.icongrid{
	width: 25px;
}
table.dataTable tbody td {
    padding: 1px 10px!important;
}
.tablet-py td {
    padding: 4px 10px!important;
	
}
.tablet-py th {
    padding: 4px 10px!important;
	padding-left: 1.3125rem;
}
.alter-warning{
	background: #fef7f0!important;
}
.btnSuccess {
	background: #006bb3 !important;
	font-size: 18px !important
}
.response-br {
    border: 1px solid #0099ff;
    border-radius: 0.5rem;
}
.linkregister {
	color: #006bb3 !important;
	line-height: 1.4
}

.colorSeo {
	color: #006bb3 !important
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Lato, sans-serif;
	font-display: swap
}

.crop-text {
	width: 150px;
	white-space: nowrap
}

.col-sm-divider>:not(:first-child)::before {
	background-color: #fff0 !important
}
.fs-7{
	font-size: 12px!important;
	line-height: 17px;
}
.w-icon-dashboard {
	width: 15%;
}
.w-40 {
	width: 40%;
}

.w-90 {
	width: 90%;
}

.w-95 {
	width: 98%;
}

.w-full-90 {
	width: 90%!important
}
.h-content {
	height: 208px;
}

.h-content-payments{
    height: 210px;
}
.bg-cl-external{
	color:#0099ff;
	border-radius: var(--bs-border-radius)!important;
}
.title-external {
	color:#0099ff;

}
.btnmakeAPaymentCard .text-start,
.btnCancelPayment .text-start,
.btnMyInvoicesCard .text-start,
.btnMyPaymentsCard .text-start,
.btnCreditNotesCard .text-start,
.btnOtherMovementsCard .text-start{
height: 100px
}

.btnmakeAPaymentCard svg {
    fill: #0099ff;
    width: 9%;
    height: 25px;
    margin-bottom: 2px;
    margin-right: 4px;
}
.w-230-withholdings{
    width: 235px;
}

.btnCancelPayment svg {
    fill: #0099ff;
    width: 7%;
    height: 25px;
    margin-bottom: 2px;
    margin-right: 2px;
}
.btnMyInvoicesCard svg {
    fill: #0099ff;
    width: 7%;
    height: 25px;
    margin-bottom: 2px;
    margin-right: 2px;
}
.btnMyPaymentsCard svg {
    fill: #0099ff;
    width: 8%;
    height: 25px;
    margin-bottom: 2px;
    margin-right: 2px;
}
.btnCreditNotesCard svg {
    fill: #0099ff;
    width: 12%;
    height: 25px;
    margin-bottom: 2px;
    margin-right: 1px;
}

.icon-cr svg {
    fill: #0099ff;
    width: 7%;
    height: 25px;
    margin-bottom: 2px;
    margin-right: 6px;
}
.dashBoard-tr:hover{
	background-color: #0099ff17;
}

.nav-link svg{
	fill: #fff;
    width: 22px;
    height: 18px;
}
.title-external:before {
	content: "";
    display: inline-block;
    position: relative;
    width: 3px;
    height: 26px;
    background: #0099ff;
    background-color: #0099ff;
    margin-right: 3px;
    top: 8px;
}
div#domainURLShortener-ts-control {
	width: 130px
}

.h-Payments{
    background-color: #0d9eff66!important;
}
.h-Payments-bg{
    background-color: #ecf7fd!important;
}

#makeAPayment .card, #cardInfo .card, #cardmovements .card, #myPayments .card, #cardInvoice .card  {
    background: #ffff;
}
#btnPSEForm, #btnEfectyForm, #btnGanaForm, #btnPuntoRedForm, #btnRedServiForm, #btnSuredForn, #btnTCForn{
	background-color: #fff;
}

.col-w-tj{
	flex: 1 0 0%;
}

.text-right {
	text-align: -webkit-right
}

.hablame-logo {
	width: 100%;
	min-width: 9.5rem !important;
	max-width: 9.5rem !important
}

.tab-content>.tab-pane:not(.active) {
	display: block;
	height: 0;
	overflow-y: hidden
}
.f-t-100{
	font-weight: 100!important;
}
.value {
	margin: 0 0 0 10px;
	color: #000;
	font-weight: 600
}

.iframe-youtube {
	width: 72vh;
	height: 38vh
}

.daterangepicker .ranges ul {
	min-width: 12.5rem !important
}

.url {
	width: 66px;
	text-decoration: underline;
}

.url-a:hover,
.url:hover {
	color: #0073bb;
	text-decoration: underline;
	cursor: pointer
}

.url-a {
	color: #0073bb;
	width: 100%
}

.bg-h {
	background-color: #09f
}

.form-check-input[type=checkbox] {
	border: 1px solid #0000004f !important
}

.tom-select-custom .plugin-dropdown_input .dropdown-input-wrap {
	padding: 0 !important
}

.invalidError,
.invalidError a {
	color: #ed4c78 !important
}

.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #09f !important;
	--bs-btn-border-color: #09f !important;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #09f !important;
	--bs-btn-hover-border-color: #09f !important;
	--bs-btn-focus-shadow-rgb: 85, 145, 255;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #09f !important;
	--bs-btn-active-border-color: #09f !important;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #09f !important;
	--bs-btn-disabled-border-color: #09f !important
}

.text-justify {
	text-align: justify
}

.cursor-pointer {
	cursor: pointer;
}
.noCursor-pointer {
	pointer-events: none;
}

.iconImgDashboard {
	width: 40px;
	margin: 1px;
	padding: 2px
}

.card-subtitle-dashboard {
	color: #637987;
	font-size: 17px;
	font-weight: 700;
	text-decoration: none
}
.info-text{
	color: #677788;
}
.th-hover{
	--bs-table-accent-bg: #f5f7fa;
    color: var(--bs-table-hover-color)!important;
	font-weight: 100!important;
	
}
#tbodyEmails > tr td:hover{
	background: #f5f7fa42 !important;
	--bs-table-accent-bg: #f5f7fa42 !important;
}

.text-help{
    color: #808080e6!important;
}

.text-help:hover{
    color: #747373 !important;
}


.text-footer,
.text-footer-link {
	color: #677788;
	font-size: 12px !important;
	font-weight: 400
}

.row {
	--bs-gutter-x: 0rem !important
}

.main {
	flex-grow: 0 !important
}

.containerLogin {
	padding: 0;
	border: 0;
	margin: auto
}

#coverLogin {
	background-color: #7fffd4;
	width: 40%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: center
}

.text-footer {
	margin: 1% 5% 0
}

.brand_logo {
	width: 18%
}

.containerLogin {
	width: 98vw
}

.nav-item a {
	cursor: pointer !important
}

body.d-flex.align-items-center.min-h-100 {
	justify-content: center
}

.grecaptcha-badge {
	display: none
}

.w-10 {
	width: 5%
}

.cb {
	border-left: .5px solid #dbdede
}

.search {
	background: 0;
	color: #7b7b7b !important
}

.iconGlass:focus,
.iconGlass:hover {
	color: #ff942d !important
}

.iconDelete:hover,
.iconGlass:focus {
	color: red !important
}

.btnPointer:hover {
	transform: translateY(-3%)
}

.btnPointer {
	transform: translateY(3%)
}

.bi-volume-down::before {
	font-size: 25px !important
}
.step .step-item {
    max-width:100%!important;

}
.card {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)!important;
}
.col-divider>:not(:first-child)::before {
    background-color: #c6cfd5!important;
}

.bg-cl-finanzas{
	background: #0d9eff;
	border-bottom-left-radius: var(--bs-border-radius)!important;
	border-top-left-radius: var(--bs-border-radius)!important;
	
}

.bg-fd-finanzas{
	border-top-right-radius: var(--bs-border-radius)!important;
	border-bottom-right-radius: var(--bs-border-radius)!important;
	align-items: start;
	display: flex;
	height: 100%;
	background-size: cover!important;
	background-repeat: no-repeat;background: linear-gradient( rgb(0 0 0 / 0) 0%, rgba(0, 0, 0, 0.8)100%),url(/public/img/dashBoard/fondo-finanza.webp);
}

.bg-fd-interfaz-web{
	border-top-right-radius: var(--bs-border-radius)!important;
	border-bottom-right-radius: var(--bs-border-radius)!important;
	align-items: start;
	display: flex;
	height: 100%;
	background-size: cover!important;
	background-repeat: no-repeat;background: linear-gradient( rgb(0 0 0 / 0) 0%, rgba(0, 0, 0, 0.8)100%),url(/public/img/sms/interfaz-web.jpg);
}

.bg-fd-archivo{
	border-top-right-radius: var(--bs-border-radius)!important;
	border-bottom-right-radius: var(--bs-border-radius)!important;
	align-items: start;
	display: flex;
	height: 100%;
	background-size: cover!important;
	background-repeat: no-repeat;background: linear-gradient( rgb(0 0 0 / 0) 0%, rgba(0, 0, 0, 0.8)100%),url(/public/img/sms/archivos.jpg);
}



.bg-cl-soporte{
	background: #0d9eff;
	border-bottom-left-radius: var(--bs-border-radius)!important;
	border-top-left-radius: var(--bs-border-radius)!important;
	
}

.bg-fd-soporte{
	border-top-right-radius: var(--bs-border-radius)!important;
	border-bottom-right-radius: var(--bs-border-radius)!important;
	align-items: start;
	display: flex;
	height: 100%;
	background-size: cover!important;
	background-repeat: no-repeat;background: linear-gradient( rgb(0 0 0 / 0) 0%, rgba(0, 0, 0, 0.8)100%),url(/public/img/dashBoard/fondo-soporte.webp);
}
.bg-cl-desarrollo{
	background: #0d9eff;
	border-bottom-left-radius: var(--bs-border-radius)!important;
	border-top-left-radius: var(--bs-border-radius)!important;
	
}

.bg-fd-desarrollo{
	border-top-right-radius: var(--bs-border-radius)!important;
	border-bottom-right-radius: var(--bs-border-radius)!important;
	align-items: start;
	display: flex;
	height: 100%;
	background-size: cover!important;
	background-repeat: no-repeat;background: linear-gradient( rgb(0 0 0 / 0) 0%, rgba(0, 0, 0, 0.8)100%),url(/public/img/dashBoard/fondo-developer.webp);
}
.menu-api{
 background: #0d9effbf!important;
}

.menu-api:hover{
 background: #0d9eff!important;
}
.w-fp-tr{
width: 14%;
}
/*--------------------
Credit Card
--------------------*/
.credit-card-box {
    perspective: 1000;
    width: 400px;
    height: 280px;
    top: -112px;
    left: 50%;
    transform: translateX(10%);
}
  .credit-card-box:hover .flip, .credit-card-box.hover .flip {
	transform: rotateY(180deg);
  }
  .credit-card-box .front,
  .credit-card-box .back {
	width: 400px;
	height: 250px;
	border-radius: 15px;
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
	background: linear-gradient(135deg, #bd6772, #53223f);
	position: absolute;
	color: #fff;
	font-family: Inconsolata;
	top: 0;
	left: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
  }
  .credit-card-box .front::before,
  .credit-card-box .back::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	opacity: 0.05;
  }
  .credit-card-box .flip {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
  }
  .credit-card-box .logo {
	position: absolute;
	top: 9px;
	right: 20px;
	width: 60px;
  }
  .credit-card-box .logo svg {
	width: 100%;
	height: auto;
	fill: #fff;
  }
  .credit-card-box .front {
	z-index: 2;
	transform: rotateY(0deg);
	display: flex;
  }
  .credit-card-box .back {
	transform: rotateY(180deg);
  }
  .credit-card-box .back .logo {
	top: 185px;
  }
  .credit-card-box .chip {
	position: absolute;
	width: 60px;
	height: 45px;
	top: 20px;
	left: 20px;
	background: linear-gradient(135deg, #ddccf0 0%, #d1e9f5 44%, #f8ece7 100%);
	border-radius: 8px;
  }
  .credit-card-box .chip::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	border: 4px solid rgba(128, 128, 128, 0.1);
	width: 80%;
	height: 70%;
	border-radius: 5px;
  }
  .credit-card-box .strip {
	background: linear-gradient(135deg, #404040, #1a1a1a);
	position: absolute;
	width: 100%;
	height: 50px;
	top: 30px;
	left: 0;
  }
  .credit-card-box .number {
	position: absolute;
	margin: 0 auto;
	top: 103px;
	left: 19px;
	font-size: 38px;
  }
  .credit-card-box label {
	font-size: 10px;
	letter-spacing: 1px;
	text-shadow: none;
	text-transform: uppercase;
	font-weight: normal;
	opacity: 0.5;
	display: block;
	margin-bottom: 3px;
  }
  .credit-card-box .card-holder,
  .credit-card-box .card-expiration-date {
	position: absolute;
	margin: 0 auto;
	top: 180px;
	left: 19px;
	font-size: 22px;
	text-transform: capitalize;
  }
  .credit-card-box .card-expiration-date {
	text-align: right;
	left: auto;
	right: 20px;
  }
  .credit-card-box .ccv {
	height: 36px;
	background: #fff;
	width: 91%;
	border-radius: 5px;
	top: 110px;
	left: 0;
	right: 0;
	position: absolute;
	margin: 0 auto;
	color: #000;
	text-align: right;
	padding: 10px;
  }
  .credit-card-box .ccv label {
	margin: -25px 0 14px;
	color: #fff;
  }
  
  .the-most {
	position: fixed;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 50vw;
	max-width: 200px;
	padding: 10px;
  }
  .the-most img {
	max-width: 100%;
  }
/*--------------------
Credit Card
--------------------*/
@charset "UTF-8";
body {
  background: #cfd8dc;
}

.credit-card {
  color: #FFF;
  font-family: Verdana;
}
.credit-card button {
  padding: 5px 20px;
    float: inline-end;
    margin-right: 20px;
  bottom: 22px;
  right: 34px;
  cursor: pointer;
  padding: 5px 20px;
  margin-top: 10px;
}
.credit-card input {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 1%;
  font-size: 25px;
  color: #FFF;
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
  text-align: center;
  width: 23%;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 5px;
  border: 0;
  transition: 0.2s;
}
.credit-card input:invalid {
  background: rgba(135, 30, 30, 0.33);
}
.credit-card input:focus {
  background: rgba(255, 255, 255, 0.05);
  outline: none;
}
.credit-card .number {
  text-align: start;
  top: 115px;
  left: 32px;
  right: 32px;
  font-size: 0;
  margin: 19px;
  margin-bottom: 10px;
}
.credit-card .number:after {
  font-size: 18px;  
  bottom: -30px;
  left: 3px;
}
.credit-card .date {
  margin: 20px;
  margin-bottom: 0;
  margin-top: 0px;
  bottom: 70px;
  left: 110px;
}
.credit-card .ccv {
	margin-bottom: 0;
	margin-top: 0px;
	bottom: 70px;
	left: 110px;
  }

.credit-card .date .cardNumber {
  font-size: 1.2em;
  margin: 0;
  width: 12%;
}
.credit-card .date .titular {
    font-size: 1.2em;
    margin: 0;
    width: 100%;
	margin-bottom: 2%;
	padding: 5px 5px;

}
.credit-card .date span {
  display: inline-block;
  font-size: 12px;
  letter-spacing: -1px;
  vertical-align: text-bottom;
  text-transform: uppercase;
  line-height: 12px;
}

.bt-25{
	margin-top:25px;
}
:-moz-submit-invalid {
  box-shadow: none;
}

:-moz-ui-invalid {
  box-shadow: none;
}

/* just the graphics */
.credit-card {
    width: 455px;
    height: 311px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 1px 1px 0 rgba(25, 25, 112, 0.3), -1px -1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 3vw rgb(25 25 112 / 0%);
    border-radius: 10px;
    transition: 3s;
    background: #204e8c  0 0 no-repeat;
}
.credit-card.valid {
  background-color: #3f8f26;
  transition: 0.12s;
}
.credit-card.invalid {
  background-color: #8c2020;
  -webkit-animation: 0.5s 1 shake linear;
  animation: 0.5s 1 shake linear;
  transition: 0.12s;
}

@keyframes shake {
  20% {
    transform: translateX(-10px);
  }
  40% {
    transform: translateX(9px);
  }
  60% {
    transform: translateX(-5px);
  }
  80% {
    transform: translateX(4px);
  }
}
@-webkit-keyframes shake {
  20% {
    -webkit-transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(9px);
  }
  60% {
    -webkit-transform: translateX(-5px);
  }
  80% {
    -webkit-transform: translateX(4px);
  }
}

/*--------------------
Credit Card
--------------------*/
@media only screen and (max-width:1365px) {
	#menuCards .fs-5 {
		font-size: 0.720rem !important;
	}
	#menuCards .fs-6 {
		font-size: 0.700rem !important;
	}
	
	.btnmakeAPaymentCard .text-start,
	.btnCancelPayment .text-start,
	.btnMyInvoicesCard .text-start,
	.btnMyPaymentsCard .text-start,
	.btnCreditNotesCard .text-start,
	.btnOtherMovementsCard .text-start{
		height: 100px;
	}
}
@media only screen and (max-width:990px) {
	#menuCards  > .col, #dashBoardHome > .col{
		flex: 0 0 auto!important;
		width: 50%!important;
	
	}
	.btnmakeAPaymentCard .text-start,
	.btnCancelPayment .text-start,
	.btnMyInvoicesCard .text-start,
	.btnMyPaymentsCard .text-start,
	.btnCreditNotesCard .text-start,
	.btnOtherMovementsCard .text-start{
		height: 75px;
	}
	.w-fp-tr{
		width: 25%;
	}
	.w-full-90{
		width: 90%!important;
	}
	.h-content {
		height: 208px;
	}

	.infoText {
		font-size: 1.40vw
	}

	.modal-xl {
		--bs-modal-width: 1140px
	}

	.cb-md {
		border-top: 1px solid rgba(231, 234, 243, .7);
		padding-top: 20px !important
	}

	.justify-content-sm-center {
		justify-content: center
	}

	.brand_logo {
		position: absolute;
		top: 50px
	}
}

@media only screen and (max-width:766px) {

	#preloadCol .col{
		margin-top: 4%;
	}
	#pageHeader .col{
		margin-top: 4%;
	}

	#pageHeader .col, #preloadCol .col {
		-ms-flex: 1 0 0%;
		flex: auto;
	}

	#pageHeader .col-auto, #preloadCol .col-auto {
		-ms-flex: 1 0 0%;
		flex: auto;
	}


	.btnmakeAPaymentCard .text-start,
	.btnCancelPayment .text-start,
	.btnMyInvoicesCard .text-start,
	.btnMyPaymentsCard .text-start,
	.btnCreditNotesCard .text-start,
	.btnOtherMovementsCard .text-start{
		height: 115px;
	}
	#menuCards .fs-6 {
		font-size: 0.840rem !important;
	}
	#menuCards .fs-5 {
		font-size: 0.940rem !important;
	}	
	#menuCards  > .col, #dashBoardHome > .col{
		flex: 0 0 auto!important;
		width: 100%!important;
	
	}
	.w-fp-tr{
		width: 50%;
	}
	.w-full-90{
		width: 80%!important;
	}
	.d-inline-grid {
	display: inline-grid;
	}
	.h-content {
		height: 305px;
	}
	.order-sm{
		order: 1!important;
	}
	.bg-fd-interfaz-web {
		align-items: start;
		display: flex;
		height: 100%;
		padding: 45px 0!important;
		background-size: cover!important;
		background-repeat: no-repeat;
		background: linear-gradient( rgb(0 0 0 / 0) 0%, rgba(0, 0, 0, 0.8)100%),url(/public/img/sms/interfaz-web.jpg);
		border-top-right-radius: 0px!important;
		border-bottom-left-radius: var(--bs-border-radius)!important;
		border-bottom-right-radius: var(--bs-border-radius)!important;
	}

	
	.bg-fd-archivo{
		align-items: start;
		display: flex;
		height: 100%;
		background-size: cover!important;
		background-repeat: no-repeat;background: linear-gradient( rgb(0 0 0 / 0) 0%, rgba(0, 0, 0, 0.8)100%),url(/public/img/sms/archivos.jpg);
		border-top-right-radius: 0px!important;
		border-bottom-left-radius: var(--bs-border-radius)!important;
		border-bottom-right-radius: var(--bs-border-radius)!important;
	}

	.step .step-item {
	padding: 5px!important;

	}
	.step .step-icon::after {
		border-left: 0.125rem solid #fff!important;

	}
	
	.bg-fd-soporte{
		border-top-right-radius: 0px!important;
		border-bottom-right-radius: 0px!important;
		border-bottom-left-radius: var(--bs-border-radius)!important;
		border-bottom-right-radius: var(--bs-border-radius)!important;
		align-items: start;
		display: flex;
		height: 100%;
		background-size: cover!important;	}
	.bg-cl-soporte{
		background: #0d9eff;
		border-bottom-left-radius: 0px!important;
		border-bottom-left-radius: 0px!important;
		border-top-left-radius: var(--bs-border-radius)!important;
		border-top-right-radius: var(--bs-border-radius)!important;
	}

	.bg-fd-finanzas{
		border-top-right-radius: 0px!important;
		border-bottom-right-radius: 0px!important;
		border-bottom-left-radius: var(--bs-border-radius)!important;
		border-bottom-right-radius: var(--bs-border-radius)!important;
		align-items: start;
		display: flex;
		height: 100%;
		background-size: cover!important;
	}
	.bg-cl-finanzas{
		background: #0d9eff;
		border-bottom-left-radius: 0px!important;
		border-bottom-left-radius: 0px!important;
		border-top-left-radius: var(--bs-border-radius)!important;
		border-top-right-radius: var(--bs-border-radius)!important;
	}
	.bg-fd-desarrollo{
		border-top-right-radius: 0px!important;
		border-bottom-right-radius: 0px!important;
		border-bottom-left-radius: var(--bs-border-radius)!important;
		border-bottom-right-radius: var(--bs-border-radius)!important;
		align-items: start;
		display: flex;
		height: 100%;
		background-size: cover!important;
	}
	.bg-cl-desarrollo{
		background: #0d9eff;
		border-bottom-left-radius: 0px!important;
		border-bottom-left-radius: 0px!important;
		border-top-left-radius: var(--bs-border-radius)!important;
		border-top-right-radius: var(--bs-border-radius)!important;
	}
	.w-icon-dashboard {
		width: 35px;
	}

	img.w-sm-70.w-md-100.w-lg-100.img-fluid {
		max-width: 60%!important;
		height: auto;
	}

	.infoText {
		font-size: 2.50vw;
	}

	.cb-sm {
		border-top: .5px solid #dbdede;
		padding-top: 35px;
	}

	.border-bottom-sm-md {
		border-bottom: 1px solid;
	}

	.cb-md {
		border-top: 1px solid rgba(231, 234, 243, .7);
		padding-top: 20px !important;
	}

	.iframe-youtube {
		width: 30vh;
		height: 18vh;
	}

	.px-sm-0 {
		padding-left: 0 !important;
	}

	.cb {
		border-right: 0;
		border-bottom: 0 solid #dbdede;
		border-left: 0;
	}
}

@media only screen and (max-width:480px) {
	.w-full-90{
		width: 80%!important;
	}
	.d-inline-grid {
		display: inline-grid;
	}
	.h-content {
		height: 305px;
	}
	.order-sm{
		order: 1!important;
	}
	.cb-sm {
		border-top: .5px solid #dbdede;
		padding-top: 35px;
	}

	.border-bottom-sm-md {
		border-bottom: 1px solid;
	}

	.cb-md {
		border-top: 1px solid rgba(231, 234, 243, .7);
		padding-top: 20px !important;
	}

	.containerLogin {
		padding: 10px;
	}
}

.placeholder {
	background-color: #abb2bf !important;
	color: #abb2bf !important;
	border-radius: 5px;
	animation-name: placeholder;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}

.placeholderBtnBlue {
	display: inline-block;
	width: 80px;
	cursor: wait !important;
	height: 30px;
	min-height: 1em;
	line-height: 1.5;
}

.fadeIn {
	animation-name: fadeIn;
	animation-duration: 2s;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.color-danger {
	color: #ed4c78;
}

.color-success {
	color: #00c9a7;
}

.url {
	color: #09f!important;
}

.control {
	text-align: center;
	place-items: center;
}

.iconSearch img {
	width: 14px !important;
}

.chartjs-doughnut-custom-stat {
	position: relative !important;
	top: -5rem !important;
}
.deleteIconBillingEmail {
	position: relative!important;
	top: -2.0rem!important;
	right: -34rem!important;
}
.lds-ellipsis {
	color: #0099ff!important;
}
.lds-ellipsis,
.lds-ellipsis div {
	box-sizing: border-box;
}
.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.lds-ellipsis div {
	position: absolute;
	top: 33.33333px;
	width: 13.33333px;
	height: 13.33333px;
	border-radius: 50%;
	background: currentColor;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
	left: 8px;
	animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
	left: 8px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
	left: 32px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
	left: 56px;
	animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0);
	}
}
@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(24px, 0);
	}
}.lds-ellipsis {
	/* change color here */
	color: #0099ff
}
.lds-ellipsis,
.lds-ellipsis div {
	box-sizing: border-box;
}
.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.lds-ellipsis div {
	position: absolute;
	top: 33.33333px;
	width: 13.33333px;
	height: 13.33333px;
	border-radius: 50%;
	background: currentColor;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
	left: 8px;
	animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
	left: 8px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
	left: 32px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
	left: 56px;
	animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0);
	}
}
@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(24px, 0);
	}
}