@charset "UTF-8";

:root{
	--main-background-color-blue: #0087ab;
	--main-background-color-blue-new: #005F86;
	--main-background-color-lightblue: #00ADDB;
	--main-background-color-lightblue-2: #B6E0EC;
	--main-background-color-lightblue-3: #00ADDB;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.main-container {
		padding: 10px 20px !important;
	}
	
	.transactional-box {
		width: 80% !important;
	}

	.fixed-bottom-hb {
		position: relative !important;
		margin-top: 20px;
	}

	.login-bg {
		height:auto !important;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	.main-container {
		padding: 10px 20px !important;
	}
	
	.transactional-box {
		width: 50% !important;
	}

	.fixed-bottom-hb {
		position: relative !important;
		margin-top: 20px;
	}

	.login-bg {
		height:auto !important;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .main-container {
        padding: 10px 20px !important;
    }
    table.dataTable thead th,
    table.dataTable tbody th,
    table.dataTable tbody td {
        padding: 0.1rem 0.1rem;
    }
    td.wrap-text a.btn.btn-main-style {
        padding: 0.1rem 0.1rem;
        font-size: 1rem;
    }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1921px) {
    table.dataTable thead th,
    table.dataTable tbody th,
    table.dataTable tbody td {
        padding: 0.5rem 0.1rem;
    }

    td.wrap-text a.btn.btn-main-style {
        font-size: 0.8rem;
        padding: 0.1rem 0.1rem;
    }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}

.bg-main-blue {
	background-color: #0087ab;
	background-color: var(--main-background-color-blue);
}

.bg-main-lightblue {
	background-color: #B6E0EC;
	background-color: var(--main-background-color-lightblue-2);
}

.header-main-block {
	display: block;
	background-color: #005F86;
	background-color: var(--main-background-color-blue-new);
	color: white;
}

.modal-messages {
	width: 100%;
	display: inline-block;
	text-align: justify;
}

.full-width-center {
	width: 100%;
	text-align: center;
}

.full-width-right {
	width: 100%;
	text-align: right;
}

.bg-main-light {
	background-color: #ffffff;
	padding-top: 5px;
}

.main-container {
	padding: 10px 80px;
	margin-right: 0px;
	margin-left: 0px;
}

.header-main-block a {
	text-decoration: none;
	color: white !important;
}

.header-information-links a {
	margin: 0px 5px;
}

.logout-block {
	text-align: right;
}

.hidden {
	display: none;
}

.mgr-10 {
	margin-right: 10px;
}

.mglr-15 {
	margin: 0px 15px;
}

.mglr-0 {
	margin-left: 0px;
	margin-right: 0px;
}

.pdbt-10 {
	padding: 10px 0px;
}

.pdlr-0 {
	padding-left: 0px;
	padding-right: 0px;
}

.pdr-15 {
	padding-right: 15px;
}

.logotipo-bna {
	background-image: url("../img/logoBna.png");
	background-position: center center;
	background-repeat: no-repeat;
	height: 74px;
	width: 298px;
	float: left;
}

.accordion-main-menu {
	background-color: #0087ab;
	background-color: var(--main-background-color-blue);
	color: white;
	
}

.accordion-main-menu a {
	text-decoration: none;
}

.accordion-menu-btn {
	background-color: #00ADDB;
	background-color: var(--main-background-color-lightblue-3);
	color: white !important;
	padding: 10px;
	font-size: 1rem;
}

.accordion-menu-btn a {
	color: white !important;
}

.accordion-submenu-btn {
	background-color: #B6E0EC;
	background-color: var(--main-background-color-lightblue-2);
	padding: 5px 5px 5px 0px;
	border-bottom: 1px solid white;
	font-size: 1rem;
}

.accordion-submenu-btn .selected {
	background-color: #00ADDB;
	background-color: var(--main-background-color-lightblue);
}

.accordion-submenu-btn a {
	margin: 0px 0px 0px 15px;
	color: #0087ab !important;
	color: var(--main-background-color-blue) !important;
	display: inline-block;
}

.body-main-title {
	font-size: 25px;
	color: #00ADDB;
	color: var(--main-background-color-lightblue-3);
	font-weight: bold;
	margin: 10px 0px;
}
.session-title {
	font-size: 25px;
	color: #0087AB;
	color: var(--main-background-color-lightblue-3);
	font-weight: bold;
	margin: 10px 0px;
}
.exchange-main-title {
	font-size: 25px;
	color: white;
	font-weight: bold;
	margin: 10px 0px;
}


.body-main-subtitle {
	color: #00ADDB;
	color: var(--main-background-color-lightblue-3);
}

.tr-data-subtitle {
	color: #00ADDB;
	color: var(--main-background-color-lightblue-3);
	border-bottom: solid 1px;
}

.accounts-total-balance-block {
	background-color: lightgray;
	padding: 10px 15px;
	font-weight: bold;
}

.login-box-block {
	padding-top: 60px;
}

.login-box {
	margin: 0 0 0 60%;
	width: 350px;
	padding-bottom: 12%;
}

.login-box-block1 {
	width: 100%;
	background-color: #0087ab;
	background-color: var(--main-background-color-blue);
	text-align: left;
    color: white;
    padding: 15px 0px 15px 15px;
    line-height: 28px;
}

.btn-close-white {
	color: white;
}


.padding-15-20 {
	padding: 15px 20px;
}


.login-box-block1-text1 {
	font-size: 20px;
}

.login-box-block1-text2 {
	font-size: 30px;
	font-weight: bold;
}

.login-box-block2 {
	width: 100%;
	background-color: #B6E0EC;
	background-color: var(--main-background-color-lightblue-2);
	padding: 20px 15px;
}

.login-box-label {
	font-weight: bold;
	margin-right: 20px;
}

.login-box-input {
	width: 100%;
}

.login-box-access-btn {
	margin-top: 15px;
	text-align: right;
	width: 90%;
}

.login-form-line-block {
	height: 3rem;
	display: flex;
	align-items: center;
}

.login-form-label {
	width: 30%;
	display: inline-block;
	font-weight: bold;
}

.login-form-input, .token-input {
	width: 60%;
	display: inline-block;
}

#hidePassword, #hideDocument, .hideToken, .showToken{
	display: none;
}

.toggle-icon {
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	cursor: pointer;
}

.toggle-icon-change {
	top: 55%;
	right: 20px;
	cursor: pointer;
}

.icon-password-recovery{
    right: 1.8rem !important;
}

@media (max-width: 1600px) {
    .icon-password-recovery{
        right: 2.8rem !important;
    }
}

#additionalFields {
	padding-left: 0;
	padding-right: 0;
}

.account-list-block {
	overflow: auto;
}

.publicity-block {
	width: 100%;
    height: 400px;
    margin-top: 15px;
	background: #00ADDB;
	background: var(--main-background-color-lightblue);
}

.right-box-block {
	margin: 0 auto;
}

.main-menu-button-block {
	border-bottom: solid 1px #66ceff;
}

.btn-main-style, .btn-main-style:hover {
	background-color: #00ADDB;
	background-color: var(--main-background-color-lightblue-3);
	color: white;
	padding: 5px 15px;
	font-size: 1.2rem;
}

.inline-important {
	display: inline !important;
	width: 60%;
	font-size: 1.2rem;
}

.confirm-btn {
	vertical-align: initial;
}

.main-label-form {
	margin-top: .5rem;
}

.loginCredentialsBox{
	margin: 0 auto;
}

.box-access-btn {
	margin-top: 15px;
	text-align: center;
	width: 90%;
}

.login-btn-send {
	padding: 3px 19px !important;
	border-radius: unset;
}

.tr-ex-data-block {
	padding-right: 0px;
	line-height: 20px;
}

.tr-ex-data-title {
	font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 0px;
}

.tr-ex-data-data {
	font-size: 1.2rem;
    overflow-wrap: break-word;
}

.btn-form-submit-tr-ex {
	margin-top: 20px;
}

.tr-data-subtitle-block {
	margin-top: 10px;
}

.transactional-box {
	width: 45%;
	height: 100px;
	/*background-color: #B6E0EC;
    background-color: var(--main-background-color-lightblue-2);*/
	margin: 0 auto;
	padding: 5px 20px;
}

.msg-result-transaccion-block {
	background-color: #00ADDB;
	background-color: var(--main-background-color-lightblue-3);
	color: white;
	font-weight: bold;
	padding: 15px;
	text-align: center;
}

.make-another-tr-btn-block {
	display: flex;
	justify-content: center;
	width: auto;
	margin: 0 auto;
}

.pending-tr-key-input:focus {
	box-shadow: none !important;
}

.btn-pend-tr-style, .btn-pend-tr-style:hover {
	background-color: #00ADDB;
	background-color: var(--main-background-color-lightblue-3);
	color: white;
	padding: 5px 15px;
	font-size: 1rem;
}

.useIntermediaryBankCheckBlock {
	background-color: white;
    border: none;
    padding-left: 0px;
}

.useIntermediaryBankLabel {
    margin-top: 7px;
    margin-left: 5px;
}

.error-input-label {
	color: red;
	font-weight: bold;
	font-size: 1rem;
	margin-bottom: 0px;
}

.pending-transactions-tbl-header-block {
	width: 100%;
    border-bottom: 2px solid #00ADDB;
    border-bottom: 2px solid var(--main-background-color-lightblue-3);
}

.pending-transactions-tbl-header {
	font-weight: bold;
	display: flex;
	align-items: center;
	padding: 20px 0px;
	width: 85%;
}

.pending-transactions-tbl-header-item {
	display: inline-block;
    width: 150px;
}

.pending-transactions-tbl-body {
	display: flex;
	align-items: center;
	padding: 20px 0px;
	border-bottom: 2px solid #00ADDB;
	border-bottom: 2px solid var(--main-background-color-lightblue-3);
	margin-left: 0px;
    margin-right: 0px;
}

.pending-transactions-tbl-body-items {
	display: inline-block;
    width: 150px;
}

.tr-details-block {
	margin-top: 20px;
	overflow-x: auto;
}

.tr-detail-btn {
	width: fit-content;
	float: right;
}

.pending-transactions-tbl-body-sneak-peek {
	display: flex;
	align-items: center;
	width: 85%;
}

.pending-transactions-tbl-body-detail-btn {
	width: fit-content;
}

.table-details-tr {
	margin-bottom: 1rem !important;
}

.table-details-tr th {
	min-width: 120px;
	vertical-align: middle !important;
}

.confirmation-box {
	margin: 0;
	padding-top: 1px;
}

.confirmation-box-autorize-btn-block {
	display: flex;
	justify-content: center;
	width: auto;
	margin: 0 auto;
}

.transactional-key-box {
	width: fit-content;
	margin: 0 auto;
}

.pending-tr-key-input-box {
	margin: 0 auto;
}

.pending-tr-key-input-block {
	margin-bottom: 10px;
}

.input-pending-transactions{
	width: 70%;
}

@media (max-width: 1576px) {
	.input-pending-transactions{
		width: 68%;
	}
}

.btn-send-code {
	background-color: #00ADDB; !important;
	background-color: var(--main-background-color-lightblue-3) !important;
	color: white !important;
}

.btn-send-code:focus {
	outline: none !important;
}

.table-details-tr-concept {
	min-width: 200px !important;
}

.box-msg-pending-tr {
	background-color: #0087ab;
	background-color: var(--main-background-color-blue);
    color: white;
    padding: 16px;
    margin-top: 15px;
    font-size: 17px;
}

.box-msg-error-pendind-tr {
	background-color: red;
    color: white;
    padding: 16px;
    font-size: 17px;
}

.header-user-name {
	font-size: 22px;
}

.header-welcome{
	font-size: 18px;
}

.header-logout{
	font-size: 16px;
	font-weight: bold;
}
.back-btn {
	margin: 20px 0px;
}

.query-title{
	font: normal normal normal 20px/24px KievitOT;
}

.msg-send-key {
	color: #007894;
	font-weight: bold;
}

.noHover{
	pointer-events: none;
}
	
.error-page-text {
	font-size: 20px;
}

.error-page-block{
	text-align: center;
	margin: 12% auto;
}

.inline-error-block {
	color: red;
	text-align: center;
	font-size: 20px;
}

.login-error-msg {
	color: red;
	font-weight: bold;
	text-align: center;
}

.login-change-user-type {
	font-weight: bold;
	color: #007894;
	text-align: center;
	cursor: pointer;
}

.login-text {
	font-weight: bold;
	color: #007894;
	text-align: center;
}

.login-change-country-doc-block {
	width: 10%;
	text-align: right;
}

.login-change-country-doc-btn {
	cursor: pointer;
}

.keyboard-login {
	text-align: right;
	width: 95%;
}

.main{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.login-bg {
	border-color: #224798;
	background-color: #071961;
	background-image: url("../img/login1.png");
	background-position: left top -30px;
	background-position: left top\9;
	width: 100%;
	min-height: 100vh;
	background-size: cover;
}

@media (max-width: 875px) {
	.login-box {
		margin: 0 auto;
		width: 350px;
	}
}

.home-title{
	font-size:3em;
	color:#cdcccc;
}

.head-title{
	font-size: 20px;
	font-weight: bold;
	color:#cdcccc;
}

div.leyenda{
	padding: 15px;
	font-size: 10px;
	font-weight: bold;
	margin-left: 40px !important;
	margin-right: 65px !important;
}

.home-name{
	font-size:3em;
	color: #0087ab;
	color:var(--main-background-color-blue);
}

.home-body{
	font-size:1.6em;
	color: #0087ab;
	color:var(--main-background-color-blue);
}

.recovery-box {
	margin: 0 0 0 60%;
	width: 380px;
}

.recoveryModal {
	width: 100%;
}

.passwordRecoveryModal {
	width: 100%;
}

@media (max-width: 875px) {
	.recovery-box {
		margin: 0 auto;
		width: 380px;
	}
}

.details-other{
	border-radius: 10px;
	background: #B6E0EC;
	background: var(--main-background-color-lightblue-2);
}

.loans-details-title{
	color: #00ADDB;
	color: var(--main-background-color-lightblue-3);
}

.taxa-title{
	color: white;
	font-size: 25px;
}

.taxa-subtitle{
	color: white;
	font-size: 20px;
}

.uppercase{
	text-transform: uppercase;
}

.table-layout{
	table-layout: fixed;
}

.wrap-text{
	word-wrap:break-word
}

.btn-refresh {
	height: 30px;
	margin-left: 10px;
	top: 3px;
	width: 30px;
	background-color: white;
	padding: 3px 0px 0px;
}

.btn-search {
	height: 33px;
	margin-left: 10px;
	margin-top: 15px;
	top: 3px;
	width: 33px;
	background-color: white;
	padding: 3px 0px 0px;
	border: 1px solid #ced4da;
}

.keyboard-change-password {
	text-align: right;
	margin-top: 8px;
}

.alert-blue{
	background: #00ADDB;
	color: white;
}


.login-tips{
	color: #0087ab;
	font-weight: bold;
	background-color: var(--main-background-color-lightblue-2);
	display: block;
	padding: 10px 50px;
	margin-right: 0px;
	margin-left: 0px;
}

.header-main-responsive{
	display: none;
	padding-left: 0px !important
}
.pending-transactions-tbl-block{
	flex-direction: column-reverse;
	align-items: stretch;
	overflow: auto;
}
.to-date-wrapper {
	display: flex;
	align-items: center;
	gap: 10px; /* Espacio entre el texto "hasta" y el input de fecha */
	margin-left: 20px; /* Opcional, para dar espacio entre las fechas */
}
.from-date-wrapper {
	display: flex;
	align-items: center;
}

.to-date-wrapper {
	display: flex;
	align-items: center;
	gap: 10px; /* Espacio entre el texto "hasta" y el input de fecha */
	margin-left: 20px; /* Opcional, para dar espacio entre los grupos de fechas */
}
@media screen and (max-width: 1280px) {
	.form-control-plaintext.login-box-label.option3 {
		flex-direction: column;
		align-items: flex-start;
	}
	.radio-group .form-control-plaintext input[type="date"] {
		margin-left: 5px;
	}
	.to-date-wrapper {
		margin-top: 10px;
		margin-left: 12px;
	}
	#right-block {
		display: none;
	}

	#main-menu {
		display: none;
	}

	.header-main {
		display: none;
	}

	.header-main-responsive {
		display: block;
	}

	#details-contain .form-control-plaintext {
		padding: 0px !important;
	}

	#details-contain .tr-details-block {
		margin-top: 0px !important;
	}

	.pending-transactions-tbl-block {
		align-items: baseline !important;
	}

	.main-container-message {
		padding: .375rem 0 !important;
		padding-left: 4px !important;
		position: relative;
		padding-right: 2.5em;
	}

	.main-container-message .close {
		position: absolute;
		top: 50%;
		left: 85%;
		transform: translateY(-50%);
		font-size: 1.5em;
		line-height: 1;
	}

	.main-container-message span {
		display: block;
		margin-right: 2.5em;
	}

	.radio-group  {
		display: block !important;
		border-right: none !important;
	}

	.radio-group .form-control-plaintext {
		border-right: none !important;
	}

	.radio-group .form-control-plaintext:last-child {
		margin-left: 40px !important;
	}

	.radio-group .form-control-plaintext.option2{
		margin-left: 0 !important;
		width: 120px !important;
	}
	.radio-group .form-control-plaintext.option2 .form-control {
		width: 130px !important;
	}
	.radio-group .form-control{
		margin-left: 22px !important;
	}
}

.menu-container {
	position: fixed;
	top: 0;
	left: 0;
	max-width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1050;
	display: none;
	justify-content: center;
	align-items: center;
}

.menu-responsive-block {
	background: #00ADDB;
	background-color: var(--main-background-color-blue);
	width: 60%;
	height: 100%;
	margin: 0;
}

.custom-tooltip {
	--bs-tooltip-bg: var(--bd-violet-bg);
	--bs-tooltip-color: var(--bs-white);
}

.tooltip  {background-color: #B6E0EC;}

.tooltip-inner {
	background-color: #B6E0EC;
	max-width: 200px;
	padding: 3px 8px;
	color: #0087AB ;
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
	margin-left: -3px;
	border-width: 5px 5px 0;
	border-top-color: #B6E0EC;
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
	margin-left: -3px;
	content: "";
	border-width: 0 5px 5px;
	border-bottom-color: #B6E0EC;
}
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
	margin-top: -3px;
	content: "";
	border-width: 5px 5px 5px 0;
	border-right-color: #B6E0EC;
}

.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
	right: 0;
	margin-top: -3px;
	content: "";
	border-width: 5px 0 5px 5px;
	border-left-color: #B6E0EC;
}

#beneficiariosContainer {
	max-height: 400px;
	overflow-y: auto;
}

.table-beneficiaries tbody {
	width: 100%;
	border-collapse: collapse;
}

.table-beneficiaries thead tr th  ,.table-beneficiaries thead tr, .table-beneficiaries thead{
	position: sticky;
	top: 0;
	background-color: #dee2e6;
	border-top: 0px;
}

.externalTradeContainer {
	max-height: 500px;
	overflow-y: auto;
}
.line {
	border-bottom: 1px solid var(--main-background-color-lightblue-3) !important;
	margin-top: 10px;
	margin-bottom: 10px;
}

.table-external-trade tbody {
	width: 100%;
	border-collapse: collapse;
}

.table-external-trade thead tr th  ,.table-external-trade thead tr, .table-external-trade thead{
	position: sticky;
	top: 0;
	background-color: #fff;
	border-top: 0px;
}

.col-xs-6.col-md-6.margin {
	padding-left: 31px;
}
.fixed-bottom-hb {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030;
}

.no-padding-right{
	padding-right: 0px !important;
}

.pre-disclaimer {
	font-size: 13px !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	margin-left: -5px;
}

.subtitle-box {
	font-size: 1.5rem;
}

.main-container-message {
	background-color: var(--main-background-color-lightblue-2);
	padding: 5px 80px 5px 80px;
	margin-right: 0px;
	margin-left: 0px;
}

.message{
	line-height: 2rem;
}

.message p{
	margin-bottom: 0;
}

.mgb-8 {
	margin-bottom: 0.4rem;
}

.d-flex{
	align-items: baseline;
}

.radio-group {
	display: flex;
	align-items: center;
}

.radio-group .form-control-plaintext {
	display: flex;
	align-items: center;
}

.radio-group .form-control-plaintext:last-child {
	margin-right: 0;
	line-height: 1.5;
	vertical-align: middle;
	margin-left: 80px;
}

.radio-group .form-control-plaintext.option1 {
	width: 350px;
	height: 40px;
	align-items: center;
	border-right: 2px solid #d5d5d5;
}

.radio-group label {
	margin-bottom: .0rem;
	margin-left: 5px;
	margin-right: 5px;
}

.radio-group .form-control-plaintext.option2{
	width: 750px;
	height: 40px;
	border-right: 2px solid #d5d5d5;
	margin-right: 25px;
	margin-left: 35px;
}

.radio-group .form-control-plaintext.option3 {
	transform: translateX(-40px);
	display: flex;
	flex-wrap: nowrap;
}

@media (max-width: 1520px) {
	.radio-group .form-control-plaintext.option3 {
		flex-wrap: wrap;
	}
}

.radio-group .form-control-plaintext input[type="date"] {
	margin-left: 5px;
}

.radio-group .form-control-plaintext span {
	margin-left: 5px;
}

.form-control-plaintext.option2 .form-control {
	width: 130px;
	height: 31px;
	font-size: 14px;
	border: 1px solid #d5d5d5;
}

.search{
	margin-top: 0.55rem !important;
}

#search-button:focus, #search-button:active {
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.25);
}


input[type="date"] {
	border: 1px solid #d5d5d5;
	border-radius: 4px;
	padding: 5px;
	box-sizing: border-box;
	width: 120px;
}

.custom-padding-bottom {
	padding-top: 31px;
}

.table th, .table td {
	white-space: nowrap !important;
	overflow: hidden !important;
}
.table th.obs-select-realm-title, th.obs-select-realm-text {
	white-space: normal !important;
}

.table th.wrap-th-text {
	white-space: normal !important;
}


.transfer{
	margin-left: auto;
}


.mini-title {
	font-size: 0.7rem;
	font-weight: bold;
	color: #A2A1A1;
}
.user-name-realm{
	color: var(--main-background-color-blue) !important;
}

.icon-pj-realm {
	display: inline-block;
	width: 34px;
	height: 34px;
	background-image: url("../img/pj-3.png");
	background-size: contain;
	background-repeat: no-repeat;
}
.icon-pf-realm {
	display: inline-block;
	width: 34px;
	height: 34px;
	background-image: url("../img/pf-3.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-pj-realm-home {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url("../img/pj-home.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-pf-realm-home {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url("../img/pf-home.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-pj-realm-white {
	display: inline-block;
	width: 27px;
	height: 27px;
	background-image: url("../img/pj@3x-white.png");
	background-size: contain;
	background-repeat: no-repeat;
	padding-right: 20px;
}
.icon-pf-realm-white {
	display: inline-block;
	width: 27px;
	height: 27px;
	background-image: url("../img/pf-realm-white-header@3x.png");
	background-size: contain;
	background-repeat: no-repeat;
	padding-right: 20px;
}

.icon-logout {
	display: inline-block;
	width: 27px;
	height: 27px;
	background-image: url("../img/logout.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-logout-white {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url("../img/logout-white.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.table-hover tbody tr:hover .icon-check-realm {
	display: inline-block;
}

.icon-check-realm {
	display: none;
	width: 24px;
	height: 24px;
	background-image: url("../img/check@2x.png");
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.obs-select-realm-title{
	white-space: nowrap;
	font-weight: bolder;
	font-size: 0.9rem;
}


.obs-select-realm-text{
	width: 100%;
	font-size: 0.9rem;
	font-weight: normal;
	padding-left: 0;
}

.select-realm-table {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	border: 2px solid #ccc;
}

.select-realm-table tr {
	border-bottom: 1px solid #ddd;
}

.select-realm-table tr:last-child {
	border-bottom: none;
}

.select-realm-table td {
	border: none;
	padding: 8px 16px;
}
.main-menu-button-block-profile {
	min-height: 80px;
	background-color: var(--main-background-color-blue-new);
	color: white;
}

.arrow-wrapper {
	margin-left: auto;
	height: 100%;
	display: flex;
	align-items: center;
}

.arrow-container {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	cursor: pointer;
}

.arrow-icon {
	width: 15px;
	height: 15px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	transition: transform 0.3s ease;
	background-image: url("../img/dropdown-1.png");
}


.arrow-icon.up {
	background-image: url("../img/dropup-1.png");
	width: 15px;
	height: 15px;
}


.arrow-container:hover .arrow-icon {
	opacity: 0.8;
}

.main-menu-button-block-profile {
	height: 50px;
}

.last-access-container {
	margin-top: 7px;
	display: flex;
	flex-wrap: nowrap;
	gap: 4px;
}

.last-access-container small {
	white-space: nowrap;
}


@media (max-width: 576px) {
	.last-access-container {
		flex-wrap: wrap;
	}
}

.full-width {
	width: 100%;
	margin: 0;
	margin-bottom: 0;
	padding-bottom: 0px;
}

#headingProfileSelection h5 {
	display: flex;
	align-items: center;
	padding: 0px 10px 10px 10px;
	width: 100%;
}


.profile-icon, .arrow-icon {
	font-size: 1.5em;
	color: #007bff;
}

.profile-info {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-left: 15px;
	font-size: 1.2em;
}
.profile-info small	{
	font-size: 0.6em;
}
.profile-info a	{
	font-size: 0.8em;
	text-align: left;
	font-weight: 700;
}


.profile-list {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background-color: #B6E0EC;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
	z-index: 1000;
	color: var(--main-background-color-blue);
	margin-top: 10px;
	cursor: pointer;
}


.list-group-item {
	background-color: transparent;
}

.profile-list.collapse:not(.show) {
	display: none;
}

.select-profile-button,
.select-profile-button-responsive {
	background-color: var(--main-background-color-blue-new);
	color: white;
	cursor: pointer;
}

.right-corner {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
}


#collapseProfile .list-group-item {
	padding: 7px 14px;
	font-size: 0.9em;
	border: none;
	transition: border 0.3s ease, padding 0.3s ease;
	padding-left: 25px;
	height: 60px;
}




#collapseProfile .list-group-item:hover {
	border: 1px solid #007bff;
	padding: 6px 13px;
	padding-left: 25px;
}


.header-main-block .logout-link {
	color: var(--main-background-color-blue) !important;
	text-decoration: none;
	font-weight: bold;
}

.large-radio input[type="radio"] {
	transform: scale(1.4);
}
.large-radio label {
	font-size: 1.5em;
}

.radio-group-pass label {
	font-size: 16px;
	color: var(--main-background-color-blue);
	padding: 10px;
	display: inline-block;
}

.text-justify-custom {
	text-align: justify;
}

.radio-group-profile label {
	font-size: 16px;
	color: var(--main-background-color-blue);
	padding: 10px;
	display: inline-block;
}

.countdown-container {
	top: -25px;
	right: 10px;
	font-size: 12px;
	color: #555;
	font-weight: bold;
}


.custom-form .custom-row {
	display: flex;
	align-items: center;
	width: 50%;
	margin-bottom: 1.5rem;
}



.custom-form .custom-label {
	flex: 1;
	text-align: left;
	padding-right: 1rem;
}

.custom-form .custom-input {
	flex: 2;
}

.custom-form .custom-input .form-control {
	width: 100%;
}

#responsiveSidebar {
	background-color: var(--main-background-color-blue);
	padding: 10px;
	color: white;
}

#responsiveSidebar .profile-info-side {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	font-size: 1.2em;
	margin-left: 10px;
	color: white;
}

#responsiveSidebar .profile-info-side a{
	text-align: left;
	font-weight: 700;
}

#responsiveSidebar .accordion-menu-btn {
	background-color: var(--main-background-color-blue);
	color: white;
	padding: 10px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 5px;
	transition: background-color 0.3s ease;
}

#responsiveSidebar .collapse {
	padding: 10px 0;
	transition: height 0.3s ease, background-color 0.3s ease;
	color: white;
}

#responsiveSidebar .list-group-item {
	padding: 15px;
	font-size: 0.7em;
	cursor: pointer;
	color: white;
	transition: background-color 0.3s ease, color 0.3s ease;
	height: 70px;

}

#responsiveSidebar .list-group-item:hover {
	background-color: rgba(255, 255, 255, 0.2);
	color: #ffffff;
	font-size: 0.7em;
}

#responsiveSidebar .arrow-icon {
	transition: transform 0.3s ease;
}

#responsiveSidebar .arrow-icon.down {
	transform: rotate(0deg);
}

#responsiveSidebar .arrow-icon.up {
	transform: rotate(180deg);
}

.clickable-profile .logout-link-side-bar {
	color: white !important;
	text-decoration: none;
	font-weight: bold;
}

@media (max-width: 576px) {
	#responsiveSidebar {
		padding: 8px;
	}

	#responsiveSidebar .list-group-item {
		padding: 12px;
		font-size: 0.9rem;
	}

	#responsiveSidebar .accordion-menu-btn {
		padding: 8px;
	}
}

.details-other-fragment {
	background: #B6E0EC;
	background: var(--main-background-color-lightblue-2);
}

.details-other-rounded-top {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: #B6E0EC;
	background: var(--main-background-color-lightblue-2);
}

.details-other-rounded-bottom {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background: #B6E0EC;
	background: var(--main-background-color-lightblue-2);
	min-height: 280px; /* Set a minimum height */
	height: auto; /* Allow it to grow if content exceeds */
}

.btn-main-style-transfer, .btn-main-style-transfer:hover {
	background-color: #00ADDB;
	background-color: var(--main-background-color-lightblue-3);
	color: white;
	padding: 5px 15px;
	font-size: 1.1rem;
	text-align: center;
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
}

.parent-div {
	display: flex;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
}

.two-buttons {
	display: flex;
	justify-content: space-around;
	flex-direction: row;
}


.parent-div.two-buttons .btn-main-style-transfer {
	width: calc(40% - 10px);
}

@media (max-width: 576px) {
	.parent-div.two-buttons .btn-main-style-transfer {
		width: 100%;
	}
}

.col-12.d-flex {
	display: flex;
/ justify-content: space-between;
	flex-wrap: wrap;
}

.button-add{
    margin-top: 2.3rem;
}

.me-2 {
	margin-right: 10px;
}

.container-full-width {
	width: 100%;
}

.currency-inside {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #B4B4B4;
    pointer-events: none;
}

.blocked-select {
    background-color: #e9ecef;
    opacity: 1;
}

.btn-add{
    margin-top: 33px;
}