/*------- GENERAL ---------*/


main{
	min-height: 100vh!important;
	display:flex!important; 
	flex-direction:column!important;

}


.navbar-main{
	/*overflow-x: clip;*/

	overflow: visible;
	z-index: 10;
}


.portia-green{
	color:#00AC78!important;
}

.text-dark{
	color:#495057!important;
}

.portia-green-background-color{
	background-color:#00AC78!important;
}

.portia-dark-background-color{
	background-color:var(--bs-dark)!important;
}

.portia-dark-gray-background-color{
	background-color:#495057!important;
}


.portia-green-background{
	background-image: linear-gradient(195deg, #00ac78 0%, #00ac78 100%)!important;
}

.portia-dark-background{
	/*background-image: linear-gradient(195deg, #344767 0%, #344767 100%)!important;*/
	background-image: linear-gradient(195deg, #495057 0%, #495057 100%)!important;
}

.portia-gray-background{
	background-image: linear-gradient(195deg, #7b809a 0%, #7b809a 100%)!important;
}

.portia-danger-background{
	background-image: linear-gradient(195deg, #F44335 0%, #F44335 100%)!important;
}

.portia-pink-background{
	background-image: linear-gradient(195deg, #e91e63 0%, #e91e63 100%)!important;
}

.portia-blue-background{
	background-image: linear-gradient(195deg, #1A73E8 0%, #1A73E8 100%)!important;
}

.border-default{
	border-bottom-left-radius: 0.75rem!important;
	border-bottom-right-radius: 0.75rem!important;
}

.btn-group > :not(.btn-check) + .btn{
	border-top-left-radius: inherit; 
    border-bottom-left-radius: inherit; 
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {   
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

.module-dark{
	/*filter: brightness(0) saturate(100%) invert(27%) sepia(12%) saturate(1713%) hue-rotate(179deg) brightness(92%) contrast(95%);*/
	filter: brightness(0) saturate(100%) invert(30%) sepia(14%) saturate(355%) hue-rotate(169deg) brightness(93%) contrast(90%);
}

.module-green{
	filter: brightness(0) saturate(100%) invert(52%) sepia(40%) saturate(4189%) hue-rotate(130deg) brightness(90%) contrast(101%);
}



.fav-link:hover,.fav-link{
	border-radius: 0.5rem;
}

.fav-link:hover{	
	background-color: rgba(199, 199, 199, 0.35);
}


#explore-button:focus{
	box-shadow: 0 3px 3px 0 rgba(52, 71, 103, 0.15), 0 3px 1px -2px rgba(52, 71, 103, 0.2), 0 1px 5px 0 rgba(52, 71, 103, 0.15)!important;
}

.tooltip-text, .tooltip-text-top{
	visibility: hidden;
}

.tooltip-text, .tooltip-text-top , .ai-tooltip{	
	position: absolute;
	z-index: 1;
	width: 100px;
	color: #7b809a;
	font-family: Roboto;
	background-color: white;
	border-radius: 10px;
	padding: 10px 15px 10px 15px;
	font-weight: 400;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);

  }

  #general_turnover_icon, #separate_turnover_icon{
	position: relative;
	cursor: help;
  }

  .tooltip-text-top {
	width: 70px;
	bottom: 100%;
	right: 100%;
    margin-right: -10px;
	text-wrap: nowrap;
	font-size: smaller;
	padding: 10px;
  }

  #general_turnover_icon:hover .tooltip-text-top, #separate_turnover_icon:hover .tooltip-text-top {
	visibility: visible;
  }


  #starFavorite{
	position: relative;
  }

  #starFavorite .tooltip-text {
	left: -120px;
    top: 15px;
  }

  #starFavorite:hover .tooltip-text {
	visibility: visible;
  }

  
  /*tooltip to small screens until 576px : */
  @media (max-width: 576px) { 
	#general_turnover_icon:hover .tooltip-text-top {
		bottom: 100%;
		right: 50%;
		margin-right: -170px;
		
	  }
 } 


a:hover {
    color: #00ac78;    
}

.active > .page-link {
	color: white;
}


hr.horizontal.dark {
	background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.8), transparent);
}


.language-active{
	border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 5px hsla(0, 0%, 100%, .3);
}


.modebar {	
	margin-right: 20px!important;  /* Adjust the right margin */
}

/*------- SCROLLBAR ---------*/
.ps__thumb-y{
	touch-action: none;
}


 /* width */
::-webkit-scrollbar {
	width: 6px;
	height: 8px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
	background: rgba(199, 199, 199, 0.35);
	margin: 10px;
	 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
	background: #aaa; 
	border-radius: 6px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
	background: #7b809a;	 
  }

  

  .sidenav-custom-scroll{	
	max-height: calc(100% - 150px);		
  }


   .sidenav-custom-scroll .ps__rail-y:hover, .sidenav-custom-scroll .ps__rail-y{	
	background: transparent;
  }

 

/*------- SELECT PICKER ---------*/

.selectpickers{
	display:none!important;
}

.custom-select .dropdown-item.active{
	font-weight: bold;
	/*color:#344767;*/
	color:#495057 ;
	
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: fit-content!important;
}

.custom-select .btn{	
background-color: transparent!important;
margin-bottom: 0!important;
padding-top: 15px;
padding-bottom: 15px;
font-size: 13px;
color:#7b809a;
	
  }

  .custom-select .btn:focus {
    outline: none!important;
	box-shadow:none!important;
	color:#7b809a !important;
  }

  .custom-select .btn:hover {	
	background-color: rgba(199, 199, 199, 0.35)!important;	
	/*color:#344767 !important;*/
	color:#495057 !important;

  }

  .custom-navbar-box{
	display: flex;
	flex-wrap: wrap;	
  } 

  .custom-select .dropdown-menu .inner .show{
	min-width: 220px;
	max-width: 75vw;
    overflow-x: auto;
    margin: 0!important;
  }


.company-year-ul{
    list-style-type: none;
    margin: 0;
    padding: 0!important;
    display: flex;
    flex-direction: row!important;	
}

.custom-navbar{
    display: flex!important;
	flex-wrap: nowrap!important;
	align-items: flex-start!important;
	padding-right: 0!important;
}


div.dropdown-menu:not(.show){
	display: none !important;
}

div.dropdown-menu .show{
	display: block !important;	
}


.filter-option-inner-inner{
	min-width: 180px;
	max-width: 65vw;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown:not(.dropdown-hover) div.dropdown-menu.show {
    margin-top: 3.5rem !important;
}

.nav.nav-pills{	
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);	
}

.nav.nav-pills .nav-item {
    z-index: inherit;
}

.btn.show {
	/*color:#344767 !important;*/
	color:#495057 !important;
}

#bs-select-1, #bs-select-2, #bs-select-3, #bs-select-4{
	padding: 0 15px!important;
}

.custom-select a.dropdown-item{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* small screen: */
@media (max-width: 991.98px){
	
	.dropdown:not(.dropdown-hover) .dropdown-menu {
		margin-top: 5px !important;
	}
	
	.custom-select .dropdown .dropdown-menu{
		position: absolute!important;				
		overflow-x: auto!important;
		overflow-y:hidden !important;
		transform: scale(1) !important;
		inset: 0px auto auto 0px;	
	}	
	
	.custom-select .bootstrap-select .dropdown-menu.inner {
		position: static!important;
	}

	.dropdown-item:hover{
		min-width: fit-content!important;
	}

	/* custom select arrow: */
	.custom-select .dropdown .dropdown-toggle:after{
		content: "\f107";
		font: normal normal normal 14px/1 FontAwesome;
		border: none;
		vertical-align: middle;
		font-weight: 600;		
	}	
	
	.custom-select .dropdown .dropdown-toggle.show:after,
	.custom-select .dropup .dropdown-toggle.show:after,
	.custom-select .dropstart .dropdown-toggle.show:after,
	.custom-select .dropend .dropdown-toggle.show:after {
		transform: rotate(180deg); }
	
	.custom-select .dropdown .dropdown-toggle:after,
	.custom-select .dropup .dropdown-toggle:after,
	.custom-select .dropstart .dropdown-toggle:after,
	.custom-select .dropend .dropdown-toggle:after {
		transition: 0.3s ease; }
	}


	 /*.dropdown-menu {
		display: block !important; 
		opacity: 1 !important;
		z-index: 9999!important;               
		position: absolute!important;         
		visibility: visible !important;
	}*/
	
	/* Safari-specific fix using media query */
	/*@media not all and (min-resolution:.001dpcm) { 
		@supports (-webkit-appearance:none) {
			 .dropdown-menu {
				display: block !important; 
				opacity: 1 !important;
				z-index: 9999!important;               
				position: absolute!important;         
				visibility: visible !important;
			}
		}
	}*/




  /*------- MODULE PAGE ---------*/

  .centralize-map > div:not(.d-flex) > div,  .centralize-map iframe{	
	/*height: 76vh!important;*/
	height: 76.1vh!important;
	border-bottom-left-radius: 0.75rem!important; 
	border-bottom-right-radius: 0.75rem!important;	
	
  }

  .centralize-map > div{
	border-bottom-left-radius: 0.75rem!important; 
	border-bottom-right-radius: 0.75rem!important;	
  }

  

  .sm-card-header{
	padding: 10px 0!important;
	
  }

.custom-icon{
    width: 24px;
    height: 24px;
}

.table:not(.dataframe) thead th {
    padding: 0.75rem 0.5rem ;
}


.dataframe.table > :not(caption) > * > * {
    padding-top: 0.1rem!important;
	padding-bottom: 0.1rem!important;

	
}

.dataframe.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: rgba(0, 0, 0, 0.07)!important;
    color: #6c757d;  
}



.dataframe th , .dataTable th {	
	/*color: #344767;*/
	color:#495057;
}



.table-green tbody td , .table-green thead th, .table-green tfoot th {
	font-size:0.95rem;
	padding: 0.1rem 0.2rem;
	padding-right:0.2rem;
	padding-left:0.2rem;
	
}


.dataframe td:first-child, .dataframe th:first-child{
    padding-left:1rem!important;
}

.dataframe td:last-child, .dataframe th:last-child{
    padding-right:1rem!important;
	
}

.table-responsive{
	overflow-y: hidden;
}


/* green graph */
.graph-green{
	background-color:#00ac78; 
	border-radius: 0.75rem; 
}




/* green head table: */

.card-green {
	background-color:#00ac78; 
	border-radius: 0.75rem!important;
	
}

.card-green h6 {
	color: white;
}

.table-green table {
	margin: 0!important;
	border:none;		
}

.table-green > .dataframe > tbody > tr > * {
	color: #6c757d;
	--bs-table-accent-bg: rgba(255, 255, 255, 1);
	border:none;
}

.table-green  .dataframe > thead > tr >*, .table-green  .dataTable > thead > tr >* {
	/*color: #344767;*/
	color:#495057;
	--bs-table-accent-bg: rgba(255, 255, 255, 1);
}

.table-green .dataframe.table-striped > tbody > tr:nth-of-type(odd) > *, .table-green .dataTable.table-striped > tbody > tr:nth-of-type(odd) > * {   
	--bs-table-accent-bg: transparent!important; 
	background-color: #C1EBDE !important;
    /*color: #344767;*/
	color:#495057;
}



.scroll-white {
	background-color: white; 
	overflow-x: auto; 
	border-bottom-left-radius: 0.75rem;
	border-bottom-right-radius: 0.75rem;
}

/* second option green table: */

.table-green2 > table {
	border:none!important;	
}

.table-green2 > .dataframe > tbody > tr > * {	
	/*color: #344767!important;*/
	color:#495057!important;
	--bs-table-accent-bg: rgba(255, 255, 255, 0.8)!important;
	border-color:rgba(255, 255, 255, 0.5) ;
}

.table-green2  .dataframe > thead > tr >* {
	/*color: #344767!important;*/
	color:#495057!important;
	--bs-table-accent-bg: rgba(255, 255, 255, 0.8)!important;
	border-color:rgba(255, 255, 255, 0.5) !important;	
}

.table-green2 .dataframe.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: rgba(255, 255, 255, 0.5)!important; 
    /*color: #344767!important;*/
	color:#495057!important;
}


/* small font table with "row total": */

/*.row-total .dataframe > tbody > tr:last-child > * {
	color: #344767!important;
	font-weight: bold;
}*/

.row-total  table tbody td, .row-total .table thead th, .row-total .table tfoot th{
	font-size: 0.75rem!important;
	padding: 0.1rem 0.1rem!important;
	border: none!important;
}

.row-total .table thead th:first-child, .row-total .table tfoot th:first-child, .row-total table tbody td:first-child{
	padding-left: 0.5rem!important;
}
.row-total .table thead th:last-child, .row-total .table tfoot th:last-child, .row-total table tbody td:last-child{
	padding-right: 0.5rem!important;
}

/*
.row-total > table > tbody > tr:last-child > *:first-child {
	border-bottom-left-radius: 0!important;
}
.row-total > table > tbody > tr:last-child > *:last-child {
	border-bottom-right-radius: 0!important;	
}
.row-total td:not(:first-child), .row-total th:not(:first-child){   
	padding-right:0.2rem!important;	
}

*/



/*
.row-total-2  .dataframe > tbody > tr:last-child > * {
	color: #344767!important;
	font-weight: bold;
}
*/



.table tfoot th{
	border-color: transparent!important;
}


/* #urgencybyrisk-table */

#urgencybyrisk-table  table > tbody > tr > td:not(:last-child,:first-child),
#urgencybyrisk-table  table > tfoot > tr > th:not(:last-child,:first-child)
{
	padding: 0.1rem 0.15rem!important;	
}

#urgencybyrisk-table  table > tbody > tr > td:last-child,
#urgencybyrisk-table  table > tfoot > tr > th:last-child
{
	padding-left: 0.15rem!important;	
}

#urgencybyrisk-table  table > tbody > tr > td:first-child,
#urgencybyrisk-table  table > tfoot > tr > th:first-child
{
	padding-right: 0.1rem!important;	
}



/* .table-size-m */

.table-size-m  table > tbody > tr > *, .table-size-m .table thead th, .table-size-m .table tfoot th{
	font-size: 0.9rem!important;
	padding: 0.1rem 0.22rem!important;
}

.table-size-m thead th:first-child {	
	padding: 0.1rem 0.22rem 0.1rem 1rem!important;
}

.table-size-m thead th:last-child {	
	padding: 0.1rem 1rem 0.1rem 0.22rem !important;
}

.table-size-m td:first-child, .table-size-m tfoot th:first-child{
	padding-left: 1rem!important;	
}

.table-size-m td:last-child, .table-size-m tfoot th:last-child {
	padding-right: 1rem!important;	
}




.dt-right{
	text-align: right!important;
}

.dt-left{
	text-align: left!important;
}


.col-min-wid{
	/*min-width: 140px;*/
}

/*
.table-size-m .dataframe td:not(:nth-child(1),:nth-child(2)), .table-size-m .dataframe th:not(:nth-child(1),:nth-child(2)){
	text-align: right!important;
}

#pathologybydoctor-table .dataframe td:nth-child(3), #pathologybydoctor-table .dataframe th:nth-child(3),
#pathologybyagreement-table .dataframe td:nth-child(3), #pathologybyagreement-table .dataframe th:nth-child(3){
	text-align: left!important;
}

*/


/* tables hover dark row 
.dataframe > tbody > tr:hover > *, .dataframe.table-striped > tbody > tr:hover:nth-of-type(odd) > *,.dataframe.table-striped > tbody > tr:hover:nth-of-type(even) > *{
	--bs-table-accent-bg: #d2d6da!important;
	color: #344767!important;
}
.table > :not(caption) > * > * {
	border-bottom-width: 0;
}
*/


.table thead th {
	text-transform:none;
}


/* DATATABLE START Table with dataTable filters and paginations: */

.form-control{
	border: 1px solid #d2d6da!important;
}

.custom-dt-layout-row:not(.dt-layout-table){
	display: flex;
	justify-content: space-between;
	
}

.custom-dt-start{
	display: flex;
	margin-top: 1rem;
    margin-left: 1rem;
	margin-bottom: 0.5rem;	
	
	gap:0.65rem
}

.dt-layout-cell.dt-end:has(.custom-search){
	width: 40%;
	margin-right: 1rem;
} 

.custom-search{
	/*width: inherit;
	min-width: 185px;*/	
	width: 100%;
	margin-top: 0.5rem;
	margin-right: 1rem;
	margin-bottom: 0.5rem;
	display: flex;
	align-items: center;
}

.custom-search-label{
	display: flex;
	align-items: center;
	margin: 0 4px;
	width: min-content!important;
}

.dt-info{
	font-size: 0.875rem;
	margin-bottom: 0.5rem;
}

.dataTable{
	
	border-top: transparent!important;
	border-bottom: transparent!important;

}


.table > :not(:first-child){
	border-top: transparent!important;
}

.dt-container > .custom-dt-layout-row:first-child{
	border-bottom: 1px solid #d2d6da!important;
}

.dt-container > .custom-dt-layout-row:last-child{
	border-top: 1px solid #d2d6da!important;
}

table tfoot tr {
	border-top: 1px solid #d2d6da!important;
}


.dataTables_paginate{
	display: flex;
	margin: 0.5rem;
	
}

.dataTables_paginate > span{
	display: flex;
}


 .dataTables_paginate .paginate_button{
	display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    color: #7b809a!important;
    padding: 0!important;
    margin: 0 3px!important;
    border-radius: 50% !important;
    width: 36px!important;
    height: 36px!important;
    font-size: 0.875rem!important;
	border: 1px solid #d2d6da !important;
	background-color: white;
	text-wrap: nowrap;
}

 .dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:hover{
	background: linear-gradient(195deg, #00ac78 0%, #00ac78 100%)!important;
	color: white!important;
}

 .dataTables_paginate .paginate_button:hover {
	background: #f0f2f5!important;
	color: #7b809a!important;
}

.page-arrow{
	font-size: 1.1rem!important;
	color: #7b809a!important;
}

.dataTables_info{
	padding: 0!important;
	
	margin-top: 1rem;
	margin-left: 1rem;
	font-size: 0.875em!important;
	font-weight: 400 !important;
	color: #7b809a!important;
}

.dataTables_empty{	
	/*color: #344767!important;*/
	color:#495057!important;
}

.buttons-detail{
margin: 0.5rem;
}

.hidden-detail{
	color: #00AC78;
    font-size: 0.8rem;
}


.dataTables_length , .dataTables_length:focus-visible, .buttons-print, .buttons-pdf, .buttons-excel, .buttons-detail{
	outline: none;
	border: 1px solid #d2d6da !important;
	/*color: #344767!important;*/
	color:#495057!important;
	border-radius: 3px;
	padding: 4px;
	font-size: 0.875rem;
	background-color: white;
}

.dataTables_length:hover{
	cursor:pointer;
} 

.buttons-print, .buttons-pdf, .buttons-excel, .buttons-detail{
	color: #7b809a!important;
}


.buttons-print:hover, .buttons-pdf:hover, .buttons-excel:hover, .buttons-detail:hover{
	background-color: #f0f2f5;	
	/*color: #344767!important;*/
	color:#495057!important;
}

span.dt-column-order {   
	font-family: FontAwesome;
	padding-left: 4px;
	cursor: pointer;
}
th.dt-orderable-asc > span.dt-column-order:after {
    content: "\f0dc";
	/*color: #344767;*/
	color:#495057;
    font-size: 0.9em;
	opacity: .5;
}
th.dt-ordering-asc > span.dt-column-order:after {
    content: "\f0de";
	/*color: #344767;*/
	color:#495057;
	opacity: 1;
}
th.dt-ordering-desc > span.dt-column-order:after {
    content: "\f0dd";
	/*color: #344767;*/
	color:#495057;
	opacity: 1;
}


.dt-scroll-body > table > tfoot, .dt-scroll-body > table > thead{
	display: none;
}


[type="search"]::-webkit-search-cancel-button {
	filter: brightness(0) saturate(100%) invert(52%) sepia(40%) saturate(4189%) hue-rotate(130deg) brightness(90%) contrast(101%);
	cursor: pointer;
  }

  @media screen and (max-width: 640px){
	.custom-dt-layout-row{
		flex-direction: column;
	}

	.custom-search{		
		padding: 0 16px;
	}

	.dt-layout-cell.dt-end:has(.custom-search){
		width: 100%;	
	} 
  }

  #employeesbyage-table-table_wrapper > .custom-dt-layout-row:not(.dt-layout-table):last-child {
	display: none!important;
  } 


/* DATATABLE END */





/* FILTER BY INPUT DATATABLE */

.input-filter-li{
	
	width:500px;
}

.input-filter-table .dt-container{
	padding-right: 1.5rem;
}

.input-filter-text{
	font-size: 13px!important;
	text-transform: uppercase!important;
	font-weight: 700!important;
}


.input-filter-table .dt-layout-table, .input-filter-table .dt-layout-row:last-child{
	display: none!important;
}

.input-filter-table .custom-dt-layout-row:first-child {
    border-bottom: none !important; 
}

.input-filter-table .dt-layout-cell.dt-end:has(.custom-search) {
    width: 100%;
	display: flex;
	align-items: center;
	margin-right: 0;
	padding-right: 0;
}

.input-filter-select button{
	display: none!important;
}

.input-filter-table #diagnosis-filter-table_wrapper:hover{
	background-color: rgba(199, 199, 199, 0.35);
	cursor: pointer;
	/*color: #344767;*/
	color:#495057;
	border-radius: 0.5rem;
}

.input-filter-table .custom-search {   
    margin-top: 0.3rem;   
    margin-bottom: 0.3rem;
	margin-right: 4px;
	padding-right: 4px;
}

.input-filter-table .custom-search input{
	background-color: #f8f9fa!important; 	
}

.input-filter-table .dropdown:not(.dropdown-hover) div.dropdown-menu.show{
	margin-top: 2.65rem !important;
	max-width: 325px;
	/*min-width: 100%!important;*/
}

.input-filter-table .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
	min-width: 100%!important;	
}


.input-filter-table .dropdown-menu.show ul li input {
	cursor: pointer!important;
}


@media screen and (max-width: 640px) {
    /*.input-filter-table .custom-dt-layout-row {
        flex-direction: row;
    }*/
}

.badge-filter-box{
	display:flex;
	align-items: center;
	height: 100%;
	padding: 15px 24px;
	gap: 5px;
	flex-wrap: wrap;
}

.badge-filter-item{
	align-items: center;
	display: flex;
	gap: 5px;
	text-transform: none;
	text-wrap: wrap;
    text-align: left;
}


.input-filter-checkbox{
	pointer-events:none;
}



/* FILTER BY INPUT DATATABLE END */





.page-link.active, .active > .page-link {   
    background-color: #00AC78;
    border-color: #00AC78;
}

.scroll-tab-body  {
	max-height: 715px;
	overflow: auto;
}

.scroll-tab-body > table > thead   {
	position: sticky; 
	top: 0;
	
}


/* page width smaller than 768px: */
@media (max-width: 768px) { 	
	.module-box1, .module-box2 {
		width:100%;
	}

	.custom-card-footer{
		flex-direction: column!important;
		align-items:start!important;
	}
}


/*page width bigger than 768px: */
@media (min-width: 768px) { 	
	.favorites-card{
		height: 295px;
	}
}	

@media (min-width: 576px) { 
	.desktop-title{
		display: flex;
		align-items: center;
	}
	.mobile-title{
		display: none;
	}
 }     

@media (max-width: 576px) {         
    .desktop-title{
		display: none;
	}
	.mobile-title{
		display: block;
	}
	
	.company-year-ul{          
            flex-direction: column!important;
     }

	 .custom-card-footer{
		flex-direction: row!important;
		align-items:end!important;
	}
	
	/* new: */
	.custom-li,.custom-select .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) , .custom-select btn.dropdown-toggle.btn-light {
		width: 100%!important; 
	}
    }

@media (max-width: 347px) { 	
	
		.custom-card-footer{
		flex-direction: column!important;
		align-items:start!important;
	}
	}


/* SIDE NAV VERTICAL*/

/*
.navbar-vertical .nav-item:hover .nav-link {
	background-color: rgba(199, 199, 199, 0.35);
}

 .navbar-vertical .nav-item .nav-link:hover {
	/*background-color: rgba(199, 199, 199, 0.5);
}	
*/



.sidenav-ul > li.nav-item > .multi-level > ul > li > .nav-link:hover {
	background-color: #00AC78!important;	
	font-weight: 600!important;	
	opacity: 1!important;	
}

.sidenav-ul > li.nav-item > .multi-level > ul > li:hover > .nav-link{
	background-color: #00AC78!important;	
}


.sidenav-ul > li.nav-item:hover > .nav-link:not(.module-active, .active) {
	background-color: rgba(199, 199, 199, 0.35)!important;	
}

.sidenav-ul > li.nav-item > .nav-link:not(.module-active, .active):hover {
	background-color: rgba(199, 199, 199, 0.5)!important;	
}

.sidenav .collapse .navbar-nav .nav-item .multi-level .nav-link:not(.active) {
	opacity: 0.8;
}



.navbar-vertical .nav-item .nav-link a{
	color: white!important;
}





.navbar-vertical .navbar-nav > .nav-item .nav-link.active:not(.module-active){
	/*
	background-color: rgba(255, 255, 255, 0.9)!important;
    color: #00ac78!important;
    font-weight: 500!important;
	*/
	font-weight: 600!important;	
}



.navbar-vertical .navbar-nav .nav-link{	
	/*font-size: 16px;*/
	font-size: 0.9rem;
	font-weight: 400;
	color: white!important;
	background-color: rgba(199, 199, 199, 0.35);
	
	padding: 0.6rem 0.75rem!important;
   
	/*padding-left: 0.75rem!important;
    padding-right: 0.75rem!important;
	padding: 0.5rem 0.75rem !important; */
}

.nav-item .list-unstyled  .nav-link{
	padding: 0.15rem 0.65rem!important;
	font-weight: normal;
}

.custom-nav-title{
	/*font-size: 14px!important;*/
	font-size: 0.9rem;	
	color: rgba(255, 255, 255, 0.7)!important;	
}


#sidenav-collapse-main{
	height: fit-content;
}


.navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:after, .navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]:after{
	color: white;
}


.module-active, .sidenav-ul > li.nav-item:not(.list-unstyled)  > .active  { 
	background-color: rgba(255, 255, 255, 0.9)!important;    
    font-weight: 500!important;
}
.navbar-vertical .nav-item .module-active a , .sidenav-ul > li.nav-item:not(.list-unstyled)  > .active > .nav-link-text{
	color: #00ac78!important;
	font-weight: 500!important;
}
.module-active img{
	filter: brightness(0) saturate(100%) invert(52%) sepia(40%) saturate(4189%) hue-rotate(130deg) brightness(90%) contrast(101%);
}
.navbar-vertical .navbar-nav .module-active[data-bs-toggle="collapse"][aria-expanded="true"]:after,  .navbar-vertical .navbar-nav .module-active[data-bs-toggle="collapse"]:after {
	color: #00ac78!important;
}


/*
.sidenav .collapse .navbar-nav .nav-item .multi-level .active {	
	
	background-color: rgba(255, 255, 255, 0.9)!important;
	border: 2px solid rgba(255, 255, 255, 0.9);
	padding: 5px;
	text-decoration: underline;
	
	
	background-color: rgba(255, 255, 255, 0.9)!important;
	color: #00ac78!important;
	font-weight:bolder;
	
	
	text-decoration: underline;
	text-decoration-thickness: 2px; 
					
}
*/



.export-box{
	height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 12px 24px;
}
.export-text{
	font-size: 13px;
    color: #7b809a;
	font-weight: bold;
}

.export-icon{
	cursor: pointer;
	font-size: 20px;
}



@media (min-width: 1199.98px){
	.g-sidenav-show:not(.rtl) .sidenav {
		transform: translateX(-17.125rem);
	}

	.g-sidenav-show.g-sidenav-pinned .sidenav {
		transform: translateX(0);
	}

	  .sidenav:hover {
		max-width: 15.625rem; }
	  .sidenav .sidenav-toggler {
		padding: 1.5rem; }
	  .sidenav.fixed-start + .main-content {
		margin-left: 17.125rem; }
	  .sidenav.fixed-end + .main-content {
		margin-right: 17.125rem; } 

	
		

		.main-content {
			margin-left: 0 !important;
		}
		
		.main-content-pinned{
			margin-left: 16rem !important;
		}	
	}






	
/* AI artificial intelligence box START */


#llm_submit_container{
	position: relative; 
}


#llm_submit {	
	cursor: pointer;
	font-size: 1.8rem;
	color:#7b809a;	
	z-index: 100;
}

#llm_submit:hover{
color: #495057;
}

.sql_container{
	background-color: #f0f2f5;
	color: #495057;	
	border-radius: 0.5rem;	
}

.sql_header{
	
	cursor: pointer;
	display: flex;
	gap: 10px;
	padding: 15px;
	border-radius: 0.5rem;
}

.sql_header:hover{
background-color: rgba(199, 199, 199, 0.35);
}

.sql_text{
	display: none;	
}

.sql_title{
	font-size: 13px;
	letter-spacing: 0;
	text-transform: uppercase;
	font-weight: 700;
}

.sql_query, .sql_result{
	padding: 15px;
}

.sql_query_text, .sql_result_text{
	word-break: break-word;
}

.general-container{
	max-width: 48rem;
}

/*.prompt-box{
	background-color: #f0f2f5;
}*/

/* Apply transition effect */
.custom-fade-element {
    transition: opacity 1s ease!important; /* 1-second fade effect */
}
/* Hidden state */
.custom-fade-out {
    opacity: 0!important;
}
/* Visible state */
.custom-fade-in {
    opacity: 1!important;
    visibility: visible!important;
}

.ai-example{
	cursor: pointer;
}

.ai-example:hover {
	border-color: #495057!important;
	color: #495057;
}

.ai-portia-icon{
	/*background-color: #00AC78;*/
	width: 24px ;
    height: 24px;
    border-radius: 50%;
	outline: solid 1px #dee2e6;
}

.ai-portia-icon img{
	margin-bottom: 3px;
	margin-left: 3px;
	margin-right: 3px;
}

.ai-user-container{
	justify-content: flex-end;
}

.ai-user-msg{
	width: 70%;
	background-color: #f0f2f5;
	border-radius: 1.5rem;
	color: #495057;
}

.ai-portia-msg{
	color:#495057;
	width: 100%;
}

.ai-portia-msg p {
    font-size: 0.875rem ;    
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
}

.ai-portia-msg h1,
.ai-portia-msg h2,
.ai-portia-msg h3,
.ai-portia-msg h4,
.ai-portia-msg h5,
.ai-portia-msg h6 {
	font-size: 1.25em;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	color: #495057;
	font-weight: 600;
}


.ai-portia-msg code{
	color: #495057!important;
}

.ai-portia-msg table{
	margin-bottom: 1rem;
} 

.ai-portia-msg td, 
.ai-portia-msg th {
	padding: 0.4rem!important;  
	border-bottom: 1px solid #d2d6da!important;
}



.loading-container {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 350px;
    padding: 10px 15px;  
	text-align: center;
}

.loading-text {
    font-size: 14px;
    position: relative;
    z-index: 1; 
    white-space: nowrap; 
	text-align: center;
}

.loading-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* Começa fora da área visível à esquerda */
    width: 400px;
    height: 100%;
    animation: fadeCover 4s linear infinite; /* Animação contínua */
    z-index: 2; 
	background: linear-gradient(
        to left,       

		rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 25%,
		rgba(255, 255, 255, 1) 75%,
        rgba(255, 255, 255, 0) 100%

    );
}

@keyframes fadeCover {
	0% {
        left: -100%; /* Começa fora do lado esquerdo */
    }  
	50% {
        left: 0; 
    }
	100% {
        left: -100%; /* termina fora do lado esquerdo */
    }   
}

.moving-icon {
    position: relative; 
	font-size: 24px;
    animation: moveIcon 4s linear infinite; 
	left: -50px;
}

 

/* Keyframes para o movimento do ícone */
@keyframes moveIcon {
    0% {
        transform: translateX(-50px); /* Começa fora do lado esquerdo */
    }
    50% {
        transform: translateX(110px); /* Fica alinhado ao centro */
    }
    100% {
        transform: translateX(-50px); /* Sai pelo lado direito */
    }
}

#ai-refresh{
	background-color: #7b809a;
	color: white;
	border-radius: 50%;
	cursor: pointer;
	width: min-content;
	height: min-content;
	font-size: 14px;
}

#ai-refresh:hover{
	background-color: #495057;
}


/* page width smaller than 576px: */
@media (max-width: 576px) { 
	.container-fluid.ai-page{
		padding-right:0; 
		padding-left: 0; 
	}
}



/* AI artificial intelligence box END */


@media (min-width: 1200px) and (max-width: 1600px) {
    .custom-hide {
        display: none !important;
    }
}


@media (min-width: 1651px) {
    .col-xxl-2-custom { flex: 0 0 auto; width: 16.6667%!important; } /* 2 columns (1/6 of row) */
	.col-xxl-3-custom { flex: 0 0 auto; width: 25% !important; } 
    .col-xxl-4-custom { flex: 0 0 auto; width: 33.3333%!important; }
	.col-xxl-5-custom { flex: 0 0 auto; width: 41.6667% !important; } 
	.col-xxl-6-custom { flex: 0 0 auto; width: 50% !important; } 
    .col-xxl-7-custom { flex: 0 0 auto; width: 58.3333% !important; } 
	.col-xxl-8-custom {flex: 0 0 auto; width: 66.6667% !important;}

	.flex-xxl-row-custom {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap; /* Ensures wrapping if content overflows */
    }
}



/* TABLEAUS */
.tableau tbody td{
	font-size: 0.9rem;
}

.tableau-container .table:not(.dataframe) thead th{
	font-size: 0.9rem;
	padding: 0.2rem;
}

.tableau-container .custom-dt-start {
	margin-top: 0.5rem;
}

.tableau td:first-child, .tableau th:first-child {
    padding-left: 1rem !important;
}

.tableau td:last-child, .tableau th:last-child {
    padding-right: 1rem !important;
}

.tableau-white-bold{
	font-weight: bold;
	color: #495057!important;
	border-color:#d2d6da;
}
.tableau-white-bold th{
	border-bottom-color:#d2d6da!important;
}

.tableau-light-green{
	font-weight: bold;
	color: #495057!important;
	background-color: #C1EBDE!important;
	border-color:#d2d6da;
}

.tableau-light-green-normal{	
	color: #495057!important;
	background-color: #C1EBDE!important;
	border-color:#d2d6da;
}

.tableau-dark-green{
	font-weight: bold;
	color: white!important;
	background-color: #00AC78!important;
	border-color:#d2d6da;
}

.tableau-simple{
	border-color:#d2d6da;
}


#iconSidenav{
	padding-top: 1.4rem !important;
}