@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');

/*@font-face 
{
   font-family: 'Gotham Rounded';
   font-style: normal;
   font-weight: normal;
   src: local('Gotham Rounded'), url('../fonts/Gotham-Rounded-Bold.woff') format('woff');
}*/

:root {

	--font:"Inter",sans-serif;
	--font-size-normal:14px;
	--font-size-title:28px;

	--text-color:#353A44;
	--text-secondary: #64748b;


	--primary-color:#0fdb80;
	--primary-light:#90ff6084;
	
	--semilight-background: #f0f0f0;

	--dark-link-color:#888;

	--primary-dark-color:#00c039;
	--secondary-color:khaki;
	--clear-color:#FFF;
	--light-gray:#f3f3f3;
	--light-color:#e0e0e0;


	--border-color:#AAA;

	--warning-color:#ff4545;

	--background:#FFF;
	--shadow:#f0f0f0;


	--border: #e2e8f0;

	--btn-background:#007BFF;
	--btn-background-hover:#0472a5;
	--btn-color:white;

	--btn-warning-background:#ff4545;
	--btn-warning-hover:#ff3333;
	--btn-warning-color:white;

	--btn-secondary-background:#ddd;
	--btn-secondary-hover:#ccc;
	--btn-secondary-color:#333;

	--highlight:#007BFF;

	--table-thead:lightslategray;
	--table-row:#f7f7f7;

	--aprimary-dark:#333;
	--alink-hover:#1482b5;
	--alert-background:#ff2ad4;
	--alert-color:white;
}
*{
	box-sizing: border-box;
}
html{
	scroll-behavior: smooth;
}
body
{
	font-family:var(--font);
	font-size:var(--font-size-normal);
	line-height:1.4;
	color:var(--text-color);
    margin:0;
	background:var(--clear-color);
} 
body.modal 
{
	overflow:hidden;
}

.flex 
{
	flex:1;
}

/* Main */
main 
{
	display:flex;
	padding: 0px 50px;
    position: relative;
	gap:4rem;
}

.main_content_wrapper
{
	padding:0 50px 50px 0px;
	flex:1;
	position:relative;
}

.topbar 
{
	height:70px;
	margin-bottom:10px;
	padding:20px 0;
	display:flex;
	align-items: end;
}
.topbar h4 
{
	padding-left:0.65rem;
}
.topbar_menu
{
	display:flex;
	gap:0rem;
	align-items: center;
}
.main_content
{
	display:none;
}
.main_content.active 
{
	display:block;
}
.main_content.no_top 
{
	padding-top:55px;
}

/* Sidebar */
.sidebar 
{
	width:200px;
	min-width:200px;
	padding-bottom:30px;
	position:sticky;
	top:0px;
	height: 100vh;
	display:flex;
	flex-direction:column;
	transition:width 1s;
}
.sidebar.min 
{
	width:50px;
}
.sidebar_version 
{
	flex: 1;
    display: flex;
    align-items: end;
    justify-content: start;
	padding-left:0.5rem;
}

.sidebar_top 
{
	gap:0px;
	align-items: baseline;
}
.sidebar_top img 
{
	width:34px;
}
.sidebar_title 
{
	margin-left:5px;
	font-weight:700;
	font-size:1.5rem;
}
.sidebar_group
{
	margin-top:1rem;
}
.sidebar_group label 
{
	
}
.sidebar_link 
{
	font-weight:500;
    padding: 0.5rem .75rem;
	border-radius:5px;
    margin-left: 0;
	margin-right:0px;
	color:inherit;
	text-decoration:none;
	fill:var(--text-color);
	display:flex;
	gap:0.75rem;
	align-items: center;
	border-radius:5px;
}

.sidebar_link svg 
{
	width:20px;
	height:20px;
}
.sidebar_link_text 
{
	flex:1;
}
.sidebar_link:hover 
{
	background:var(--light-gray);
	fill:var(--text-color);
	color:var(--text-color);
} 

.sidebar_link.active 
{
	background:var(--light-gray);
	color:var(--primary-dark-color);
	fill:var(--primary-dark-color);
}

.sidebar_bottom
{
	flex-grow:1;
	display:flex;
	align-items:end;
}
.link_grow:hover 
{
	color:var(--primary-dark-color);
	fill:var(--primary-dark-color);
	background:inherit;
}
/* --------------- */


/* Buttons and links */
.tag 
{
	background:var(--primary-light);
	padding:0 8px;
	border-radius:10px;
	line-height: 1.5;
}
/* --------------- */

/* Buttons and links */
a 
{
	color:inherit;
	fill:inherit;
	text-decoration: none;
}
a:hover 
{
	color:var(--link-hover);
}

.link_svg
{
	padding:10px;
	border-radius:5px;	
	display:flex;
	align-items: center;
	justify-content: center;
}
.link_svg:hover 
{
	background:var(--light-gray);
}
.link_svg svg 
{
	width:1rem;
	height:1rem;
}
.link_default 
{
	padding:0.5rem 0.75rem;
	border-radius:5px;	
	display:flex;
	align-items: center;
	justify-content: center;
	width:fit-content;
}
.link_default:hover 
{
	background:var(--light-gray);
}
.btn_default 
{
	background:var(--primary-color);
	color:var(--clear-color);
	font-weight:600;
	padding:6px 10px;
	border-radius:5px;
	width:fit-content;
	text-decoration: none;
	transition: all 0.25s;
	cursor:pointer;
	display:block;
	text-align:center;
}
.btn_rounded 
{
	width:2.25rem;
	height:2.25rem;
	padding:0;
	border-radius: 50%;
	display:flex;
	align-items: center;
	justify-content: center;
}
.btn_rounded svg 
{
	fill:white;
	width:1.5rem;
	height:1.5rem;
}
.btn_default.small 
{
	padding:5px 12px;
	display:inline-block;
}
.btn_default:hover 
{
	color:var(--clear-color);
	filter: brightness(1.1); 
}
.btn_warning 
{
	background:var(--warning-color);
}
 
.btn_secondary 
{
	background:var(--clear-color);
	color:var(--primary-dark-color);
	border:1px solid var(--border);
}
.btn_secondary:hover 
{
	filter:none;
	color:var(--primary-color);
	border-color:var(--text-color);
	abackground:var(--light-color);
}
.btn_simple 
{
	background:var(--clear-color);
	color:var(--text-color);
	border:1px solid var(--border-color);
}
.btn_simple:hover 
{
	border-color:var(--text-color);
	color:var(--text-color);
	filter:none;
}

/* --------------- */

h1,h2,h3,h4
{
	font-weight:600;
    margin:0;
	line-height:1.3;
}
h1 
{
	font-size:2.5rem;
}
h2 
{
	font-size:2rem;
	font-weight:500;
}
h3 
{

}
h4 
{
	line-height:1;
	font-size:1.5rem;
	font-weight:500;
}



/* ---- FILTER ----*/
.filter_section
{
	margin-bottom:20px;
	display:none;
	gap:20px;
	justify-content:start;
	align-items:start;
	flex-direction: row;
}
/* -------------- */

/* ---- DATES ----*/
.date_picker{

}

.quick_select {
	width: 160px;
	border-right: 1px solid var(--border);
	padding: 1rem 0 1rem 0;
}

.quick_select a {
	display: block;
	width: 100%;
	padding: 0.5rem 1.5rem 0.5rem 1.5rem;
	text-align: left;
	border: none;
	background: none;
	cursor: pointer;
	color: var(--text);
	border-radius: 4px;
	font-weight:500;
}

.quick_select a:hover {
	background: var(--light-gray);
	color: var(--text);
}

.calendars {
	display: flex;
	padding: 1rem;
	gap: 0rem;
}

.calendar {
	padding:0 1.5rem;
}

.calendar-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
}

.calendar-header button 
{
	width: 2rem;
    border: none;
    background: none;
    height: 2rem;
    padding: 0;
	cursor: pointer;
}
.calendar-header h2 {
	font-size: 0.9rem;
	font-weight: 500;
	text-transform: capitalize;
}

.calendar-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 0;
	text-align: center;
}

.calendar-grid span {
	padding: 0.25rem;
	font-size: 0.875rem;
	font-weight: 500;
	acolor: var(--text-secondary);
}

.calendar-grid button {
	aspect-ratio: 1;
	border: none;
	background: none;
	cursor: pointer;
	font-size: 0.875rem;
	color: var(--text);
}

.calendar-grid button:hover {
	background: var(--light-gray);
}

.calendar-grid button.selected {
	background: var(--primary-color);
	color: white;
}

.calendar-grid button.in-range {
	background: var(--primary-light);
	color: var(--primary);
}

.calendar-grid button:disabled {
	opacity: 0.5;
	cursor: not-allowed;
	background: none;
}
/* -------------- */

/* ---- Popupover ----*/
.btn_popover 
{
	position:relative;
}
.btn_popover .popover 
{
	display:none;
	position:absolute;
	top:2.5rem;
	z-index:5;
	border-radius: 8px;
	background: white;
	box-shadow: 0 0 #0000,0 0 #0000,0px 0px 0px 1px rgba(18, 18, 23, .1), 0px 24px 48px rgba(18, 18, 23, .03), 0px 10px 18px rgba(18, 18, 23, .03), 0px 5px 8px rgba(18, 18, 23, .04), 0px 2px 4px rgba(18, 18, 23, .0399338);
	padding:1rem 0;
}
.btn_popover.visible .popover 
{
	display:flex;
}
.btn_popover .popover.select
{
	padding:1rem 0;
	flex-direction: column;
}
.popover_option 
{
	display:flex;
	padding:0.5rem 2rem 0.5rem 1rem;
	align-items: center;
	justify-content: center;
	gap:10px;
	font-weight:500;
}
.popover_option:hover 
{
	background:var(--primary-light);
}
.popover_option svg 
{
	width:1.25rem;
	height:1.25rem;
	fill:transparent;
}
.popover_option.selected svg 
{
	fill:var(--primary-color);
}

/* ----------------------- */

/*
.filter_section label
{
	margin-right:5px;
	display:inline;
}
.filter_section input 
{
	width:fit-content;
}
*/


li 
{
	margin-bottom:10px;
}


.lng 
{
	display:none;
}

.uppercase
{
	text-transform:uppercase;
}
.capitalize 
{
	text-transform: capitalize;
}
.break_word
{
	word-break: break-word;
}
.hide, .hidden
{
	 display:none !important;
}
img 
{
	width:100%;
}
.right 
{
	text-align:right;
}
.row.right 
{
	justify-content:end;
}
.responsive 
{
	display:none;
}
.no_responsive 
{
	display:block;
}


.lbl_error
{
	color:var(--btn-warning-background);
	font-size:0.9rem;
	margin-top:4px;
}
.row 
{
    display:flex;    
	gap:20px;
}
.no_gap 
{
	gap:0;
	align-items:center;
}
.more_gap
{
	gap:60px;
}
.small_gap 
{
	gap:10px;
}
.col 
{
	flex:1;
	position:relative;
}
.col_2 
{
	flex:2;
	position:relative;
}
/* ---- Login ----*/
.login_section 
{
	position:absolute;
	width:100%;
	min-height:100vh;
	padding-top:15vh;
	padding-bottom:50px;
	padding-left:20px;
	padding-right:20px;
	display:flex;
	align-items:start;
	justify-content:center;
	background:var(--semilight-background);
	afont-size:1rem;
}
.login_window 
{
	max-width:400px;
	background: var(--background);
	color:var(--forecolor);
    border-radius: 5px;
	border:none;
    padding:20px 30px 40px 30px;
	text-align: center;
	box-shadow: 0 0px 16px rgb(0 0 0 / 10%);
}
.login_logo 
{
	width:40%;
	aspect-ratio: 1/1;
	object-fit: cover;
	display:block;
	border-radius:50%;
	border:5px solid white;
	background:white;
	margin:-25% auto 30px auto;

}
.login_section input
{
    border:1px solid var(--border);
    margin-bottom: 20px;
    padding: 12px;
	text-align:center;
}

.login_title
{
	font-size:1.3em;
	font-weight:600;
	max-width:100%;
}
.login_info
{
	margin-bottom:30px;
}
.login_error 
{
	font-weight:600;
	margin-bottom:30px;
}
.login_close_window 
{
	text-align:left;
	margin-top:40px;
}
.login_section .btn_default
{
	padding:10px 20px;
	margin-top:50px;
	width:100%;
}

/* ---- Features ----*/
.feature 
{
	display:none !important;
}
.type_audit .feature_audit 
{
	display:block !important;
}
.type_audit .feature_pro 
{
	display:block;
}
.type_personal .feature_personal 
{
	display:block !important;
}
.feature_message 
{
	margin-top:30px;
	line-height:1.3;
}
.feature_message .feature_title 
{
	margin-bottom:5px;
	font-weight: 600;
	display:flex;
	align-items: end;
	gap:10px;
}
.feature_message .btn_default
{
	margin:0 auto 0 0;
}
.feature_message .feature_row 
{
	gap:40px;
	margin-bottom:40px;
}
.tag_pro
{
	margin:5px;
	width:fit-content;
	font-size:0.65rem;
	background:var(--highlight);
	color:var(--background);
	border-radius:10px;
	padding:2px 5px;
}
.tag_pro.left 
{
	margin:0 5px 0 0;
}
.type_pro .feature_pro 
{
	display:none !important;
}

/* ---- Loader ----*/
.loader {
	height: 12px;
	margin:40px auto 20px auto;;
	aspect-ratio: 4;
	--_g: no-repeat radial-gradient(farthest-side,#000 90%,#0000);
	background: 
	  var(--_g) left, 
	  var(--_g) right;
	background-size: 25% 100%;
	display: grid;
  }
  .loader:before,
  .loader:after {
	content: "";
	height: inherit;
	aspect-ratio: 1;
	grid-area: 1/1;
	margin: auto;
	border-radius: 50%;
	transform-origin: -100% 50%;
	background: #000;
	animation: l49 1s infinite linear;
  }
  .loader:after {
	transform-origin: 200% 50%;
	--s:-1;
	animation-delay: -.5s;
  }
  
  @keyframes l49 {
	58%,
	100% {transform: rotate(calc(var(--s,1)*1turn))}
  }

/* ---- Badget ----*/
.badget 
{
	
    font-size: 0.85rem;
	font-weight:500;
	
}
.badget.btn_warning
{
	position:relative;
	width:1rem;
	height:1rem;
	apadding: 1px 5px;
	background:var(--btn-warning-background);
	display:flex;
	border-radius:15px;
	align-items:center;
	justify-content:center;
}



/* ---- TABLES ----*/
table 
{
	width:100%;
	border-spacing:0;
	font-size:0.9rem;
	overflow:hidden;
}
.tr 
{
	display:table-row;
}
thead .tr 
{
	abackground:var(--table-thead);
	acolor:var(--background);
}
thead .td 
{
	border-bottom:2px solid var(--border);
	font-weight:600;
}

.td 
{
	display:table-cell;
	padding:4px 8px;
}

.tr:nth-child(even)
{
	background:var(--table-row);
}

.table[aria-select] tbody .tr:hover
{
	cursor:pointer;
	background:var(--highlight);
	color:var(--background);
}

#table_sources .tr.selected
{
	abackground-color:red;	
}
.source_row 
{
	position:relative;
	overflow:hidden;
}
.btn_delete_source
{
	position:absolute;
	z-index:1;
	padding:0 10px;
	right:-90px;
	height:100%;
	transition:all 0.5s;
	text-decoration:none;
	display:flex;
	align-items:center;
	border-left:5px solid white;
	color:var(--clear-color);
}
.btn_delete_source:hover 
{
	filter:brightness(1.2);
}

.tr.selected .btn_delete_source
{
	right:0;
}

/* ---- MODAL ----*/
.modal
{
	position:fixed;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	background:rgba(0,0,0,0.5);
	display:flex;
	flex-direction: column;
    align-items: center;
    padding-top: 100px;
	z-index:150;
}

.modal_content 
{
	width:400px;
	background:var(--background);
	padding:20px 30px 30px 30px;
	position:relative;
}
.modal_close 
{
	position:absolute;
	top:5px;
	right:5px;
	width:20px;
}
.modal_text 
{
	margin-bottom:20px;
}
.btn_modal
{
	margin-top:30px;
	width:100%;
}

/* ---- FORMS ----*/
fieldset
{
	border:none;
	margin-bottom:20px;
	padding:0;
}
label
{
	display:block;
	text-transform: uppercase;
	font-size:0.75rem;
	color:var(--text-secondary);
	margin-bottom:0.25rem;
}

input, select, textarea 
{
	font-family: var(--font);
	font-size:1rem;
	width:100%;
	font-family:inherit;
	border:1px solid var(--border);
	padding:3px 6px;
	border-radius:5px;
}
input:focus, select:focus 
{
	outline:1px solid var(--primary-color);
	box-shadow:none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
{
  -webkit-text-fill-color: var(--forecolor);
  -webkit-box-shadow: 0 0 0px 1000px inherit inset;
  background-color: transparent;
  transition: background-color 5000s ease-in-out 0s;
}

.form_inline
{
	margin-bottom:30px;
	display:flex;
	gap:20px;
	align-items:end;
}
.form_inline label
{
}
.form_inline input, .form_inline select
{
}



/* ---- PROFILE ----*/
.profile_data
{
	margin-bottom:30px;
	padding-left:30px;
}
.profile_info
{
	margin:5px 0 10px 0;
	color:var(--text-secondary);
	line-height:1.2;
}
.profile_data h2 
{
	color:var(--highlight);
}

/* ------ SELECTs ------ */
.select 
{
	display:inline-block;
}
.option
{
	padding:5px;
	border:1px solid var(--border);
	background:var(--background);
	text-align:center;
}
.option.active 
{
	background:var(--highlight);
	color:var(--background);
}


/* ------ other ------ */
.help_text 
{
	margin-bottom:30px;
	font-size:0.95rem;
	padding:10px 20px;
	background:var(--shadow);
	border-radius:10px;
}

#account_column_data[aria-content="show_filter"] .filter_section
{
	display:flex;
}

/* ---- POPUPS ----*/
.popup_container
{
	position:fixed;
	width:400px;
	left:calc(50% - 200px);
	bottom:0;
	z-index:200;
}
.popup 
{
	background:lightgreen;
	padding:10px 10px 40px 20px;
	display:flex;
	gap:20px;
	align-items:start;
}
.popup_content 
{
	flex:1;
}
.popup_close 
{
	line-height:1;
	width:20px;
	text-decoration:none;
}
.msg_error 
{
	display:none;
}
.popup_error 
{
	background:lightpink;
}
.popup_error .msg_ok 
{
	display:none;
}
.popup_error .msg_error 
{
	display:block;
}

/* ---- MODAL TICKET ----*/
.modal_ticket
{
	position:fixed;
	top:0;
	left:100vw;
	width:100vw;
	height:100vh;
	atransition:left 0.5s;
	overflow-y:hidden;
	display:flex;
}
.modal_ticket.visible 
{
	left:0;
}
.modal_ticket_canvas 
{
	flex:2;
	overflow-x:hidden;
	overflow-y:auto;
	background:var(--clear-color);
	position:relative;
	height:100%;
}
.modal_ticket_col_left 
{
	flex:2;
	overflow:hidden;
	background:var(--clear-color);
	position:relative;
}
.modal_ticket_actions 
{
	position:absolute;
	top:0;
	right:12px;
	z-index:4;
	width:fit-content;
	margin:0 0 0 auto;
	padding: 10px 20px 10px 30px;
    background: var(--primary-color);
    fill: var(--clear-color);
	display:flex;
	gap:20px;
	border-radius:0 0 0 30px;
}
.modal_ticket_actions svg 
{
	width:24px;
	height:24px;
}
.modal_ticket_canvas.zoom
{
	overflow-x:auto;
}

.custom_scroll::-webkit-scrollbar {
    width: 12px; 
    height: 12px;
}

.custom_scroll::-webkit-scrollbar-thumb {
    background: var(--light-color);
    border-radius: 5px; 
}

.custom_scroll::-webkit-scrollbar-thumb:hover {
    background: var(--primary-color); 
}

.custom_scroll::-webkit-scrollbar-track {
    background: var(--clear-color); 
    border-radius: 5px; 
}

#canvas_ticket 
{
	cursor:zoom-in;
}
.modal_ticket_canvas.zoom #canvas_ticket
{
	cursor:zoom-out;
}
.modal_ticket_data
{
	position:sticky;
	top:0;
	flex:1;
	/*border-left:2px solid var(--border);*/
	padding:10px 15px 30px 15px;
	background:var(--table-row);
	display:flex;
	flex-direction:column;
}
.ticket_nav
{
	display:flex;
	justify-content:end;
	margin-bottom:20px;
}
#btn_ticket_close
{
	width:25px;
}
.ticket_form 
{
	flex:1;
}
.ticket_actions
{
	display:flex;
	gap:10px;
}

.ticket_form fieldset 
{
	margin-bottom:10px;
}
.ticket_form .row 
{
	align-items:center;
}
.ticket_form label 
{
	margin:0;
}

/* ---- CHAT ----*/

.chat_area
{
	position: absolute;
    abackground: red;
    /* position: relative; */
    width: calc(100% - 50px);
    height: calc(100% - 80px);
    top: 70px;
    left: 0;
	display:flex;
	flex-direction:column;
	align-items: center;
	justify-content: start;
	padding:0 1.5rem 1.5rem 1.5rem;
}

.chat_profile 
{
	display:block;
	margin:0 auto;
	width:12%;
	min-width:150px;
	aspect-ratio: 1;
	border-radius:50%;
}
.chat_welcome h1 
{
	margin-bottom:0.5rem;
}
.chat_welcome h4 
{
	
}
.chat_welcome 
{
	text-align: center;
	margin-bottom:3rem;
}
.prompt_area 
{
	position:relative;
	min-height:100px;
	width:100%;
	max-width:48rem;

	awidth:100%;
	background:var(--semilight-background);
	padding:1.5rem;
	display:flex;
	flex-direction: column;
	justify-content:center;
	align-items:center;
	border-radius:15px;
}
.prompt 
{
	width:100%;
	min-height:1.25rem;
	outline: none;
	max-height:5rem;
	overflow-y:auto;
	margin-bottom:1.5rem;
}

.prompt:empty::before 
{
	content: attr(data-placeholder);
	color: var(--text-secondary); 
	pointer-events: none; 
	display: block; 
}

.prompt_actions 
{
	display:flex;
	width:100%;
	align-items: center;
	gap:20px;
}

.chat_messages
{
	width:100%;
	max-width:48rem;
	overflow-y:auto;
	width:100%;
	padding: 0 1.5rem 0 1.5rem;
	font-size: 1rem;;
}

#btn_chat_attachment 
{
	line-height:1;
	margin-right:10px;
	display:block;
}

.chat_msg
{
	width:fit-content;
	line-height:1.5;
}
.chat_me 
{
	padding:20px;
	background:var(--table-row);
	margin:0 0 30px auto;
	border-radius:20px;
}
.chat_ai 
{
	margin-bottom:30px;
}


/* ---- NAVIGATION ----*/
nav
{
	background:var(--background);
	awidth:100%;
    display:flex;
    justify-content: flex-end;
    gap:10px;
    padding:10px 0;
	margin-bottom:20px;
	align-items:center;
	height:65px;
}
.nav_brand
{
	font-family:"Gotham Rounded",sans-serif;
	font-weight:normal;
	display:flex;
	flex:1;
	text-decoration: none;
}
.nav_wircos 
{
	background: linear-gradient(130deg,var(--secondary-color),var(--primary-color));
	background-size: 100%;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size:1.5em;
	line-height:1;
}
.nav_wircos small 
{
	font-family: "Poppins";
	display:block;
	background:none;
	background-clip:unset;
	-webkit-background-clip:initial;
	-webkit-text-fill-color: initial;
	color:-var(--text-color);
	font-size:0.4em;
	font-weight:normal;
}
.nav_logo 
{
	display:none;
	width:30px;
	margin-right:10px;
}
.nav_link_lng 
{
    text-decoration:none;
    font-size:0.8em;
    color:inherit;
}
.nav_link_lng:hover 
{
    color:var(--link-hover);
}

/* ---- MaAIN ----*/
.content
{
}

.col_left
{
    flex:1;
	min-width:50%;
	max-width:50;
}
.col_right
{
	margin:0 70px 0 70px;
    flex:2;
}
.col_wir
{
	background:var(--primary-color);
	opacity:0.75;
}
.col_cos
{
	background:var(--secondary-color);
	opacity:0.75;
}
.col_info 
{
	padding:5px 0;
	display:flex;
	justify-content:center;
	flex-direction: column;
}
.col_section 
{
	padding:30px 0;
}
#item_title
{
    font-weight:bold;
    font-size:2.5em;
	line-height:1;
	margin-bottom:10px;
}
#item_description
{
    margin-bottom:20px;
	color:black;
	font-size: 1.25em;
}
.item_image 
{
    margin-bottom:20px;
	position:fixed;
	top:0;
	left:0;
	width:50%;
	height:100vh;
	object-fit: cover;
	z-index:-1;
}
#item_information
{
    color:var(--text-secondary);
	line-height: 1.5;
}

h3 
{
    padding: 5px 10px;
    width: fit-content;
    font-size: 0.9em;
    background: var(--primary-color);
    color: white;
}
#item_files
{
	margin-top:20px;
}
#item_files a 
{
	display:block;
}
#item_files a:hover 
{
	color:gray;
}
.nft_private_info
{
	padding:40px 0 60px 0;
	margin-top:40px;
	border-top:1px solid var(--primary-color);
}

#item_private 
{
	margin-bottom:40px;
}
.nft_error
{
	margin-top:60px;
	padding:10px 15px;
	width:100%;
	border-left:10px solid #d04040;
	margin-bottom:20px;
}


/* General */

/* ---- RESPONSIVE -----------------*/

@media (max-width: 768px) 
{
	.responsive 
	{
		display:block;
	}
	.no_responsive
	{
		display:none;
	}
	nav 
	{
		margin-bottom:0;
	}
	.content
	{
		padding:0 20px;
	}
	.row_column
	{
		flex-direction:column;
	}
	.btn_default 
	{
		width:100%;
		padding:20px;
	}
	.row
	{
		gap:0;
		min-height:auto;
	}
	.col_left 
	{
		flex:1;

	}
	.item_image
	{
		position:relative;
		width:100%;
		margin-top:20px;
		margin-bottom:40px;
		height:auto;
	}
	.col_right 
	{
		flex:1;
		margin:0;
	}
	.col_info 
	{
		padding:0;
	}

}