@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html:root {
	/*Prim�rias*/
	--linea-primary-blue: #1d3966;
	--linea-secondary-blue: #024379;
	--linea-primary-red: #de231b;
	--linea-primary-200: #8E949C;
	--linea-primary-300: #5A636E;
	--linea-primary-400: #3A4552;
	--linea-primary-500: #091627;
	--linea-primary-600: #081423;
	--linea-primary-700: #06101C;
	--linea-primary-800: #050C15;
	--linea-primary-900: #040910;
	--linea-blue-variant: #024379;
	--linea-blue-variant-dark: #00294b;
	/*Secund�rias*/
	--linea-secondary: #00cac0;
	--linea-secondary-50: #e0fafa;
	--linea-secondary-100: #b3f1ee;
	--linea-secondary-200: #80e7e2;
	--linea-secondary-300: #4dded6;
	--linea-secondary-400: #26d7cd;
	--linea-secondary-500: #00cac0;
	--linea-secondary-600: #00b4ab;
	--linea-secondary-700: #009c94;
	--linea-secondary-800: #007c76;
	--linea-secondary-900: #005f5b;
	/* neutras */
	--linea-black: #000000;
	--linea-neutral-white: #F1F2F4;
	--linea-neutral-100: #E0E2E6;
	--linea-neutral-200: #D2D5DA;
	--linea-neutral-300: #C1C5CD;
	--linea-neutral-400: #A0A5B1;
	--linea-neutral-500: #7E8695;
	--linea-neutral-600: #636A79;
	--linea-neutral-700: #494F5A;
	--linea-neutral-800: #32363E;
	--linea-neutral-900: #1C1E22;
	--linea-neutral-dark: #0c0e12;
	/*Info*/
	--linea-info-100: #DAEFFF;
	--linea-info-200: #3BA7F9;
	--linea-info-300: #057AD4;
	--linea-info-400: #0067B7;
	--linea-info-500: #004479;
	/*Danger*/
	--linea-danger-50: #FFEEEB;
	--linea-danger-100: #FF8064;
	--linea-danger-200: #E54522;
	--linea-danger-300: #C02300;
	--linea-danger-400: #D4542D;
	--linea-danger-500: #8A1900;
	/*Warning*/
	--linea-warning-100: #FFF6DA;
	--linea-warning-200: #FFDD78;
	--linea-warning-300: #F2B808;
	--linea-warning-400: #D0A62C;
	--linea-warning-500: #AF8300;
	/*Success*/
	--linea-success-100: #DCFFDE;
	--linea-success-200: #A7ECAB;
	--linea-success-300: #55B55B;
	--linea-success-400: #3A8340;
	--linea-success-500: #1E5F23;
	--linea-color-text-primary: #181D27;
	--linea-bg-secondary-color: #FAFAFA;
	--linea-sidebar-color: #000c4a;
	/*RADZEN RESET*/
	--rz-danger: #e81d1d;
	--rz-grid-header-cell-border: none;
	--rz-grid-filter-border: none;
	--rz-grid-filter-buttons-border: none;
	--rz-grid-cell-border: none;
	--rz-grid-right-cell-border: none;
	--rz-grid-bottom-cell-border: none;
	--rz-grid-bottom-cell-border: none;
	--rz-icon-font-family: "Material Symbols Rounded";
	--rz-text-font-family: "Roboto", sans-serif;
	--rz-tooltip-background-color: var(--linea-neutral-700);
	/*prim�rios*/
	--rz-primary: var(--linea-primary-blue);
	--rz-primary-lighter: var(--linea-primary-100);
	--rz-on-primary-lighter: #00215d;
	--rz-primary-light: var(--linea-primary-300);
	--rz-on-primary-light: #00215d;
	--rz-primary-dark: var(--linea-primary-600);
	--rz-on-primary-dark: white;
	--rz-primary-darker: #00215d;
	--rz-on-primary: white;
	/*secund�rios*/
	--rz-secondary: var(--linea-secondary-500);
	--rz-secondary-lighter: #006fff21;
	--rz-on-secondary-lighter: #d04d47;
	--rz-secondary-light: var(--linea-secondary-200);
	--rz-on-secondary-light: #19212b;
	--rz-secondary-dark: #444c58;
	--rz-on-secondary-dark: white;
	--rz-secondary-darker: #19212b;
	--rz-on-secondary-darker: #c2cddc;
	--rz-border-width: 2px;
	--rz-on-secondary: white;
	--rz-on-info: #FFF;
	--rz-notification-success-background-color: #6EB261;
	--rz-notification-warning-background-color: var(--linea-warning-400);
	--rz-notification-error-background-color: var(--linea-danger-400);
	--rz-radio-label-margin: 0 1.5rem 0 0.5rem;
	--page-side-spacing: 32px;
	/*--rz-notification-error-background-color:*/
	/*Bootstrap reset*/
	--bs-primary-rgb: 9,22,39;
	--bs-secondary-rgb: 137,102,8;
	--b-radius: 8px;
	/*#region Cores s�ries gr�ficas */
	--rz-series-1: #2a2b75;
	--rz-series-2: #494be5;
	--rz-series-3: #feba2d;
	--rz-series-4: #8945eb;
	--linea-priority-critical: #D92D20;
	--linea-priority-hight: #164592;
	--linea-priority-moderate: #366ABD;
	--linea-priority-low: #668CC7;
	--linea-priority-planned: #15A260;
	/*#endregion */
	/*Radzen*/
	--rz-selectbar-border-radius: 8px;
	--linea-bg-dark-primary: #22262F;
	--rz-header-background-color: var(--linea-bg-secondary-color);
	--rz-sidebar-background-color: var(--linea-sidebar-color);
	--rz-panel-menu-item-2nd-level-background-color: var(--linea-sidebar-color);
	--rz-profile-menu-top-item-background-color: var(--rz-header-background-color);
	--rz-layout-body-background-color: #FAFAFA;
	--rz-dropdown-item-selected-color: var(--rz-text-body1-color);
	--rz-dropdown-item-selected-hover-color: var(--rz-text-body1-color);
	--rz-panel-menu-item-active-color: var(--linea-neutral-900);
	--rz-panel-menu-item-2nd-level-active-color: var(--linea-bg-dark-primary);
	--rz-panel-menu-item-background-color: var(--linea-sidebar-color);
	--rz-panel-menu-item: var(--linea-neutral-white);
	--rz-panel-menu-icon-color: var(--linea-neutral-white);
	--rz-panel-menu-item-active-color: var(--linea-neutral-white);
	--rz-input-background-color: transparent;
	--rz-panel-menu-item-hover-color: var(--linea-neutral-white);
	--rz-selectbar-selected-color: var(--rz-text-body1-color);
	--rz-selectbar-background-color: var(--linea-bg-buttons-toggle);
	--rz-selectbar-selected-background-color: var(--linea-bg-buttons-toggle-active);
	--rz-grid-border-radius: 8px;
	--rz-header-min-height: 4.5rem;
	--rz-text-selection-background-color: var(--linea-info-400);
	--rz-text-selection-color: var(--linea-neutral-white);
	--rz-panel-menu-item-2nd-level-hover-background-color: var(--linea-secondary-500);
	--rz-panel-menu-item-hover-background-color: var(--linea-secondary-500);
	--rz-panel-menu-item-2nd-level-hover-color: var(--linea-neutral-white);
	--rz-panel-menu-item-2nd-level-active-background-color: var(--linea-secondary-500);
	--rz-panel-menu-item-2nd-level-active-color: var(--linea-neutral-white);
	--rz-profile-menu-toggle-button-color: var(--rz-text-body1-color);
	--rz-switch-checked-background-color: var(--rz-base-400);
	--rz-panel-menu-item-3rd-level-active-background-color: var(--linea-sidebar-color);
	--rz-panel-menu-item-3rd-level-background-color: var(--linea-sidebar-color);
	--rz-panel-menu-item-3rd-level-hover-background-color: var(--linea-secondary-500);
	--rz-form-field-label-focus-color: var(--linea-neutral-700);
	--rz-input-placeholder-color: #d2d2d2;
	/*Interno*/
	--linea-active-bg-menu-link: var(--linea-primary-blue);
	--linea-color-text-primary: #F7F7F7;
	--linea-card-border-default: #D5D7DA;
	--linea-card-color-tag: #D92D20;
	--linea-card-border-red: #F97066;
	--linea-card-shadow-red: 0 0 6px 2px #f044384d;
	--linea-card-border-green: #17B26A;
	--linea-card-shadow-green: 0 0 6px 2px #17b26a54;
	--linea-border-color: var(--linea-neutral-400);
	--linea-bg-buttons-toggle: var(--linea-neutral-white);
	--linea-bg-buttons-toggle-active: var(--rz-layout-body-background-color);
	--linea-bg-dark-secondary: #13161B;
	--linea-shadow-grid: #7a7a7a61;
	--linea-shadow-drawer-modal: #1e1e1e2e;
	--icon-color-modal: var(--rz-primary);
	--linea-bg-status-success: #17B26A;
	--linea-bg-status-rec: #F04438;
	--linea-camera-status-active: #414651;
	--linea-bg-button-modal: var(--linea-bg-dark-primary);
	--linea-general-color-reverse: #fff;
	--linea-modal-text-color: var(--linea-primary-900);
	--linea-badge-bg-color: #E9EAEB;
	--linea-shadow-smooth: 1px 1px 15px #00000030;
	--linea-border-default: solid 1px var(--linea-neutral-200);
	--linea-playlist-bg: #133755;
	--linea-bg-panel-dark: #111e29;
	--linea-bg-panel-body: #303438;
	--linea-bg-body: linear-gradient(180deg,var(--linea-primary-blue) 15%, var(--linea-neutral-white) 15%);
	--linea-bg-body-variant: linear-gradient(180deg,var(--linea-primary-blue) 15%, var(--linea-blue-variant-dark) 15%);
	--linea-bg-download: var(--linea-neutral-white);
	--linea-bg-label: #fff;
	--rz-pager-numeric-button-selected-background-color: var(--linea-neutral-300);
	--linea-text-secondary: var(--linea-neutral-400);
	--rz-tree-node-hover-background-color: transparent;
	--rz-notification-info-color: var(--linea-black);
	--rz-notification-info-background-color: var(--linea-warning-400);
	--rz-notification-info-icon-color: var(--linea-warning-400);
	--linea-bg-dropdown-header: --linea-bg-secondary-color;
	--linea-bg-card-default: var(--rz-header-background-color);
	--linea-icon-primary: var(--rz-primary);
	--rz-panel-menu-item-active-background-color: var(--linea-secondary-500);
	--rz-input-focus-background-color: transparent;
	--bg-chat-modal: #e9e9e9;
	--text-color-player: var(--linea-blue-variant-dark);
	--linea-bg-blue-primary-default: var(--linea-primary-blue);
	--lines-ready-content: #00f;
	--lines-content: red;
	--lines-news: #ff0;
	--lines-subplaylist: pink;
	--lines-rss: green;
	--lines-caroussel: purple;
	--linea-newplaylist-bg-content: var(--linea-blue-variant-dark);
	--linea-newplaylist-bg-header: var(--linea-secondary-blue);
	--linea-newplaylist-bg-reorder: var(--linea-primary-blue);
	/*--rz-input-hover-border: 1px solid (--linea-border-color);*/
}

.rz-overlaypanel .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus {
	border: solid 3px var(--linea-primary-blue) !important;
}

.filter-players.rz-dropdown:not(:disabled):not(.rz-state-disabled):focus {
	border: none !important;
}


.rz-material-dark {
	--rz-on-primary-lighter: #5b77aa;
	--rz-on-secondary-lighter: #d04d47;
	--rz-card-background-color: var(--linea-bg-dark-secondary);
	--rz-header-background-color: var(--linea-bg-dark-secondary);
	--rz-profile-menu-top-item-background-color: var(--linea-bg-dark-secondary);
	--rz-sidebar-background-color: var(--linea-bg-dark-secondary);
	--rz-panel-menu-item-background-color: var(--linea-bg-dark-secondary);
	--linea-active-bg-menu-link: var(--linea-bg-dark-secondary);
	--rz-panel-menu-item-2nd-level-background-color: var(--linea-bg-dark-secondary);
	--rz-layout-body-background-color: var(--linea-bg-dark-primary);
	--rz-grid-header-background-color: var(--linea-bg-dark-secondary);
	--rz-grid-frozen-cell-background-color: var(--linea-bg-dark-secondary);
	--rz-grid-stripe-background-color: var(--linea-bg-dark-secondary);
	--rz-grid-stripe-odd-background-color: #181a1f;
	--rz-pager-background-color: var(--linea-bg-dark-secondary);
	--rz-pager-numeric-button-selected-color: var(--linea-primary-blue);
	--rz-input-background-color: transparent;
	--rz-input-focus-shadow: inset 0 0 0 1px #545454;
	--rz-input-focus-border: 2 solid #545454;
	--rz-input-focus-border: 2 solid #545454;
	--rz-input-focus-background-color: transparent;
	--rz-dropdown-item-selected-color: var(--linea-primary-blue);
	--bg-button-dark: var(--linea-bg-dark-secondary);
	--rz-dropdown-item-selected-color: var(--rz-text-body1-color);
	--rz-dropdown-item-selected-hover-color: var(--rz-text-body1-color);
	--linea-color-text-primary: #F7F7F7;
	--linea-card-border-default: #414651;
	--linea-card-color-tag: #D92D20;
	--linea-card-border-red: #F97066;
	--linea-card-shadow-red: 0 0 6px 2px #f044384d;
	--linea-border-color: var(--linea-neutral-300);
	--linea-bg-buttons-toggle: var(--rz-layout-body-background-color);
	--linea-bg-buttons-toggle-active: var(--linea-bg-dark-secondary);
	--rz-panel-menu-item-active-background-color: var(--linea-secondary-500);
	--rz-panel-menu-item-2nd-level-hover-background-color: var(--linea-secondary-500);
	--rz-panel-menu-item-2nd-level-active-background-color: var(--linea-secondary-500);
	--rz-panel-menu-item-3rd-level-active-background-color: var(--linea-secondary-500);
	--rz-panel-menu-item-hover-background-color: var(--linea-secondary-500);
	--rz-panel-menu-item-active-color: var(--linea-neutral-100);
	--rz-panel-menu-item-2nd-level-hover-color: var(--linea-neutral-100);
	--rz-panel-menu-item-2nd-level-active-color: var(--linea-neutral-100);
	--linea-shadow-grid: #00000061;
	--rz-selectbar-selected-background-color: var(--linea-bg-buttons-toggle-active);
	--rz-selectbar-background-color: var(--linea-bg-buttons-toggle);
	--linea-shadow-drawer-modal: #6969691a;
	--icon-color-modal: var(--linea-neutral-500);
	--linea-camera-status-active: var(--linea-bg-dark-primary);
	--linea-bg-button-modal: var(--linea-neutral-white);
	--linea-general-color-reverse: #000;
	--rz-dialog-title-background-color: var(--linea-bg-dark-secondary);
	--rz-dialog-background-color: var(--linea-bg-dark-secondary);
	--linea-modal-text-color: var(--linea-neutral-white);
	--linea-badge-bg-color: #373A41;
	--rz-tree-node-selected-color: var(--linea-neutral-white);
	--linea-bg-body: linear-gradient(180deg,var(--linea-primary-blue) 15%, var(--linea-bg-dark-primary) 15%);
	--linea-bg-download: var(--linea-bg-dark-secondary);
	--linea-bg-label: var(--linea-bg-dark-secondary);
	--linea-bg-label-odd: #fff;
	--rz-panel-menu-item-3rd-level-background-color: var(--rz-panel-menu-item-2nd-level-background-color);
	--rz-tree-node-hover-background-color: transparent;
	--linea-bg-dropdown-header: --linea-bg-secondary-color;
	--linea-bg-card-default: var(--rz-header-background-color);
	--linea-icon-primary: var(--linea-neutral-white);
	--bg-chat-modal: var(--linea-neutral-800);
	--text-color-player: var(--linea-neutral-white);
	--linea-bg-blue-primary-default: var(--linea-bg-dark-primary);
	--linea-bg-panel-body: var(--linea-bg-dark-primary);
	--linea-bg-panel-dark: var(--linea-bg-dark-secondary);
	--linea-newplaylist-bg-content: var(--linea-bg-dark-primary);
	--linea-newplaylist-bg-header: var(--linea-bg-dark-primary);
	--linea-newplaylist-bg-reorder: var(--linea-bg-dark-secondary);
	/*--rz-input-hover-border: 1px solid (--linea-border-color);*/
}

.rz-button.rz-variant-text.rz-primary.rz-shade-default {
	color: var(--linea-icon-primary) !important;
}

.playlist-card .rz-button.rz-variant-text.rz-primary.rz-shade-default {
	color: #668198 !important;
}


.rz-notification-icon.rzi-info-circle {
	padding: 0 !important;
}

.rz-datepicker-trigger {
	z-index: 5;
}

.thumb-preview {
	width: 100%;
	max-width: 400px;
	height: auto;
	aspect-ratio: 16/9;
	object-fit:contain;
	background-color: var(--linea-neutral-300);
	border: 1px solid #ccc;
	margin-top: 8px;
}

.img-thumb-grid {
	width: 100%;
	cursor: pointer;
}

.rz-datepicker-trigger {
	z-index: 5;
}

.thumb-preview {
	width: 100%;
	max-width: 400px;
	height: auto;
	aspect-ratio: 16/9;
	object-fit:contain;
	background-color: var(--linea-neutral-300);
	border: 1px solid #ccc;
	margin-top: 8px;
}

.img-thumb-grid {
	width: 100%;
	cursor: pointer;
}

.img-thumb-grid-playlist {
	width: 100%;
	cursor: pointer;
	width: 50px;
	height: 50px;
}

.header-lang {
	cursor: pointer;
}

.header-lang .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover {
	background-color: transparent !important;
}

.playlist-grid .rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(odd) > td {
	border-top: solid 1px var(--linea-neutral-400);
	border-bottom: solid 1px var(--linea-neutral-400);
}

.youtube-video {
	width: 100%;
	max-width: 480px;
	height: auto;
	aspect-ratio: 16/9;
}

.video-container-modal:has(video){
	background-color: var(--linea-neutral-300);
}

.header-lang .icon-dropdown {
	color: var(--rz-profile-menu-toggle-button-color);
	position: relative;
	z-index: 1;
	margin-left: -2rem;
}


.rz-form-field-label,
.rz-state-focused .rz-form-field-label {
	background-color: var(--linea-bg-label) !important;
	color: #9d9d9d !important;
}

/*.new-playlist-header .rz-form-field-label,
.new-playlist-header .rz-state-focused .rz-form-field-label,*/
/*.new-playlist-page label,
*//*.newplayer-page-header .rz-form-field-label,
.newplayer-page-header .rz-state-focused .rz-form-field-label,*/

.playlist-container .rz-form-field-label,
.playlist-container .rz-state-focused .rz-form-field-label,

.login-page .rz-form-field-label,
.login-page .rz-state-focused .rz-form-field-label,
.panel-content-body .rz-form-field-label,
.panel-content-body .rz-state-focused .rz-form-field-label{
	background-color: transparent !important;
	background: transparent !important;
}

.new-playlist-page .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus,
.new-playlist-page .rz-form-field.rz-state-focused .rz-form-field-content,
.new-playlist-page :not(.rz-state-empty) ~ .rz-form-field-label {
	background: transparent !important;
	background-color: transparent !important;
	color: var(--linea-neutral-white);
}

.new-playlist-header .rz-dropdown {
	color: var(--linea-neutral-white);
}

.new-playlist-header .rz-form-field:hover .rz-form-field-content,
.newplayer-page-header .rz-form-field:hover .rz-form-field-content,
.playlist-container .rz-form-field:hover .rz-form-field-content,
.panel-content-body .rz-form-field:hover .rz-form-field-content {
	background-color: transparent !important;
}

.login-page .rz-textbox:focus ~ .rz-form-field-label {
	background-color: var(--linea-bg-label) !important;
}

.login-page .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label, :not(.rz-state-empty) ~ .rz-form-field-label {
	background-color: var(--linea-bg-label) !important;
}

.backgroundcolor-light-gray {
	background-color: #f1f1f1 !important;
}

.backgroundcolor-light-primary {
	background-color: #b3c1e5 !important;
}

/*.float-label-transparent .rz-form-field .rz-form-field-content,
.float-label-transparent .rz-form-field:hover .rz-form-field-content,
.float-label-transparent .rz-textbox:not(:disabled):not(.rz-state-disabled):focus,
.rz-form-field:hover .rz-form-field-content {
	background-color: transparent !important;
	border: solid 3px transparent !important;
	outline: none !important;
	box-shadow: none !important;
	border-block-end: none !important;
	outline-offset: 0 !important;
	border-radius: 0;
	border-bottom: 1px solid var(--linea-neutral-300) !important;
}*/

.float-label-transparent .rz-textbox:not(:disabled):not(.rz-state-disabled):focus {
	border-bottom: solid 1px var(--linea-neutral-200) !important;
}

	.float-label-transparent .rz-textbox {
		color: var(--linea-neutral-white);
	}

.float-label-transparent:hover .rz-form-field-content .rz-textbox {
	background-color:transparent !important;
	border-bottom: solid 1px var(--linea-neutral-200);
}

.float-label-transparent .rz-form-field-content {
	border: none;
	border-radius: 0;
	border-bottom: solid 1px var(--linea-neutral-500);
}

.float-label-transparent .rz-form-field-label {
	background-color: transparent !important;
}
/*Modal Card*/
.card-modal .rz-variant-outlined {
	box-shadow: none !important;
	border-width: 1px;
}

.close-notification-modal {
	box-shadow: none !important;
	border: none !important;
	outline: none !important;
	background-color: transparent !important;
	font-weight: 700 !important;
	font-size: 1.5rem !important;
}

.notification-modal-title {
	border-bottom: 1px solid var(--linea-card-border-default);
}

.notification-modal-title .camera-active {
	background-color: transparent !important;
	color: var(--rz-text-body1-color) !important;
}

	.notification-modal-title h4 {
		font-size: 1.5rem !important;
		font-weight: 600;
		color: var(--linea-modal-text-color) !important;
	}

.card-notification h3 {

	color: var(--linea-modal-text-color);
	font-size: 2rem;
	font-weight: 600;
	margin-top: 1rem;
}

.dashboard-card-page .rz-badge,
.card-modal .rz-badge {
	display: grid !important;
	place-items: center;
	width: 35px;
	height: 35px;
	background-color: var(--linea-badge-bg-color) !important;
	color: var(--linea-modal-text-color) !important;
	font-size: 1rem !important;
	font-weight: 600 !important;
	padding: .7rem !important;
}

.notification-modal-title {
	padding: 1.5rem 1rem;
}

.card-notification {
	border-radius: 1rem !important;
}

.card-notification .rz-dialog-content {
	padding: 0 !important;
}

.card-notification .rz-tabview-panel {
	height: 279px;
	background-color: var(--linea-neutral-dark);
}

	.card-notification .rz-tabview-panel img {
		object-fit: contain;
		height: 100%;
		margin-top: 0;
	}

	.card-modal .rz-dialog-side-titlebar-close .rzi-times {
		font-family: var(--rz-icon-font-family) !important;
	}


	.card-modal p,
	.card-modal h3,
	.card-modal h4,
	.card-modal h5,
	.card-modal .status-container span {
		font-family: "Roboto" !important;
	}

.card-modal.rz-dialog-side-position-right {
	box-shadow: -15px 0px 35px 20px var(--linea-shadow-drawer-modal) !important;
	border-left: 1px solid var(--linea-card-border-default);
}

.card-modal .rz-dialog-side-title {
	font-size: 1.5rem;
	font-weight: 600;
	padding-bottom: 1.5rem !important;
	font-family: "Roboto" !important;
}

	.card-modal .rz-dialog-side-content {
		padding: 0 1rem;
		height: auto !important;
	}

	.card-modal .rz-dialog-side-titlebar {
		border-bottom: 1px solid var(--linea-card-border-default);
	}

.card-modal-info i {
	color: var(--rz-primary);
}

.card-modal-info {
	font-size: 14px !important;
}

.card-camera {
	border: solid 1px var(--linea-card-border-default);
	border-radius: 6px;
	display: flex;
	gap: .5rem;
	align-items: center;
	padding: .2rem .7rem;
	font-size: 12px;
}

.card-camera.camera-active {
	background-color: var(--linea-camera-status-active);
	color: var(--linea-neutral-white);
}

.card-camera .camera-status {
	border-radius: 50%;
	height: 10px;
	width: 10px;
	display: inline-block;
	background-color: var(--linea-bg-status-success);
}

.card-camera.camera-active .camera-status {
	background-color: var(--linea-bg-status-rec);
}

.card-modal .rz-tabview.rz-tabview-top > .rz-tabview-panels {
	border-top: none;
}

.card-modal .rz-tabview-title {
	font-weight: 700;
	font-size: 14px;
}

.card-modal .rz-tabview-nav {
/*    flex-direction: row-reverse !important;*/
	justify-content: flex-end;
	align-items: center;
}


.card-modal .rz-tabview-nav thead {
	margin-left: auto;
	order: 9999;
}

.card-modal .rz-tabview-nav .rz-button.rz-variant-outlined.rz-base.rz-shade-default {
	border-radius: 8px !important;
	border: solid 1px var(--linea-border-color) !important;
	box-shadow: none;
}

.card-modal .rz-tabview-panel {
	padding: 0!important;
}

.card-modal-camera {
	width: 100%;
	margin-top: 1rem;
}

.modal-records{
	overflow: scroll;
	display: flex;
	align-items: center;
	flex-wrap: nowrap !important;
	gap: 1rem !important;
}

.modal-records-container {
	width: 175px;
}

.modal-records-img {
	width: 175px;
	height: auto;
	aspect-ratio: 16/9;
	border-radius: 8px;
}

.card-modal-buttons {
	position: absolute;
	bottom: 0;
	left: 0;
	border-top: solid 1px var(--linea-border-color) !important;
	padding: 1rem;
}

.card-button-notification {
	position: static;
	margin-top: 1rem;
	padding: 1.5rem 1rem;
}

.card-modal-buttons button {
	width: 100%;

}

.card-modal-buttons .rz-dark.rz-variant-filled {
	background-color: var(--linea-bg-button-modal) !important;
	color: var(--linea-general-color-reverse);
}

	.card-modal-buttons .rz-dark.rz-variant-outlined {
		color: var(--rz-text-body1-color) !important;
		border: solid 1px var(--linea-border-color) !important;
	}

.notification-input-field {
	display: grid;
	grid-template-columns: 1fr 75px;
	gap: .5rem;
}

.notification-input-field button {
	border: solid 1px var(--linea-border-color) !important;
	color: var(--linea-modal-text-color) !important;
}
/*Fim Modal Card*/
/* MAP */
.map-container {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	height: calc(100vh - 72px);
	width: 100%;
}

.map-container .rz-map {
	height: 100% !important;
}

/* FIM MAP */
.rz-form-field-end .rz-button.rz-primary {
	background-color: transparent !important;
}

.rz-selectbutton .rz-button.rz-button-sm {
	height: 40px !important;
}

.rz-selectbutton .rz-button.rz-button-sm .rz-button-text {
	font-family: 'Inter' !important;
}

.rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active {
	background-color: transparent !important;
}

.rz-data-grid {
	border: solid 1px var(--linea-border-color) !important;
	box-shadow: 1px 1px 20px 1px var(--linea-shadow-grid) !important;
}

.rz-header + .rz-sidebar-collapsed {
	width: 90px !important;
	opacity: 1 !important;
}

.rz-sidebar {
	border-inline-end: none !important;
}

.info-page-top {
	color: var(--linea-neutral-white);
	margin: 1rem 0;
}

.info-page-top i {
	cursor: pointer;
}

.sidebar-header {
	padding: .5rem;
	border-bottom: 2px solid #0000003d;
	color: var(--linea-neutral-white);
}

.rz-sidebar-expanded .company-logo-sidebar {
	max-width: 80px;
}

.rz-sidebar-collapsed .company-logo-sidebar {
	max-width: 60px;
}

.sidebar-user {
	margin: 1rem 0 0 0;
}

.sidebar-user p, .sidebar-user i {
	color: var(--linea-neutral-white) !important;
}

.sidebar-user p:last-child {
	opacity: .5;
}

.divider-horizontal {
	width: 50%;
	height: 1px;
	border-top: solid 1px var(--rz-text-body1-color);
	margin-inline: auto;
}

.sidebar-text-menu {
	padding: 0 1rem;
	color: var(--linea-neutral-white) !important;
	opacity: .5;
	margin-bottom: -1rem !important;
}

.rz-panel-menu .rz-navigation-item {
	border-block-end: none !important;
}


.rz-navigation-item {
	margin-inline: 0;
	margin-left: .5rem;
}

.rz-panel-menu .rz-navigation-item-link {
	color: var(--rz-panel-menu-item) !important;
	padding-block: .5rem !important;
	background: none !important;
}

.sidebar-content {
/*    max-height: 700px;*/
	overflow-y: auto
}

.header-page {
	display: flex;
	justify-content: space-between !important;
}

.rz-tabview.rz-tabview-top > .rz-tabview-panels {
	border-top: 0;
}

.card {
	font-weight: 700;
	max-height: 140px;
	border: solid 1px var(--linea-card-border-default);
	width: 100%;
}

.card .rz-stack, .card .rz-row {
	width: auto !important;
}

.card.card-red {
	border: solid 1px var(--linea-card-border-red);
	box-shadow: var(--linea-card-shadow-red) !important;
}

.card-green {
	border: solid 1px var(--linea-card-border-green);
	box-shadow: var(--linea-card-shadow-green) !important;
}

.card .rz-text-body2 {
	font-size: 12px;
}

	.card .rz-text-h5 {
		font-weight: 700;
		font-size: 24px;
		font-family: "Roboto";
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-bottom: .5rem !important;
		cursor: pointer;
	}

.card .rz-text-body1 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0 !important;
}

.card .tag {
	padding: 2px 5px;
	border-radius: 6px;
	color: #F7F7F7;
	font-size: 12px;
	font-weight: 500;
}

.card.card-red .tag {
	background-color: var(--linea-card-color-tag);
	cursor: pointer;
}

.rz-layout .rz-sidebar {
	position: relative !important;
}

.rz-sidebar .pollysoft-logo {
	position: sticky !important;
	top: 95%;
	display: block;
	margin-inline: auto;
}

/*.rz-panel-menu .rz-navigation-item-link, .rz-panel-menu .rz-navigation-item-link:not(.rz-state-disabled):active {
	background: radial-gradient(circle, transparent 1%, var(--linea-primary-blue) 1%) center / 15000% !important;
}*/

.rz-breadcrumb-item + .rz-breadcrumb-item::before {
	height: 1.5rem;
}

.rz-breadcrumb-item {
	display: flex !important;
}

.button-bg {
	background-color: var(--bg-button-dark) !important;
}

	.button-bg:hover {
		color: var(--rz-text-body1-color) !important;
	}

.toggle-theme .rzi {
	width: 48px !important;
	height: 48px !important;
	color: var(--rz-text-body1-color) !important;
	font-size: 1.75rem !important;
}

ul.rz-profile-menu .rz-navigation-menu {
	padding: 1rem;
}

.rz-panel-menu {
	font-size: 1.1rem;
	background-color: transparent;
}

ul.rz-profile-menu:focus-visible {
	outline: none !important;
}

html, body, * {
	font-family: "Roboto", sans-serif;
}

.rz-layout {
	grid-template-columns: 75px 1fr !important;
}

.rz-layout .rz-header {
	min-height: initial;
	padding-inline: .5rem;
	box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
}

.rz-layout .rz-sidebar {
	width: 75px !important;
	z-index: 3 !important;
	opacity: 1 !important;
}

.rz-layout .rz-sidebar-expanded {
	width: 280px !important
}

.sidebar-fixed .rz-header,
.sidebar-fixed .rz-body{
	padding-left: 15rem !important;
}

.sidebar-fixed .rz-body:has(.new-playlist-page) {
	padding-left: 12.8rem !important;
}

.header-company {
	position: relative;
}

.header-company dropdown:not(:disabled):not(.rz-state-disabled):hover {
	background-color: transparent;
}

.header-company .rz-dropdown {
	border: none !important;
	cursor: pointer;
}

	.header-company .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover,
	.header-company .rz-dropdown {
		background-color: var(--linea-bg-dropdown-header) !important;
	}

.header-user {
	padding-right: .3rem !important;
}

.header-user .item-text {
	display: flex;
	align-items: center;
	gap: .5rem;
}
/*
.rz-header .rz-dropdown-trigger {
	display: none;
}*/

.vertical-divider {
	width: 1px;
	height: 65px;
	border-right: solid 1px var(--linea-neutral-200);
}

ul.rz-profile-menu {
	background-color: transparent;
	color: var(--linea-neutral-500);
	padding: 0 !important;
}

.column-itens-end {
	display: flex;
	justify-content: flex-end;
	gap: 1rem;
}


.rz-layout .rz-body:not(:has(> .newplayer-page-header)),
.rz-layout .rz-body:not(:has(> .new-playlist-page)),
.rz-layout .rz-body:not(:has(> .playlis-list-page)),
.rz-layout .rz-body:not(:has(> .map-container)) {
	padding-top: .5rem;
	padding-left: 1rem;
	border-radius: 0;
	background: var(--linea-bg-body);
	height: calc(100vh - 65px);
}

.rz-layout .rz-body:has(> .playlist-list-page) {
	background: var(--linea-bg-blue-primary-default);
}


.rz-layout .rz-body:has(> .new-playlist-page),
.rz-layout .rz-body:has(> .map-container) {
	height: calc(100vh - 65px);
	padding: 0;
	background: var(--linea-neutral-white);
}
.rz-layout .rz-body:has(> .newplayer-page-header) {
	height: calc(100vh - 65px);
	padding: 0 !important;
	background: var(--linea-bg-body-variant);
}

.rz-layout .rz-body:has(> .playlist-list-page) {
	background: var(--linea-primary-blue);
}

.no-records-text {
	color: var(--linea-text-secondary) !important;
	padding: 1.5rem 0;
	text-align: center;
}

h1:focus {
	outline: none;
}

a, .btn-link {
	color: #0071c1;
}

.btn-primary {
	color: #fff;
	background-color: #1b6ec2;
	border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
	box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
	padding-top: 1.1rem;
}

p, h1, h2, h3, h4, h5, h6, label {
	font-family: "Source Sans 3", sans-serif;
	margin: 0;
}

.rz-dialog-mask {
	opacity: .75 !important;
}

.invalid {
	outline: 1px solid red;
}

.validation-message {
	color: red;
}

#blazor-error-ui {
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	display: none;
	left: 0;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

	#blazor-error-ui .dismiss {
		cursor: pointer;
		position: absolute;
		right: 0.75rem;
		top: 0.5rem;
	}

.blazor-error-boundary {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
	padding: 1rem 1rem 1rem 3.7rem;
	color: white;
}

	.blazor-error-boundary::after {
		content: "An error has occurred."
	}

.loading-container {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.loading-progress {
	position: relative;
	display: block;
	width: 8rem;
	height: 8rem;
	margin: 20vh auto 1rem auto;
}

	.loading-progress circle {
		fill: none;
		stroke: #e0e0e0;
		stroke-width: 0.6rem;
		transform-origin: 50% 50%;
		transform: rotate(-90deg);
	}

		.loading-progress circle:last-child {
			stroke: #1b6ec2;
			stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
			transition: stroke-dasharray 0.05s ease-in-out;
		}

.loading-progress-text {
	position: absolute;
	text-align: center;
	font-weight: bold;
	inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
}

	.loading-progress-text:after {
		content: var(--blazor-load-percentage-text, "Loading");
	}


body:has(#app > .login-layout) {
	overflow: hidden;
}

.layout-container {
	width: 100% !important;
	max-width: none !important;
}

/*.rz-stack, .rz-row {
	width: 100%;
}*/

/*#region RadzenText */
.rz-text-body1, .rz-text-body2,
.rz-text-subtitle1, .rz-text-subtitle2, .rz-text-caption,
.rz-text-h1, .rz-text-h2, .rz-text-h3, .rz-text-h4, .rz-text-h5, .rz-text-h6,
.rz-card h1, .rz-card h2, .rz-card h3, .rz-card h4, .rz-card h5, .rz-card h6 {
	margin: 0;
}

.rz-text-body1, .rz-text-body2,
.rz-text-subtitle1, .rz-text-subtitle2 {
	font-weight: 400;
}


.rz-text-body1, rz-text-body2, .rz-text-caption {
	color: var(--linea-neutral-900);
}

.rz-text-body1 {
	font-size: 16px;
}


.rz-text-body2 {
	font-size: 14px;
}

.rz-text-subtitle1 {
	font-size: 12px;
}


.rz-text-subtitle2 {
	font-size: 10px;
}

.rz-text-h1, .rz-text-h2, .rz-text-h3,
.rz-text-h4, .rz-text-h5, .rz-text-h6 {
	font-weight: 600;
	color: var(--linea-neutral-700);
}

.rz-text-h1 {
	font-size: 24px;
}

.rz-text-h2 {
	font-size: 22px;
}

.rz-text-h3 {
	font-size: 20px;
}

.rz-text-h4 {
	font-size: 18px;
}

.rz-text-h5 {
	font-size: 16px;
}

.rz-text-h6 {
	font-size: 14px;
}

/*#endregion */

/*#region RadzenButton */
.rz-button-md {
	width: fit-content;
}

.rz-button .rz-button-text {
	text-transform: none;
	font-weight: 600;
}
/*#endregion */

/*#region RadzenLink */
.rz-link {
	display: flex;
	gap: 6px;
	align-items: center;
	color: #2e53fe;
	font-weight: 700;
	flex-direction: row-reverse;
}

	.rz-link .rz-link-text {
		text-decoration: underline;
	}

	.rz-link:hover, .rz-link:focus {
		color: #0b3879;
	}

/*#endregion */

/*#region INPUTS hover e focus*/
.rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-spinner:not(:disabled):not(.rz-state-disabled):hover,
.rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover,
.mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover,
.rz-radiobutton-box:hover:not(.rz-state-disabled), .rz-chkbox-box:hover:not(.rz-state-disabled),
.rz-autocomplete:hover:not(.rz-state-disabled),
.rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover,
.rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover,
.rz-textbox:not(:disabled):not(.rz-state-disabled):hover {
	border: 1px solid #212121;
}

.rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-spinner:not(:disabled):not(.rz-state-disabled):focus,
.rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus,
.rz-autocomplete:focus-within:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus,
.mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus,
.rz-spinner:focus-within:not(.rz-state-disabled),
.rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus,
.rz-textbox:not(:disabled):not(.rz-state-disabled):focus {
	box-shadow: inset 0 0 0 1px #3A4552;
	border: 1px solid #212121;
}
/*#endregion */

/*#region Notifications */
.rz-notification {
	inset-block-start: 60px;
}

.rz-growl-image.rzi-check:before,
.rz-growl-icon-close:before,
.rz-growl-message {
	color: white;
}

.rz-growl-item-container {
	background: rgb(255 255 255 / 77%);
	border-radius: 4px;
}

.rz-notification-item-wrapper {
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 1px 4px 0 #0c0c0d0d, 0 1px 4px #0c0c0dab;
}

.rz-notification-icon {
	background-color: white;
	border-radius: 50%;
	font-size: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	padding: 12px;
}

	.rz-notification-icon.rzi-check:before,
	.rz-notification-icon.rzi-times:before {
		content: "check";
		position: relative !important;
		right: 12px !important;
		bottom: 12px !important;
	}

.rz-notification-success .rz-notification-item,
.rz-notification-message,
.rz-notification-close {
	color: white;
}
/*notification success*/
/*notification warning*/
.rz-notification-icon.rzi-exclamation-triangle:before {
	content: "exclamation";
}
/*notification error*/
.rz-notification-icon.rzi-times:before {
	content: "close";
}

/*notification info*/
.rz-growl-message-info .rz-growl-item {
	background-color: rgb(33 150 243);
}

.rz-growl-image.rzi-info-circle:before {
	color: white;
	font-family: 'Material Symbols Outlined';
}


/*#endregion */

.code-verification-input {
	width: 32px;
	height: 40px;
	background-color: var(--linea-neutral-white);
	border: 1px solid var(--linea-neutral-200);
	padding: 0;
	text-align: center;
}

.terms-link-class {
	color: var(--linea-secondary-500);
	font-weight: 600;
	text-decoration: underline;
	cursor: pointer;
}

.rz-form-field {
	width: 100% !important;
}

.w-fit {
	width: fit-content;
}

/*#region RadzenDialog */
.rz-dialog-side {
	top: 0;
}

	.rz-dialog-side:has(.notification-container) {
		background-color: #E9EFF2;
	}

		.rz-dialog-side:has(.notification-container) .rz-dialog-side-titlebar {
			display: none;
		}

.rz-dialog-side-position-right {
	height: 100%;
	border-radius: 16px 0 0 16px;
}

.rz-dialog-side-content {
	width: 100%;
	height: calc(100vh - 52px);
}

/*#endregion */

/*Dashboard*/
.dashboard-info {
	position: absolute !important;
	z-index: 10;
	right: 1.5rem;
	padding: .5rem 2rem;
	background-color: var(--linea-bg-card-default);
	border-radius: 5px;
	width: 350px;
	border: var(--linea-border-default);
	box-shadow: var(--linea-shadow-smooth);
}

	.dashboard-info .rz-row {
		flex-wrap: nowrap !important;
	}	

	.dashboard-info p {
		white-space: nowrap
	}

.dashboard-info-title {
	font-weight: 500 !important;
	font-size: 1.5rem !important;
	text-align: center;
}

.dashboard-info-day {
	text-align: center;
	top: 1rem;
}

.dashboard-info-button {
	text-align: center;
	font-size: 2rem;
	top: 11.7rem;
	padding: 1rem !important;
}

.dashboard-info-day p:first-child {
	font-size: 4rem;
	font-weight: 500;
}

.dashboard-info-day p:last-child {
	font-size: 1rem;
}

.dashboard-info-players {
	top: 16rem;
}

.dashboard-info-content {
	top: 30rem;
}

.stats-container {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
	height: 130px;
}

.number-stats {
	width: 50px;
}

.statis-green {
	background-color: green;
}

.statis-red {
	background-color: red;
}
/*#endregion */
/*#region RadzenBreadCrumb  */
.rz-breadcrumb {
	gap: 4px;
}

.rz-breadcrumb span {
	line-height: normal;
	font-size: 1.2rem;
}

.rz-breadcrumb-item + .rz-breadcrumb-item::before {
	content: "chevron_right";
	font-family: 'Material Symbols Rounded';
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}

.rz-breadcrumb,
.rz-breadcrumb i.rzi {
	font-size: 12px;
	margin-right: 6px;
}

	.rz-breadcrumb i.rzi {
		font-size: 18px;
	}
/*#endregion */

/*#region RadzenCard */
.rz-card.rz-variant-filled {
	box-shadow: 0 0 10px 0 #202e5b26;
	border-radius: var(--b-radius);
}
/*#endregion */

/*#region RadzenUpload */
.upload-button .rz-fileupload-buttonbar {
	padding: 0;
}

.upload-button .rz-fileupload-choose:not(.rz-state-disabled),
.upload-button .rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) {
	min-height: 36px;
	color: white;
	background-color: var(--rz-primary);
}

.upload-button .rz-button .rz-button-text {
	font-size: 0.875rem;
	line-height: 1.25rem;
}

/*#endregion */

/*#region RadzenDataList */
.rz-datalist-data > li {
	margin: 0;
}


/*#endregion */

/*#region RadzenProgressBar */
.rz-progressbar.rz-progressbar-primary {
	color: var(--linea-primary-400);
}

.rz-row:has(> .rz-progressbar.rz-progressbar-primary.small-progressbar) {
	padding: 10px 28px 10px 0;
}

.rz-progressbar.rz-progressbar-primary.small-progressbar {
	position: relative;
	color: #2A2B75;
	height: 8px;
	border-radius: 4px;
	overflow: visible;
	width: 80%;
}

.rz-progressbar-determinate.rz-progressbar-primary.small-progressbar .rz-progressbar-value {
	background-color: #2A2B75;
	border-radius: 4px;
}

.rz-progressbar-label {
	position: absolute;
	left: calc(100% + 8px);
	width: fit-content;
	font-weight: 600;
	font-size: 12px;
	top: 50%;
	/*transform: translateY(-50%);
	line-height: normal;*/
}

.rz-progressbar-label-value {
	display: none;
}
/*#endregion */

/*#region RadzenChart */
.rz-chart:has(.rz-legend.rz-legend-top) svg {
	margin: 14px 0;
}

.rz-chart:has(.rz-legend.rz-legend-top) .rz-legend-top {
	top: -8px;
}

.rz-legend-top {
	right: unset;
}

.rz-area-series.rz-series-0 {
	fill: #1f297580;
}

.rz-chart div:has(.rz-text-h2+.rz-text-subtitle1) {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.rz-chart div .rz-text-subtitle1 {
	color: var(--linea-neutral-400);
}

.rz-legend-item > svg {
	border-radius: 50%;
}

.rz-scheme-pastel .rz-series-item-0 .rz-chart-tooltip-content,
.rz-scheme-pastel .rz-series-item-1 .rz-chart-tooltip-content,
.rz-scheme-pastel .rz-series-item-2 .rz-chart-tooltip-content,
.rz-scheme-pastel .rz-series-item-3 .rz-chart-tooltip-content,
.rz-scheme-pastel .rz-series-item-4 .rz-chart-tooltip-content,
.rz-scheme-pastel .rz-series-item-5 .rz-chart-tooltip-content,
.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content {
	border: none;
	background-color: #3b3b3bde;
	color: white;
}

.rz-chart-tooltip-content .rz-text-body1,
.rz-chart-tooltip-content .rz-text-h5 {
	color: white;
}

/*#endregion */



/*#region RadzenTimeline */
.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start {
	display: block;
	flex: unset;
	padding-top: 2px;
}

.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before {
	left: 7.25rem;
}

.rz-timeline-point-primary,
.rz-timeline-item:before {
	background-color: #2e53fe;
}

.rz-timeline-item:not(:first-child) .rz-timeline-point {
	background-color: #8398fd;
}

.rz-timeline.rz-timeline-column .rz-timeline-item:not(:first-child) {
	padding: 0 1rem;
}
/*#endregion */

/*GridApp*/
/*.rz-grid-table thead th > div:not(.rz-cell-filter) {
	padding: 5px 0;
}
.rz-grid-table td, .rz-grid-table th {
	padding: 0 1rem;
}

.rz-data-row, td, rz-cell-data {
	line-height: 20px;
	height: 20px;
}

.rz-data-grid .rz-button-md {
	min-height: 25px !important;
	padding: 0 !important;
}*/
/*EndGridApp*/
.logo-pollysoft {
	position: absolute;
	right: 3rem;
	bottom: 2rem;
	color: var(--linea-neutral-white);
	text-decoration: none;
	transition: .4s;
	opacity: .3;
}

	.logo-pollysoft:hover {
		transform: scale(1.05);
		opacity: 1;
	   color: var(--linea-neutral-white);
	}

/*Tela de Login*/
.bg-auth-container {
	position: static;
	max-width: 100%;
	width: 100% !important;
}

.img-login {
	position: static !important;
	width: 100%;
	max-width: none !important;
	height: 100%;
	transform: initial !important;
	object-fit: cover;
}

.login-page {
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: linear-gradient(4deg,#003b6b 6%,#001c3e 78%) !important;
	padding: 0 1rem;
}

.login-page form {
	width: 100%;
	max-width: 400px;
	background-color: #fff;
	padding: 2rem;
	border-radius: 10px;

}

.login-page .rz-dropdown {
	border: none;
	padding: 0;
	height: auto;
}

.login-page .rz-dropdown-label {
	padding: 0!important;
}

.login-page .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}

.login-page .rz-link {
	color: #039be5;
	font-weight: 400;
	font-family: Helvetica;
	  
}

.login-page .rz-link .rz-link-text {
	text-decoration: none !important;
}

.form-content-container, .login-page form {
	height: initial !important;
}

.form-content-container h3, .form-content-container p {
	width: 100%;
}

.form-content-container h3 {
	font-weight: 700;
	font-size: 2rem;
	color: var(--linea-primary-blue);
	margin-bottom: auto;
}

.form-content-container > p {
	font-size: 1rem;
	color: var(--linea-primary-100);
	margin-bottom: 3rem;
}

.form-content-container .rz-label {
	font-weight: 700;
	color: var(--linea-primary-blue);
	margin-bottom: -8px;
}

.form-content-container .rz-form-field-content {
	background-color: #f3f3f3;
}

	.form-content-container .rz-form-field-content input {
		padding: 0 .51rem;
	}

.form-content-container .rz-form-field.rz-variant-text .rz-form-field-content {
	border: solid 1px #bdbdbd;
}

	.form-content-container .rz-form-field.rz-variant-text .rz-form-field-content:after {
		content: none;
	}

.content-page-body .rz-form-field-content,
.company-edit-form .rz-form-field-content {
	margin: 0 !important;
}

.keep-log {
	font-weight: 400 !important;
	color: black !important;
}

.forgot-password .rz-link-text {
	color: #de231b;
}

.button-submit {
	width:80%;
	border-radius: 10px;
	padding: .8rem 0 !important;
	font-size: 1rem;
	margin-top: 1rem;
}

.register-login {
	font-size: 14px;
	font-weight: 400;
	text-align: center;
}

	.register-login a {
		text-decoration: none;
		color: var(--linea-primary-red);
		font-weight: 700;
	}


/*Download page*/
.download-card {
	background-color: var(--linea-bg-download);
	box-shadow: 1px 1px 15px #0000002e;
	border-radius: 8px;
}

.download-card-body {
	padding: 2rem;
}

.download-card img {
	max-width: 100%;
}

.download-card-link {
	background-color: var(--linea-primary-blue) !important;
	color: var(--linea-general-color-reverse) !important;
	font-size: 2rem;
	text-align: center;
	padding: 1rem;
	border-radius: 8px;
	justify-content: center;
	font-weight: 400;
}

.download-card .rz-text-h3 {
	padding: 2rem;
	font-size: 1.5rem;
	font-weight: 500;
}
/*End Download page*/

/*New Player Page*/
.newplayer-page-content, .newplayer-page-header {
	padding: 1rem;
}

.newplayer-page-content {
	color: #fff;
}

.new-playlist-page .rz-form-field-content,
.playlist-ativas-search .rz-form-field-content {
	border: none;
	border-bottom: solid 1px var(--linea-neutral-white) !important;
	border-radius: 0;
	outline: none;
	box-shadow: none !important;
}

.playlist-ativas-search .rz-form-field.rz-state-focused .rz-form-field-content,
.new-playlist-page .rz-form-field.rz-state-focused .rz-form-field-content {
	border: none;
}

.new-playlist-page .rz-form-field-content .rz-dropdown-trigger-icon {
	color: var(--linea-neutral-white);
}

.playlist-ativas-search .rz-form-field-content .rz-form-field-content:hover,
.playlist-ativas-search .rz-form-field-content:hover,
.new-playlist-page .rz-textbox:not(:disabled):not(.rz-state-disabled):hover,
.new-playlist-page .rz-form-field:hover .rz-form-field-content {
	border-right: none !important;
	border-top: none !important;
	border-left: none !important;
	outline: none !important;
}

.playlist-ativas-search .rz-form-field-content input,
.new-playlist-page .rz-form-field-content input {
	color: var(--linea-neutral-white);
}

.new-playlist-page :not(.rz-state-empty) ~ .rz-form-field-label {
	color: var(--linea-neutral-white);
}

.newplayer-page-content {
	display: grid !important;
	grid-template-columns: 430px 1fr;
	grid-template-areas:
		"programacao-semana  playlist-ativa ";
	gap: 2rem;
/*    min-height: calc(100vh - 319px);*/
}

.week-schedule p,
.recently-playlists p,
.active-playlists p {
	color: var(--linea-neutral-white) !important;
}

.active-playlists { 
	max-height: 555px !important;
}

.week-schedule .rz-dropzone,
.recently-playlists .rz-dropzone,
.active-playlists .rz-dropzone {
	min-height: 70px;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	color: var(--linea-neutral-white) !important;
}

.week-schedule {
	grid-area: programacao-semana;
	height: 605px;
}

.week-column {
	display: flex;
	flex-direction: column;
	gap: .8rem;
	overflow-y: auto;
}

.week-column tr td:last-child .rz-cell-data {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
}

.img-thumb-grid-weekday {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.week-column .rz-button.rz-light {
	background-color: transparent;
	color: var(--linea-neutral-white);
	box-shadow: none;
}

.week-column p {
	color: var(--linea-neutral-white);
}

.week-column .rz-grid-table thead th {
	display: none;
}

.week-column .rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(odd) > td {
	background-color: rgb(19 55 84);
	padding: 0;
}

.week-column .rz-data-grid {
	border: none !important;
	box-shadow: 3px 10px 15px #0000001c !important;
	border-radius: 0;
	background-color: rgb(19 55 84);
}

.week-column .rz-cell-data {
	color: var(--linea-neutral-white) !important;
	height: 60px;
	padding: 1rem .5rem;
}

.week-column tr td:first-child .rz-cell-data {
	padding: 0;
}

.week-column .rz-datatable-emptymessage {
	padding: .5rem !important;
}

.week-column .rz-datatable-emptymessage .rz-text-body1 {
	font-size: .875rem;
	margin: 0;
}

.week-column .rz-data-row {
	display: grid !important;
	grid-template-columns: 95px 145px 165px;
	grid-template-rows: 30px 31px;
	background-color: rgb(19 55 84);
}
.week-column .rz-data-row td:first-child {
	grid-column: 1;
	grid-row: 1/3;
}

.week-column .rz-data-row td:nth-child(2n+2) {
	grid-column: 2/4;
}


.week-column .rz-data-row td:nth-child(2n+3) {
	grid-column: 2/3;
}

.week-column .rz-data-row td:nth-child(2n+4) {
	grid-column: 3/4;
}

	.week-column .rz-data-row td:first-child span {
		padding: 0;
	}
	.week-column .rz-data-row td:nth-child(2n+2) span,
	.week-column .rz-data-row td:nth-child(2n+3) span,
	.week-column .rz-data-row td:nth-child(2n+4) span {
		padding: 0;
		display: flex;
		align-items: center;
		height: 32px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

.recently-playlists {
	grid-area: playlist-recente;
	height: 250px;
}

.active-playlists .rz-data-grid {
	height: 530px;
}

.active-playlists tr td:first-child .rz-cell-data {
	padding: 0;
}

.placeholder-playlist {
	color: var(--linea-neutral-300);
	font-size: .8rem;
}

.active-playlists .rz-dropzone {
	grid-area: playlist-ativa;
	overflow-y: auto;
	/*height: 400px;*/
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: 70px;
	gap: 1rem;
}

.playlist-item {
	display: flex;
	justify-content: space-between;
	overflow-x: auto;
	background-color: var(--linea-playlist-bg);
	padding: 0;
}

.playlist-item-img {
	aspect-ratio: 1/1;
	height: auto;
	width: 70px;
	object-fit:cover;
}

.playlist-item-body {
	width: 100%;
	padding: 1rem;
	overflow-x: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	
}

.playlist-item-description {
	color: var(--linea-neutral-white);
}

.playlist-item-date, .playlist-item-time {
	display: flex;
	align-items: center;
	gap: .5rem;
	color: #668198;
	transition: .4s;
}

.playlist-item-date i:hover, .playlist-item-time i:hover {
	color: var(--linea-secondary);
}

.playlist-ativas-search {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
		
}

.content-item-close {
	position: absolute;
	top: 2px;
	right: 2px;
	cursor: pointer;
	z-index: 2;
}

.painel-content-bg {
	position: absolute;
	top: 2px;
	right: 2px;
	height: 1.2rem;
	width: 97%;
	background-color: black;
}

.playlist-ativas-search button {
	text-align: center;
}

	.playlist-ativas-search .rz-form-field {
		max-width: 100%;
		width: 250px !important;
	}

.week-column .dropzone-placeholder {
	padding-left: 1rem;
	padding-top: 1rem;
}

	.week-column .dropzone-placeholder p:first-child {
	  margin: 0;
	}

.week-column .dropzone-placeholder p:last-child {
	color: #668198 !important;
}

.playlist-content-grid .rz-dropzone-item {
	padding: 0 !important;
	height: fit-content;
	width: 170px;
}

@media(max-width: 1400px) {


	.active-playlists .rz-dropzone {
		grid-template-columns: 1fr;
	}
}

@media(max-width: 1200px) {
	 .newplayer-page-content {
		grid-template-columns: 1fr;
		grid-template-areas:
			"programacao-semana"
			" playlist-ativa";
	}
}
/*End New Player Page*/

/*New playlist page*/
.new-playlist-page {
	height: calc(100vh - 65px);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	position: relative;
}

.new-playlist-page .info-page-top {
	margin: 0;
}

.new-playlist-page .new-playlist-header {
	background-color: var(--linea-newplaylist-bg-header);
	padding-right: 6rem;
}

.new-playlist-header {
	padding: 1rem;
	flex-shrink: 0;
}

.playlist-switch .rz-label {
	color: #fff
}

.new-playlist-body {
	flex-grow: 1;
	background-color: var(--linea-newplaylist-bg-content);
	padding: .2rem 4rem .2rem 1rem;
	position: relative;
}

.new-playlist-body .rz-row {
	display: grid !important;
	grid-template-columns: 150px 1fr;
	height: calc(100vh - 320px)
}

.playlist-content-grid {
	width: 100%;
	height: 92%;
	display: flex;
	gap: .5rem;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-color: #fff;
}

	.playlist-content-grid::-webkit-scrollbar {
		height: 8px; /* para barra horizontal */
	}

	.playlist-content-grid::-webkit-scrollbar-track {
		background: transparent; /* trilha (track) */
	}

	.playlist-content-grid::-webkit-scrollbar-thumb {
		background-color: #fff; /* bot�o (thumb) */
		border-radius: 4px;
	}

		.playlist-content-grid::-webkit-scrollbar-thumb:hover {
			background-color: #555;
		}

.playlist-content-grid .panel-content-item img {
	width: 170px;
	padding-top: 1.3rem;
	object-fit: fill;
}

.play-content-container .rz-dropzone-container {
	width: 97%;
	height: 100%;
	overflow-x: auto;
}

/* Estilo do scrollbar para navegadores baseados em WebKit (Chrome, Edge, Safari) */
.play-content-container .rz-dropzone-container::-webkit-scrollbar {
	height: 10px; /* altura do scroll horizontal */
}

.play-content-container .rz-dropzone-container::-webkit-scrollbar-track {
	background: #f1f1f1; /* cor de fundo da trilha */
}

.play-content-container .rz-dropzone-container::-webkit-scrollbar-thumb {
	background: #888; /* cor da "barra" de scroll */
	border-radius: 4px;
}

.play-content-container .rz-dropzone-container::-webkit-scrollbar-thumb:hover {
	background: #555; /* cor ao passar o mouse */
}

.play-content-container .rz-dropzone-container {
	scrollbar-width: thin;
	scrollbar-color: #888 #f1f1f1;
}



.info-column {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	padding: 1rem 0 3rem 0;
	height: 100%;
	max-height: 600px;
	overflow-y: auto;
}

.playlist-content-container {
	height: calc(100vh - 320px);
	position: relative;
	overflow: auto;
	background-color: var(--linea-black);
}

.playlist-content-container .template-layout .rss-preview-list {
	position: relative;
	height: 100%;
	width: 100%;
}
.playlist-content-container .template-layout {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.content-player {
	height: 100%;
}

.content-player p:first-child {
	font-size: .9rem;
	font-weight: 300;
	color: #9ca7af;
	margin-bottom: 0;
}

.content-player p:last-child {
	font-size: 1.5rem;
	font-weight: 300;
	color: var(--linea-neutral-white);
	margin: 0;

}

.play-content-container {
	padding: .3rem 1rem .5rem 1rem;
	background-color: var(--linea-black);
	color: var(--linea-neutral-white);
	height: 150px;
	flex-shrink: 0;
}

.play-content-rearrange {
	display: flex;
	gap: .3rem;
	position: absolute;
	bottom: 1rem;
	left: 1rem;
}

.btn-save-playlist {
	background-color: var(--linea-newplaylist-bg-reorder) !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
}

.play-content-rearrange p {
	margin: 0;
	color: var(--linea-neutral-white);
}

.play-content-container .playlist-empty-placeholder {
	width: 100%;
}


.play-content-placeholder-text {
	text-align: center;
	font-size: 20px !important;
	color: var(--linea-neutral-white) !important;
	width: 100%;
	margin-top: 2rem !important;
	height: 30px;
}

.playlist-content-display {
	height: 100%;
	background-color: transparent;
	z-index: 2;
}

.playlist-content-display .rz-button.rz-variant-text.rz-base.rz-shade-lighter {
	color: var(--linea-black);
	text-shadow: 0px 0px 16px #000000e8;
}

.playlist-content-item video,
.playlist-content-item iframe,
.playlist-content-item audio,
.playlist-content-item img {
	width: 100%;
	height: 100%;
	aspect-ratio: 16/9;
	object-fit: contain;
}

.right-panel {
	position: absolute;
	top: 0;
	right: 0;
	height: calc(100vh - 65px);
	padding: 1rem 0 0 0;
	background-color: var(--linea-bg-panel-dark);
	color: var(--linea-neutral-white);
	display: flex;
	z-index: 1000;
}

.right-panel .arrow-icon {
	transition: transform 0.3s ease;
	font-size: 2.5rem;
	position: absolute;
	top: 2.8%;
	transform: translateY(-50%); 
}

.icons-columns .rzi {
	transition: .4s;
}

.right-panel .arrow-icon:hover,
.icons-columns .rzi:hover {
	color: var(--linea-secondary);
}


.right-panel .arrow-icon.rotated {
	transform: rotate(180deg);
}

.right-panel-content {
	overflow: hidden;
	transition: 1s;
	width: 0;
}

.right-panel-content.right-panel-content-active {
	width: 450px;
}

.icons-columns {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.5rem;
	padding: 4rem 1.2rem;
}

.icons-columns .icon-content-ready.rzi {
	color: var(--lines-ready-content);
}

	.icons-columns .icon-content.rzi {
		color: var(--lines-content);
	}

	.icons-columns .icon-news.rzi {
		color: var(--lines-news);
	}

	.icons-columns .icon-subplaylist.rzi {
		color: var(--lines-subplaylist);
	}

	.icons-columns .icon-news-source.rzi {
		color: var(--lines-rss);
	}

	.icons-columns .icon-carousel.rzi {
		color: var(--lines-caroussel);
	}

.icon-compound {
	position: relative;
}

.icon-compound-secondary {
	position: absolute;
	bottom: 1px;
	right: -3px;
	font-size: .9rem !important;
}

.panel-content-header {
	display: flex;
	justify-content: space-between;
	padding: 1rem;
}

.panel-content-header p {
	font-size: 1.2rem;
	color: var(--linea-neutral-white);
}

.panel-content-body {
	height: 100%;
	background-color: var(--linea-bg-panel-body);
	padding: 1rem 1rem 6rem 1rem;
	overflow-y: auto;
	max-height: 100%;
}

.panel-content-body .rz-inputtext {
	color: var(--linea-neutral-white);
}

.panel-content-itens-grid {
	margin-top: 2rem;
	display: grid;
	grid-template-columns: repeat(2, 195px);
	gap: .5rem;
}

.playlist-reorder-modal .panel-content-container {
	overflow-y: auto;
	display: grid;
	gap: 1rem;
	overflow-y: auto;
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
	grid-template-rows: min-content;
	padding-bottom: 1rem;
}

.panel-content-container .panel-content-item {
	width: 170px;
	height: auto;
}



.playlist-content-grid .panel-content-item img {
	border: solid 2px;
}

.playlist-content-grid .panel-content-item.ContentReady img,
.playlist-content-grid .panel-content-item.ContentReady .icon-type {
	border-color: var(--lines-ready-content);
	color: var(--lines-ready-content);
}

.playlist-content-grid .panel-content-item.Content img,
.playlist-content-grid .panel-content-item.Content .icon-type {
	border-color: var(--lines-content);
	color: var(--lines-content) !important;
}

.playlist-content-grid .panel-content-item.News img,
.playlist-content-grid .panel-content-item.News .icon-type {
	border-color: var(--lines-news);
	color: var(--lines-news) !important;
}

.playlist-content-grid .panel-content-item.Subplaylist img,
.playlist-content-grid .panel-content-item.Subplaylist .icon-type {
	border-color: var(--lines-subplaylist);
	color: var(--lines-subplaylist) !important;
}
.playlist-content-grid .panel-content-item.NewsSource img,
.playlist-content-grid .panel-content-item.NewsSource .icon-type {
	border-color: var(--lines-rss);
	color: var(--lines-rss) !important;
}

.playlist-content-grid .panel-content-item.CarouselContentReady img,
.playlist-content-grid .panel-content-item.CarouselContentReady .icon-type,
.playlist-content-grid .panel-content-item.Carousel img,
.playlist-content-grid .panel-content-item.Carousel .icon-type {
	border-color: var(--lines-caroussel);
	color: var(--lines-caroussel) !important;
}

.playlist-reorder-modal .rz-dropzone-container {
	height: 90%;
	overflow-y: auto;
}

.panel-content-item {
	position: relative;
	width: 100%;
}

.icon-type {
	display: none;
	position: absolute;
	top: 3px;
	right: 1.5rem;
}

.panel-content-item .rzi,
.painel-content-bg {
	color: var(--lines-content);
	display: none;
}

.playlist-content-grid .panel-content-item .rzi,
.playlist-content-grid .icon-type,
.playlist-content-grid .painel-content-bg {
	display: block;
	font-size: 1.1rem !important;
}

.news-overlay {
	width: 100%;
	height: 100%;
}

.playlist-reorder-modal .rz-dialog-content {
	height: 100%;
	padding-bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.playlist-reorder-modal .rz-dialog-content p {
	color: var(--linea-modal-text-color);
}

.panel-content-item p {
	color: var(--linea-neutral-white);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: .7rem;
}

.panel-content-item .content-item-time {
	position: absolute;
	top: 2px;
	left: 2px;
	background: black;
	font-size: 0.8rem;
	z-index: 2px;
}

.panel-modal-grid {
	display: flex;
	gap: 1rem;
}

.panel-content-item img {
	border: solid 1px var(--linea-neutral-white);
	aspect-ratio: 16/9;
	height: auto;
	width: 100%;
}

.floating-box {
	position: absolute;
	background-color: #1b1b99;
	color: white;
	border-radius: 8px;
	cursor: move;
	user-select: none;
	overflow: hidden;
	max-width: 100%;
}

.floating-box .close-btn {
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
	z-index: 10;
}

.floating-box .content {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.floating-box .resizer {
	width: 10px;
	height: 10px;
	background: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: se-resize;
}

/*End New playlist page*/
/* Company Edit page*/
.input-button-field {
	display: flex;
	align-items: center;
	gap: 1rem;
}

/*BreakPoints*/
/*Extra Large > 1920*/
@media(max-width:1920px) {
}


/*Large > 1280*/
@media(max-width:1280px) {
	.filtros {
		flex-direction: column;
	}

		.filtros .rz-ripple {
			border-left: none !important;
			width: 100% !important;
			max-width: 100% !important;
			min-height: auto !important;
			padding: 0 !important
		}

	.index-container > .rz-stack > .rz-row {
		flex-direction: column;
	}

		.index-container > .rz-stack > .rz-row .rz-col-9, .index-container > .rz-stack > .rz-row .rz-col-3 {
			width: 100%;
			max-width: none;
		}

		.index-container > .rz-stack > .rz-row .rz-col-12 {
			order: 1;
		}

		.index-container > .rz-stack > .rz-row .rz-col-3 {
			order: 2;
		}

		.index-container > .rz-stack > .rz-row .rz-col-9 {
			order: 3;
		}

	.index-container[b-mz7n9u84da] > .rz-stack > .rz-row > .rz-col-9 > .rz-stack, .index-container[b-mz7n9u84da] > .rz-stack > .rz-row > .rz-col-9 > .rz-stack .charts-container {
		flex-direction: column;
	}

	.index-container[b-mz7n9u84da] .rz-row > .rz-col-7, .index-container[b-mz7n9u84da] .rz-row > .rz-col-5 {
		max-width: none;
	}

	.rz-sidebar-collapsed {
		opacity: 1 !important;
	}
}

/*Connection Profile Page*/
.connection-profile-content {
	background-color: #fff;
}

.connetction-page-top .rz-button.rz-variant-text.rz-info.rz-shade-default {
	color: #fff;
}
/*End Connection profile Page*/
/*Medium > 1024*/
@media(max-width:1024px) {
	.beneficios {
		flex-direction: column !important;
		align-items: stretch !important;
	}

	.cliente-grupo-desktop {
		width: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		overflow: hidden
	}

	.header-mobile {
		justify-content: space-between !important;
	}

	.rz-header, .rz-footer, .rz-body {
		width: calc(100vw - 75px) !important;
	}

	.rz-body {
		width: calc(100vw - 75px) !important;
	}
}


/*Small > 768*/
@media (max-width: 768px) {
	.rz-header, .rz-footer, .rz-body {
		width: calc(100vw - 75px) !important;
	}

	.rz-body {
		width: calc(100vw - 75px) !important;
	}
}


/*Extra Small > 576*/
@media(max-width:576px) {
}

@media (hover: hover) and (pointer: fine) {
	.rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):hover {
		background-color: transparent !important;
	}
}

.rz-body {
	position: relative !important;
}

.rz-breadcrumb-item-text, .text-breadcrumb {
	color: white;
}


/* Margin footer in tables */

.rz-pager.rz-density-compact{ 
	margin: 1rem !important;
	padding: 0 !important;
}

/* rz tree */
.group-selected-text {
	border-bottom: 1px solid var(--linea-border-color);
}
.size-rz-tree {
	height: 100% !important;
	max-height: 720px !important;
}

.group-edit-modal .info-page-top {
	display: none !important;
}

.group-edit-modal .rz-card {
	box-shadow: none !important;
	border: none !important;
}

.group-edit-modal .rz-dialog-content {
	padding-top: 0 !important;
}
/* Form subtitles */
.subtitle-form {
	margin-top: 1rem !important;
	font-weight: bold !important;
	font-size: 1rem !important;
}

.custom-dialog-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10000;
}

.custom-dialog {
	background: white;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.3);
	min-width: 320px;
	max-width: 80vw;
}



/* Modal - Dialog */

.center-modal {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background-color: #c2c2c2 !important;
	border: 1px solid black !important;
}

/* Grid Mosaic Players */

.mosaic-component-card{
    height: 100% !important; 
    min-height: 300px;
}

.mosaic-component-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
	aspect-ratio: 28/9;
}

.grid-mosaic-4 {
	margin-top: 1rem;
	display: grid;
	grid-template-columns: repeat(2, minmax(150px, 1fr));
	gap: 0.5rem;
}

.grid-mosaic-9 {
	margin-top: 1rem;
	display: grid;
	grid-template-columns: repeat(3, minmax(140px, 1fr));
	gap: 0.5rem;
}

.grid-mosaic-16 {
	margin-top: 1rem;
	display: grid;
	grid-template-columns: repeat(4, minmax(120px, 1fr));
	gap: 0.5rem;
}

.grid-mosaic-25 {
	margin-top: 1rem;
	display: grid;
	grid-template-columns: repeat(5, minmax(100px, 1fr));
	gap: 0.5rem;
}

.grid-mosaic-32 {
	margin-top: 1rem;
	display: grid;
	grid-template-columns: repeat(6, minmax(90px, 1fr));
	gap: 0.5rem;
}

@media (max-width: 1024px) {
    .grid-mosaic-9,
    .grid-mosaic-16,
    .grid-mosaic-25,
    .grid-mosaic-32 {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .grid-mosaic-4,
    .grid-mosaic-9,
    .grid-mosaic-16,
    .grid-mosaic-25,
    .grid-mosaic-32 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 480px) {
    .grid-mosaic-4,
    .grid-mosaic-9,
    .grid-mosaic-16,
    .grid-mosaic-25,
    .grid-mosaic-32 {
        grid-template-columns: 1fr !important;
    }
}

.text-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.text-ellipsis.text-mosaic {
	color: white;
	max-width: 150px;
	cursor: default
}

	.text-ellipsis.text-tree {
		max-width: 280px;
	}

.row-nowrap {
	flex-wrap: nowrap !important;
}

.mosaic-frame {
	object-fit: contain
}


.bg-transparent-buttons {
	background-color: transparent !important;
	color: var(--linea-secondary-blue) !important;
	box-shadow: none !important;
}


.fullscreen-card {
    width: 100vw !important;
    height: 100vh !important;
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: white;
}

 /* Scroll aparece se conte�do passar */

.fullscreen-card .grid-mosaic-4,
.fullscreen-card .grid-mosaic-9,
.fullscreen-card .grid-mosaic-16,
.fullscreen-card .grid-mosaic-25,
.fullscreen-card .grid-mosaic-32 {
	height: auto; /* ou 100% se quiser ocupar a altura */
}



/* END GRID MOSAIC PLAYERS */

/* header dialog category   */

.header-dialog-rounded {
	background-color: #1d3966;
	border-radius: 8px 8px 0px 0px;
	padding: .5rem;
}



/* End Header dialog   */
.message-header {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.count-header-message {
	max-width: 12px;
	max-height: 12px; /* altura fixa */
	width: 100%;
	height: 100%;
	position: absolute;
	top: 8px;
	left: 20px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	border-radius: 50%; 
	background: red;
	color: white;
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
	box-sizing: border-box; 
}






/* Chat */
.player-chat {
	background-color: var(--bg-chat-modal) !important;
	border-radius: 1rem 1rem 0 0 !important;
	padding: 1rem !important;
	margin: 0 !important;
	color: darkblue !important;
}



.player-name{ 
	display: flex;
	align-items: center;
	justify-content:end;
}

.player-name-text {
	color: var(--linea-neutral-300) !important;
	font-size: .7rem !important;
}

.player-text {
	color: var( --text-color-player) !important;
	font-weight: bold;
}


.chat-wrapper {
height: 100%;
display: flex;
flex-direction: column;
}


.container-messages {
	height: 100%;
	min-height: 400px;
	overflow-y: auto;
	padding: 1rem;
	background-color: var(--bg-chat-modal);

	scrollbar-width: thin;
	scrollbar-color: #1e3c72 #e9e9e9;
}

	.container-messages::-webkit-scrollbar {
		width: 10px; 
	}

	.container-messages::-webkit-scrollbar-track {
		background: #e9e9e9; 
		border-radius: 4px;
	}

	.container-messages::-webkit-scrollbar-thumb {
		background: linear-gradient(to bottom, #1976d2, #0d47a1); 
		border-radius: 4px;
	}


.chat-input-row {
	padding: 0.5rem;
/*    border-top: 1px solid #ddd;*/
	background: #fff;
	position: sticky;
	bottom: 0;
	z-index: 1;
	align-items: center;
	background-color: var(--bg-chat-modal);
}

.chat-buttons-container { 
	display: grid !important; 
	grid-template-columns: 100px 1fr 50px; 
	gap: .5rem !important;
}


	.chat-buttons-container .rz-fileupload .rz-button{ 
	 height: 40px !important;
	
	 
	 .r}

.file-upload-input .rz-fileupload-content {
	display: none !important;
}

.file-upload-input {
	text-align: center !important;
}

.input-message {
	width: 100%;
	border-radius: 20px;
	padding: 0.5rem 1rem;
}

.sender-message{ 
	display: flex; 
	align-items: center; 
	justify-content: end;
}

.receiver-message {
	display: flex;
	align-items: center;
	justify-content: start;
}

/*var(--rz-input-value-color)*/

.text-chat {
	display: block !important;
	margin-bottom: 0.25rem !important;
	color: var(--rz-input-value-color) !important;
}


.sender-message-box,
.receiver-message-box {
	background-color: var(--rz-header-background-color);
	padding: 0.5rem 0.75rem;
	border-radius: 8px;
	max-width: 250px;
	word-break: break-word;
	white-space: pre-line;
	display: flex;
	gap: .5rem;
}

.hour-text {
	font-size: 0.7rem !important;
	color: var(var(--rz-input-value-color)) !important;
}

.chat-input-row {
 align-items:center;
	background-color: var(--bg-chat-modal);
}

.sender-message-button {
	border-radius: 50%;
	width: 40px;
	height: 40px;
}

/* File Upload Button */
.file-upload-button {
	border-radius: 50%;
	width: 40px;
	height: 40px;
}

/* Radzen File Input Styling */
.file-upload-input {
	display: flex;
	align-items: center;
	justify-content: center;
}

.file-upload-input .rz-fileinput {
	border: none !important;
	background: transparent !important;
}

.file-upload-input .rz-fileinput .rz-fileinput-button {
	border-radius: 50% !important;
	width: 40px !important;
	height: 40px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background-color: var(--rz-button-secondary-background-color) !important;
	border-color: var(--rz-button-secondary-border-color) !important;
}

.file-upload-input .rz-fileinput .rz-fileinput-button:hover {
	background-color: var(--rz-button-secondary-hover-background-color) !important;
}

.file-upload-input .rz-fileinput .rz-fileinput-button .rz-icon {
	font-size: 1.2rem !important;
}

/* Hide the file input display text */
.file-upload-input .rz-fileinput .rz-fileinput-text {
	display: none !important;
}

/* File Message Container */
.file-message-container {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

	.file-message-container p {
		margin: 0 !important;
	}

	.file-message-container:hover {
		background-color: var(--linea-neutral-200);
	}

.file-icon {
	font-size: 1.2rem;
	color: var(--linea-primary-blue);
}

.file-type-text {
	font-size: 0.9rem;
	color: var(--linea-neutral-700);
	font-weight: 500;
}
.message-header .rz-badge-pill {
	position: absolute;
	top: -.3rem;
	right: -.3rem;
	padding: 0rem 0.3rem;
	font-size: 10px;
}

.messagePopup, .supportPopup {
	display: none;
	position: absolute;
	max-height: 600px;
	width: 400px;
	border: var(--rz-panel-border);
	background-color: var(--rz-panel-background-color);
	box-shadow: var(--rz-panel-shadow);
	border-radius: var(--rz-border-radius);
	padding: 1rem;
}

.messagePopup-header {
	font-size: .8rem !important;
}

	.messagePopup-header .rz-col {
		display: flex !important;
		align-items: center !important;
		gap: .2rem;
	}

.messagePopup-body {
	margin-top: .5rem;
}

.supportPopup-header {
	background-color: var(--linea-neutral-500);
	color: var(--linea-neutral-white);
	font-weight: 700;
	padding: .5rem;
	border-radius: 8px 8px 0 0;
}

.supportPopup-body {
	cursor: pointer;
	padding: .5rem;
	white-space: nowrap;
	flex-wrap: nowrap !important;
}

.supportPopup-body .supportPopup-body-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*
	Parameters
*/
.parameter-preview {
	width: 100%;
	height: 200px;
	background: var(--linea-neutral-300);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1rem;
}

.parameter-img {
	max-width: 100%;
	max-height: 200px;
	border: 1px solid #ccc;
	margin-top: 8px;
}

.parameter-img-container .rz-form-field-helper {
	display: flex;
	justify-content: center;
}


.rz-fileupload-buttonbar{ 
	background-color: transparent !important;
	padding: 0 !important;
}

/*Data source Edit*/
.data-source-edit .rz-form-field-content {
	margin-top: 1rem !important;
}

.rz-overlaypanel:has(.filter-players) {
	min-width: 220px !important;

}

/*dropdown Item*/
.context-menu-overlay {
	position: fixed;
	inset: 0;
	z-index: 1999;
}

.context-menu {
	position: fixed;
	z-index: 2000;
	background-color: var(--bg-chat-modal);
	border: 1px solid #444;
	border-radius: 4px;
	min-width: 160px;
	box-shadow: 0 4px 12px rgba(0,0,0,.4);
}

.context-menu-item {
	display: flex;
	align-items: center;
	gap: .5rem;
	padding: 1rem;
	cursor: pointer;
	transition: .3s;
}

.context-menu-item:hover {
	transform: scale(1.05);
}


.content-list-checkbox .rz-chkbox-box.rz-state-active.rz-state-disabled {
	background-color: #414040 !important;
	border-color: #414040 !important;
}

.news-preview {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
	margin: 0 auto;
	display: block;
}