:root {
	--bg: #F2F3F8;
	--bc-sep: #f0f0f0;
	--fc-btn: #555;
	--br-btn: #ececec;
	--br-frm: #ececec;
	--bg-iga: #f5f5f5;
	--bg-dis: #f2f2f2;
	--gc-lst: #fefefe;
	--br-rad: 6px;
	--bc-active: #428bca;
	--fg-input: #555;
	--bg-hover: aliceblue;
	--bg-active: #7bbff9;
	--fc-active: #1e8bea;
	--fc-menus: #ddd;
	--fc-menus-active: #fff;
	--text-success: #468847;
	--text-info: #1b92e6;
	--text-danger: #d9534f;
	--font-family-base-00: "axiforma_light", "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	--font-family-base-h1: "axiforma_regular", "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

* {
	outline: none !important;
	-moz-outline: none !important;
}

/* Main */
body {
	overflow-x: hidden;
	font-family: var(--font-family-base-00);
	font-size: 13px;
	text-rendering: optimizeLegibility;
	background-color: #f2f3f8;
}

input,
button,
select,
textarea {
	font-family: inherit;
	margin-bottom: 0 !important;
}

input {
	border: 1px solid var(--br-frm);
	padding-left: 4px;
}

.hide_other_gender label:has(input[type="radio"][value="X"]),
.hide_other_gender input[type="radio"][value="X"] {
	display: none;
}

.hide_other_gender label:has(input[type="radio"][value="F"]) {
	border-right: 1px solid var(--br-btn);
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}

a:hover {
	text-decoration: none;
}

ul {
	padding: 5px;
}

:root {
	scrollbar-color: tranparent !important;
	scrollbar-width: thin !important;
	--gradius: 6px;
}

::-webkit-scrollbar {
	width: 9px;
	height: 9px;
	background-color: transparent;
}

::-webkit-scrollbar-corner {
	background-color: transparent;
	border-color: transparent;
}

::-webkit-scrollbar-thumb {
	border-radius: 9px;
	background-color: #ddd;
}

::-webkit-scrollbar-track {
	border-radius: 9px;
	background-color: transparent;
}

.disabled {
	color: #aaa;
}

.btn {
	white-space: normal;
	padding: 0.56rem 1.2rem;
}

.btn-default,
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
	border: 1px solid var(--br-btn);
}

.btn-group>.btn-default:first-child {
	border-left: 1px solid var(--br-btn);
}

.btn-default:hover>i {
	color: #0064cd;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
	border-color: var(--br-btn);
}

.btn-group>.btn-group:first-child>.btn-default,
.btn-default:hover:first-child:not(.dropdown-toggle),
.btn-group>.btn-group:hover:first-child>.btn-default,
.btn.first {
	border-left: 1px solid var(--br-btn);
}

.btn-default:last-child:not(.dropdown-toggle),
.btn-group>.btn-group:last-child>.btn-default,
.btn.last {
	border-right: 1px solid var(--br-btn);
}

.btn-default:first-child:not(.dropdown-toggle),
.btn-group>.btn-group:first-child>.btn-default,
.btn.first {
	border-left: 1px solid var(--br-btn);
}

.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
	border-color: #ccc;
}

.btn>em+span,
input[type=checkbox]+span {
	padding-left: 3px;
}

.btn.btn-default[disabled]>span,
.btn.btn-default[disabled]>em {
	color: gray;
}

.btn-light {
	background-color: #f8f9fa !important;
}

.btn-light:hover {
	background-color: #fff !important;
}

.btn-light:active:hover {
	background-color: #ddd !important;
}

.btn-light:focus {
	background-color: #ccc !important;
}

.btn-pure,
.btn-group.btn-group-pure>.btn {
	border-color: transparent;
}

.btn-clear {
	background-color: transparent !important;
}

.btn-primary:hover {
	background-color: #4192d7;
	border-color: #568ebf;
}

.btn .badge {
	font-size: 9px;
	top: -6px;
	padding: 1px 6px;
}

.btn>.badge-danger,
.badge-danger {
	background-color: #d9534f;
}

.btn.first {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.btn.last {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.btn-group>.btn-group.btn {
	padding: 0;
}

.btn-group>.btn-group.btn>button.dropdown-toggle {
	border: none;
}

.btn-group-circular>.btn-group.btn>button.dropdown-toggle {
	border-radius: 15px;
}

input[type=time] {
	width: 86px;
}

input[type=time]::-webkit-datetime-edit-ampm-field {
	display: none;
}

input[type=number] {
	text-align: right;
	max-width: 130px;
}

input[type=date] {
	width: 130px;
}

input[type=datetime-local] {
	width: 166px;
}

::placeholder {
	color: #aaa;
	font-weight: normal;
}

/* Header */
#header {
	/* fixed */
	position: fixed;
	z-index: 10;
	/* o fullcalendar tem um z-index de 8 e o header de uma tabela tem um z-index de 9. */
	top: 0;
	width: 100%;
	box-shadow: 0 1px 1px var(--portal-primary-color, #201f2b);
	background-color: var(--portal-primary-color, #282a3c);
}

#header>ul {
	padding: 0;
	width: auto;
}

#header>ul>li {
	display: flex;
	align-items: center;
	justify-content: center;
}

#header>ul>li>a,
#header>ul>li>button {
	margin: 0;
	font-size: 12px;
	color: var(--portal-header-text-color, #aaaaaa);
	max-height: 50px;
	height: 100%;
	display: flex;
	align-items: center;
	background-color: transparent;
	border: 1px solid transparent;
}

#header>ul>li>a:hover,
#header>ul>li>a:focus,
#header>ul>li>button:hover,
#header>ul>li>button:focus {
	color: #ffffff;
	background: var(--portal-header-color-hover, #414050);
	border-radius: 0;
}

.nav li.language a {
	padding: 15px 5px;
}

.nav-tabs>li>a {
	padding: 5px 10px;
}

#header>ul>li>a>i {
	line-height: 20px;
}

.navbar-nav {
	margin: 0;
	display: flex;
}

.navbar-nav>li>a {
	margin: 0;
}

.navbar-nav>li>a.profile {
	padding: 10px;
}


#langs .dropdown-toggle {
	cursor: pointer;
}

#langs .dropdown-menu {
	right: 0;
	left: auto;
	padding: 0;
}

#langs .dropdown-menu li>a {
	padding: 10px 20px;
}


#langs .dropdown-menu li img {
	margin-right: 4px;
}

/* dropdown de mensagens no header */
.menu-msg span {
	font-size: 12px;
	color: #888;
}

.menu-msg>li>a {
	white-space: inherit;
}

/* Sidebar & Navigation */
#envelope {
	display: inline;
}

#envelope .tip {
	padding: 5px 0;
}

.main-container {
	display: flex;
}

#sidebar {
	background: var(--portal-primary-color, #2c2e3e);
}

#sidebar>ul {
	list-style: none;
	padding: 0;
}

#sidebar>ul>li {
	display: block;
	position: relative;
}

#sidebar ul li a:hover,
#sidebar>ul li.sysmenu_child.active {
	background: var(--portal-sidebar-active-color, #4a495a);
}

#sidebar ul.is_sub {
	padding: 0;
}

#sidebar>ul li.active {
	background: var(--portal-sidebar-active-color, #4b4a65);
	position: relative;
}

#sidebar>ul>li>a {
	padding: 10px 0 10px 15px;
	color: var(--portal-sidebar-text-color, var(--fc-menus));
	display: flex;
	align-items: center;
}

#sidebar>ul>li>a:hover,
#menu-navigation>h3>a:hover,
#sidebar>ul ul li a:hover {
	color: var(--portal-sidebar-text-color, var(--fc-menus-active));
}

#sidebar>ul>li>a>i {
	margin-right: 10px;
}

#sidebar>ul li.open ul {
	display: block;
}

#sidebar>ul ul li a {
	padding: 10px 0 10px 25px;
	display: flex;
	align-items: center;
	color: var(--portal-sidebar-text-color, var(--fc-menus));
	cursor: pointer;
}

#sidebar>ul ul li:first-child a {
	border-top: 0;
}

#sidebar>ul ul li:last-child a {
	border-bottom: 0;
}

#sidebar>ul>li.open {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset;
}

#sidebar ul li {
	list-style-type: none;
}

#sidebar a>i.fa {
	font-size: 10px;
}

#sidebar ul li.sysmenu_child>a>span {
	width: 84%;
}

#sidebar ul li.sysmenu_child>ul {
	background: var(--portal-sidebar-third-level-color, #434254);
	padding-left: 10px;
}

#sidebar ul li.sysmenu_opened {
	background: url(../img/bullet_arrow_down.png) no-repeat right 8px;
}

#sidebar ul li.no_line {
	border-bottom: none;
}

#sidebar>ul#menu-navigation {
	margin-top: 52px;
	z-index: 1;
}

#menu-navigation>h3 {
	margin: 0;
	padding: 0;
	cursor: pointer;
	font-size: inherit;
	background-color: var(--portal-sidebar-first-level-color, #2c2e3e);
}

#menu-navigation>h3:hover {
	background: var(--portal-sidebar-active-color, #414050);
}

#menu-navigation>h3>a {
	padding: 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--portal-sidebar-text-color, var(--fc-menus));
}

#menu-navigation a>span {
	width: 90%;
}

#menu-navigation>ul {
	padding: 0;
	background: var(--portal-sidebar-second-level-color, #363548);
	border: 0;
	z-index: 2;
}

#menu-navigation em {
	width: 22px;
	font-size: 18px;
}

svg.la {
	width: 18px;
}

#content-header {
	display: flex;
	align-items: center;
	gap: 8px;
}

#content-header>label {
	font-weight: normal;
	margin-bottom: 0;
}

/* Content */
#content-wrapper {
	flex: 1;
	width: 75%;
}

.container-fluid>.row {
	margin-left: -15px;
	margin-right: -15px;
}

.row,
.form-horizontal .form-group {
	margin-right: -10px;
	margin-left: -10px;
}

.pcontent {
	padding: 12px 10px;
}

.pcontent.body {
	min-height: 400px;
}

#content-main {
	margin-top: 50px;
	flex: auto;
}

#content h1 {
	font-size: 21px;
	line-height: inherit;
	margin-top: 0;
	float: left;
	color: #3f4047;
}

#content h1>span {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 14px;
}

/* Footer */
div.footer {
	background-color: var(--portal-primary-color, #282a3c);
	color: var(--portal-header-text-color, #777);
}

#footer {
	text-align: center;
	height: 45px;
	line-height: 40px;
	overflow: hidden;
	position: relative;
}

#footer a {
	text-decoration: none;
	color: #CCC
}

#footer a:hover {
	text-decoration: underline
}

#humanportal-version-id {
	float: right;
	width: 100px;
	height: 45px;
	font-size: 9px;
	font-weight: bold;
	line-height: 45px;
}

/* eof footer*/

/* message-tray */
div.msg-tray {
	bottom: 24px;
	right: 24px;
	position: fixed;
	z-index: 9999;
}

div.msg-tray .inner {
	background-color: #404040;
	border-radius: 2px;
	box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
	color: #fff;
	display: inline-block;
	line-height: 20px;
	margin-top: 8px;
	padding: 16px 12px 16px 16px;
	transition: opacity 200ms, -webkit-transform 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	white-space: nowrap;
	border-radius: var(--gradius);
}

div.msg-tray .inner span.content {
	padding-right: 10px;
	padding-left: 10px;
}

div.msg-tray .close {
	color: #f96e6e;
	cursor: pointer;
	text-shadow: none;
	opacity: 1;
}

div.msg-tray .close:hover {
	color: #f7a7a7;
}

div.msg-tray .close:active {
	color: #d85353;
}

/* end of message-tray */

img.pay-icon {
	max-width: 24px;
}

.upload-icon {
	max-width: 32px;
}

/* tooltip */
.tooltip {
	z-index: 1050;
	font-family: inherit;
}

div[class="tooltip-inner"] {
	text-align: left;
	max-width: 375px;
}

/* Widgets & TABS  */
.widget-box {
	background: none repeat scroll 0 0 #f9f9f9;
	border: 1px solid var(--br-frm);
	/*border-bottom: none;*/
	border-radius: var(--gradius);
	overflow: hidden;
	clear: both;
	margin-top: 16px;
	margin-bottom: 16px;
	position: relative;
}

div.borderless>.widget-box {
	margin-top: 0;
}

.widget-box.overflow {
	overflow: visible;
}

.widget-box-mini {
	margin-top: 2px;
	margin-bottom: 2px;
}

.widget-box:has(.dropdown-menu) {
	overflow: visible;
}

.accordion .widget-box {
	margin-top: -2px;
	margin-bottom: 0;
	border-radius: 0;
}

.widget-title+div {
	clear: both;
}

.widget-title.flat {
	background: #efefef;
}

.table th {
	background: transparent;
}

.table th:has(> div.fb-header) {
	overflow: visible;
}

.table th>div.fb-header {
	display: flex;
	align-items: center;
	justify-content: left;
}

.table th>div.fb-header>span {
	width: 100%;
	text-align: left;
}

.table td {
	overflow-wrap: anywhere;
}

.widget-title {
	background-color: #fdfdfd;
	border-bottom: 1px solid #f4f4f4;
	border-top-left-radius: var(--gradius);
	border-top-right-radius: var(--gradius);
	padding: 5px;

	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.widget-title>h4>p {
	margin: 0;
}

.nav-tabs>li {
	margin-bottom: 0;
}

.nav>li>a:focus,
.nav>li>a:hover {
	background-color: transparent;
	color: var(--bc-active);
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
	background-color: transparent;
	border: none;
	border-bottom: 2px solid var(--bc-active);
	color: var(--bc-active);
}

.nav-tabs>li>a {
	border: none;
	border-bottom: 2px solid transparent;
	cursor: pointer;
	color: #555;
}

.nav-tabs>li>a>em {
	vertical-align: bottom;
}

.bordered {
	border: 1px solid var(--br-frm);
}

.widget-title .nav-tabs {
	border-bottom: 0 none;
}

.widget-title .nav-tabs li a {
	border-bottom: medium none !important;
	border-left: 1px solid #DDDDDD;
	border-radius: 0 0 0 0;
	border-right: 1px solid #DDDDDD;
	border-top: medium none;
	color: #999999;
	margin: 0;
	outline: medium none;
	padding: 9px 10px 8px;
	font-weight: bold;
	text-shadow: 0 1px 0 #FFFFFF;
}

.widget-title .nav-tabs li:first-child a {
	border-left: medium none !important;
}

.widget-title .nav-tabs li a:hover {
	background-color: transparent !important;
	border-color: #D6D6D6;
	border-width: 0 1px;
	color: #666666;
}

.widget-title .nav-tabs li.active a {
	background-color: #F9F9F9 !important;
	color: #444444;
}

.widget-title span.icon {
	padding: 3px 5px;
	float: left;
	opacity: .7;
}

.widget-title>h4 {
	color: #666666;
	font-size: 13px;
	padding: 6px;
	line-height: 13px;
	margin: 0;
}

.widget-title>h4.toolbar {
	padding: 7px;
}

.widget-title>div.toolbar {
	padding: 3px;
	min-height: 35px;
}

.widget-title>h4.i {
	padding: 7px;
}

.widget-title>h4>.btn-group {
	margin-top: -10px;
}

.widget-title>h4>.btn-group-xs {
	margin-top: -5px;
}

.widget-title>div.toolbar .btn-group-sm {
	margin-top: -1px;
}

.toolbar>.btn-group-xs {
	padding: 3px;
}

.widget-title>h4 i {
	padding: 5px;
}

.widget-title .buttons {
	float: right;
	margin: 8px 10px 0 0;
}

.widget-title .label {
	padding: 3px 5px 2px;
	float: right;
	margin: 9px 15px 0 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0 #ffffff;
}

.widget-title .label {
	margin-right: 190px;
}

.widget-content>.row {
	margin-left: auto;
	margin-right: auto;
}

.card>.widget-box {
	padding: 10px;
	height: 100%;
	overflow: inherit;
	margin-top: 10px;
	margin-bottom: 10px;
}

.card>.widget-box>.btn-group.pull-right {
	padding: 0;
}

.card>.widget-box:hover {
	background-color: var(--bg-hover);
	cursor: pointer;
}

.row>.card {
	padding-left: 10px;
	padding-right: 10px;
}


.tabbable>.tab-content.paddless {
	padding: 0;
}

.widget-container {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.widget-box.collapsible .collapse.in .widget-content {
	border-bottom: 1px solid #e0e0e0;
}

td.ui-widget-content {
	border: 1px solid #eee;
}

td.ui-widget-header {
	border: 1px solid #e7e7e7;
}

th.ui-widget-header {
	border: 1px solid #eee;
	background: #fff;
	font-weight: normal;
}

.nav-tabs {
	padding-bottom: 0;
	border-bottom: none;
	margin-left: 4px;
	margin: 0 4px;
}

.tab-content {
	border-radius: var(--gradius);
}

.tab-content>.active {
	background-color: #fefdfc;
	border-radius: var(--gradius);
	/* border-top: 1px solid #f3f3f3; */
}

.tab-pane>ul.list-group {
	padding-left: 5px;
}

.tab-pane .tox-tinymce {
	border: none;
}

.tab-pane .tox .tox-toolbar-overlord>.tox-toolbar__primary {
	background-size: 0;
}

ul.list-group {
	padding: 0;
}

ul.list-group>li {
	list-style-type: none;
}

ul.list-group>li>a {
	background-color: var(--gc-lst);
	border-left: 1px solid var(--br-btn);
	border-right: 1px solid var(--br-btn);
	color: #777;
	padding: 10px;
	display: block;
}

ul.list-group>li>a:hover {
	background-color: #ddd;
}

ul.list-group>li:first-child>a {
	border-top: 1px solid var(--br-btn);
	border-top-left-radius: var(--br-rad);
	border-top-right-radius: var(--br-rad);
}

ul.list-group>li:last-child>a {
	border-bottom-left-radius: var(--br-rad);
	border-bottom-right-radius: var(--br-rad);
	border-bottom: 1px solid var(--br-btn);
}

ul.list-group>li.divider {
	padding: 0;
	border-bottom: 1px solid var(--br-btn);
}

.list-group-item {
	border: 1px solid #eee;
	margin-bottom: -2px;
}

.list-group-min {
	padding: 0;
	margin-top: 1px;
}

.form-group>.borderless {
	padding-left: 0px;
	padding-right: 0px;
}

.widget-box>.borderless,
.tab-pane .borderless {
	padding: 0px;
}

.tab-content>.borderless-h {
	margin-left: -15px;
	margin-right: -15px;
}

.tab-content>.borderless-v {
	margin-top: -12px;
	margin-bottom: -15px;
}

/* Tables */
.table {
	margin-bottom: 0;
	border-radius: var(--gradius);
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
	line-height: 1.5;
}

.table th {
	height: auto;
	font-size: 12px;
	padding: 5px 10px 2px;
	border-bottom: 0;
	text-align: center;
	color: #666666;
	vertical-align: middle !important;
}

.table th.sortable {
	cursor: pointer;
}

.table th.sortable>.fb-header>.la-sort {
	color: #ccc;
}

.table th.sortable>.fb-header span.font-weight-bold {
	font-weight: bold;
}

.table>thead>th.simple,
.table>thead>tr.simple>th {
	font-weight: normal;
}

.table>thead>tr.header>th,
.table>tfoot>tr.footer>th {
	padding: 2px;
}

.table>thead th input[type=text].search {
	padding: 2px 2px 2px 10px;
	width: 250px;
	font-weight: lighter;
}

.table>thead>tr.header>th {
	background-color: #F9FAFB;
}

.table>thead>tr.header>th>div.search {
	padding: 3px;
}

.table>thead>tr.header>th>div.search>a {
	padding-left: 5px;
}

.table>thead>tr>th,
.table>thead>tr:last-child {
	border-bottom: 1px solid #e5e5e5;
}

.table th:first-child {
	text-align: left;
}

.table.no-border-top tr:first-child>td {
	border-top: none;
}

.table.with-check tr th:first-child,
.table.with-check tr td:first-child {
	width: 10px;
}

.table.with-check tr th:first-child i {
	margin-top: -2px;
	opacity: 0.6;
}

.table.with-check tr td:first-child .checker {
	margin-right: 0;
}

.table tr.checked td {
	background-color: #FFFFE3 !important;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
	border-top: 1px solid #eee;
}

.table>thead>tr>th {
	border-top: 1px solid #eee;
}

.table.sticky.alternate>tbody>tr:nth-child(odd)>th,
.regular_table_grid.sticky.alternate>tbody>tr:nth-child(odd)>th {
	border-top: 1px solid #eee;
}

.table.sticky.alternate>tbody>tr:nth-child(even)>th,
.regular_table_grid.sticky.alternate>tbody>tr:nth-child(even)>th {
	border-top: 1px solid #eee;
}

.table>tbody>tr.footer>th,
.table>tbody>tr.footer>td {
	border-top: 1px solid #eee;
	background-color: #abb9c4 !important;
	color: #fff;
}

.table>thead>tr:first-child>th,
.table>tbody>tr:first-child>th,
.table>thead>tr:first-child>td,
.table>tbody>tr:first-child>td {
	border-top: none;
}

.table th {
	overflow: hidden;
}

.table td>div.actions>a {
	padding: 5px;
	color: #888;
}

table tr.locked {
	color: #777;
}

.table td.labeled {
	vertical-align: middle;
}

.table.min td {
	padding: 4px;
}

.table.alternate>tbody>tr:nth-child(odd),
.regular_table_grid.alternate>tbody>tr:nth-child(odd) {
	background-color: #fafcfe;
}

.table.alternate>tbody>tr:nth-child(even),
.regular_table_grid.alternate>tbody>tr:nth-child(even) {
	background-color: #f2f5f6;
}

.table tr.error>td {
	background-color: #e6b3b3 !important;
}

.table td .checkbox,
.table td .radio {
	min-height: inherit;
	margin: 4px 0;
}

.table>tbody>tr.btn-info,
.table>thead>tr.btn-info {
	background-color: var(--bc-active) !important;
}

.table>tbody>tr.btn-info>td,
.table>thead>tr.btn-info>th {
	color: #fff;
}

.table td.selection {
	width: 25px;
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
	border: 1px solid #e5e5e5;
}

.table.alternate>tbody>tr.light-success {
	background-color: #dff0d8;
}

.table.fixed {
	table-layout: fixed;
	font-style: normal;
}

.table.fixed td {
	word-break: break-all;
}

.table.sticky,
.regular_table_grid.sticky {
	position: relative;
	border-collapse: separate;
}

.table.sticky>thead>tr,
.regular_table_grid.sticky>thead>tr {
	background-color: #fff;
	position: sticky;
	z-index: 9;
}

.table.sticky>thead>tr:first-child,
.regular_table_grid.sticky>thead>tr:first-child {
	top: 0;
}

.table.sticky>thead>tr:nth-child(2),
.regular_table_grid.sticky>thead>tr:nth-child(2) {
	top: 35px;
}

.table.sticky th.details {
	background-color: #fff;
	position: sticky;
	top: 49px;
	z-index: 1;
}

.table.sticky>thead>tr:nth-child(2)>th.details {
	top: 84px;
}

.table.sticky>tbody>th,
.regular_table_grid.sticky>tbody>th {
	background-color: #f5f5f5;
	position: sticky;
	left: 0;
	z-index: 1;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.la,
.fa {
	font-size: 17px;
	vertical-align: middle;
}

.la-min {
	font-size: inherit;
}

em.la+span:not(.hidden),
em.fa+span,
span+em.la,
span+em.fa,
svg.la+span {
	padding-left: 5px;
}

/* GRID OVERRIDES & ICONES (nao aplicado apenas à grid, e por isso é que está aqui */
/* cor pagina inicial */
h4>a>i.fa-check-square,
.ok {
	color: forestgreen;
}

h4>a>i.fa-check-square:hover,
.ok:hover {
	color: darkgreen;
}


/* cores na grid para os icones publicar e remover publicação */
:root .ui-jqgrid tr.jqgrow.ui-state-hover td>a>i.fa-share {
	color: #6ADB6A;
}

:root .ui-jqgrid tr.jqgrow td>a>i.fa-share:hover {
	color: forestgreen;
}

:root .ui-jqgrid tr.jqgrow td>a>i.fa-minus-square:hover {
	color: #cccccc;
}

:root .ui-jqgrid tr.jqgrow.ui-row-ltr td>i.fa-check-square {
	color: forestgreen;
}

:root .ui-jqgrid tr.jqgrow.ui-row-ltr td>i.fa-check-square:hover {
	color: darkgreen;
}

/** MODAL dialog **/
.modal-backdrop {
	z-index: 999 !important;
}

.modal-backdrop.in {
	opacity: .4;
}

.modal {
	overflow: hidden;
}

.modal-xl {
	width: 90%;
}

.modal-xs {
	max-width: 450px;
}

.modal-header {
	padding: 8px;
	border-bottom: 1px solid #eee;
}

.modal-header h3 {
	font-size: 14px;
	float: left;
	max-width: 95%;
}

.modal-title {
	line-height: 1.6;
}

.modal-content {
	border: 0;
	border-radius: 14px;
	background-color: #fff;
}

.modal-footer {
	margin-top: 0;
	padding: 6px;
	border-top: 1px solid #eee;
}

.modal-footer>.btn-group {
	display: flex;
	justify-content: flex-end;
}

.modal-body {
	padding: 0;
	background: #fafafa;
	overflow: auto;
	max-height: 640px;
}

.modal-body li>label {
	font-weight: inherit;
}

.modal-header.react .close {
	margin-top: 0;
}

h4.modal-title {
	font-size: 15px;
}

button.close {
	opacity: .5;
	filter: alpha(opacity=5);
	/*
	font-size: 22px;
	font-weight: normal;
	font-family: 'serif';
	*/
	margin-top: -3px;
}

.modal-header>button.close {
	margin-right: 4px;
}

button.close:hover {
	opacity: .8;
	filter: alpha(opacity=8);
	color: red;
}

/** eof Modal dialog**/

.btn-approved.active {
	background-color: #47a447 !important;
	border-color: #398439 !important;
	color: #fff !important;
}

.btn-disapproved.active {
	background-color: #d2322d !important;
	border-color: #ac2925 !important;
	color: #fff !important;
}

.btn-disapproved[disabled].active {
	background-color: #e79a97;
	border-color: #cf8381;
}

/* Forms */
form {
	margin-bottom: 0;
}

.form-control {
	/* resolve o problema dos * e dos icons dos datepickers */
	display: inline-block;
	border: 1px solid var(--br-frm);
	box-shadow: none;
}

.form-control[disabled],
.form-control[readonly] {
	background-color: var(--bg-dis);
}

.input-group-addon {
	border: 1px solid var(--br-frm);
	background-color: var(--bg-iga);
}

.reset-width {
	width: inherit;
}

.form-check-label {
	padding-top: 7px;
}

.control>.form-check-label {
	padding-top: 0;
}

.form-horizontal .control-group {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 0;
}

.form-horizontal .control-group:last-child {
	border-bottom: 0;
}

.form-horizontal .control-label {
	padding-left: 15px;
	text-align: left;
	cursor: pointer;
}

.form-horizontal .control-label-fixed {
	padding-left: 15px;
	text-align: left;
	width: 180px;
	float: left;
}

.form-group.row>.control-label {
	padding-top: 5px;
}

.input-group>em {
	padding-left: 5px;
}

.btn>.caret {
	margin-left: 3px;
}

/* PRELOADER & BACKDROP */
#window-main-cover,
#window-main-cover-caption {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100%
}

#window-main-cover {
	z-index: 1000000 !important;
}

#window-main-cover-caption,
.preloaderClass {
	z-index: 1000001 !important;
	background-position: center center;
	background-repeat: no-repeat
}

.ui-widget {
	font-family: inherit;
}

.ui-widget-overlay {
	opacity: 1;
	background: rgba(30, 30, 60, 0.3);
	filter: Alpha(Opacity=100);
}

.http-overlay {
	position: absolute;
	z-index: 99999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background: rgba(60, 50, 80, 0.20);
}

.loading {
	display: table;
	position: relative;
	margin: 0 auto;
	width: 64px;
	height: 64px;
	z-index: 9999;
}

.loading.inline {
	display: inline;
	left: 50%;
}

.loading.vcenter {
	position: absolute;
	top: 30%;
}

.loading>div {
	border: 2px solid #555;
	border-radius: 30px;
	height: 30px;
	left: 50%;
	margin: -15px 0 0 -15px;
	opacity: 0;
	position: absolute;
	top: 50%;
	width: 30px;
	animation: pulsate 1s ease-out;
	animation-iteration-count: infinite;
}

.loading.inline>div {
	margin: 5px 0 0 0;
}

@keyframes pulsate {
	0% {
		transform: scale(.1);
		opacity: 0.0;
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: scale(1.2);
		opacity: 0;
	}
}

@media (min-width: 500px) {
	#content-wrapper>#content {
		padding: 10px 10px 25px 10px;
		border-top-left-radius: 5px;
		/* fixed nav */
		margin-top: 50px;
	}
}

/* Responsive design */
@media (max-width: 767px) {
	body {
		padding: 0 !important;
	}

	#sidebar .input-prepend {
		display: none;
	}

	.hidden-xs-hp {
		display: none !important;
	}

	#header>ul {
		width: auto;
	}

	.menu-msg {
		min-width: 240px;
	}

	#menu-navigation {
		position: fixed;
		padding-top: 0;
	}

	.navbar-nav .open .dropdown-menu {
		position: absolute;
		float: left;
		background-color: #fff;
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	}

	.horizontal-table {
		max-width: calc(99vw - 50px) !important;
	}
}

@media (min-width: 768px) {
	#sidebar .input-prepend input {
		width: 177px;
	}

	#sidebar ul li.active div {
		position: absolute;
		top: 10px;
		right: 0;
		background: transparent;
		width: 0;
		height: 0;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-right: 8px solid #f2f3f8;
	}

	#menu-navigation {
		/* fixed nav */
		width: 265px;
		/**/
	}

	.menu-msg {
		min-width: 350px;
	}

	.input-tx {
		max-width: 300px;
	}
}

@media (max-width: 500px) {
	#header>a {
		display: block;
	}

	.nav li.language a {
		padding: 4px 5px !important;
	}

	.navbar-nav>li>a,
	.navbar-nav>li>button {
		padding: 3px 15px;
	}

	.navbar>.nav {
		float: none;
	}

	#menu-navigation {
		/* o menu nao e' fixo nesta resolucao*/
		position: static;
		top: 82px;
	}

	#content-wrapper {
		margin-top: 105px;
	}

	#content {
		margin-left: 0;
		border-top-left-radius: 0;
		margin-top: 0;
		width: 100%;
	}

	.widget-title .buttons>.btn {
		width: 11px;
		white-space: nowrap;
		overflow: hidden;
	}

	.form-horizontal .control-label {
		padding-left: 30px;
	}
}

@media (max-width: 767px) {
	#sidebar {
		min-width: 43px;
	}

	#sidebar>ul {
		width: 43px;
	}

	#sidebar>ul ul {
		display: none;
		position: absolute;
		left: 42px;
		margin-top: -35px;
		min-width: 210px;
		box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
		border-radius: 5px;
		list-style: none;
		z-index: 10;
	}

	#sidebar>ul ul li a {
		white-space: nowrap;
	}

	#sidebar>ul ul:before {
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		content: "";
		display: inline-block;
		left: -6px;
		position: absolute;
		top: 11px;
	}

	#sidebar>ul ul:after {
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		content: "";
		display: inline-block;
		left: -5px;
		position: absolute;
		top: 12px;
	}

	#sidebar>a {
		display: none !important;
	}

	#sidebar>ul>li.open.submenu>a {
		border-bottom: none !important;
	}

	#sidebar>ul>li>a>span {
		display: none;
	}

	#sidebar h3>a>span,
	#sidebar h3>a>i {
		display: none;
	}
}

@media (max-width: 600px) {
	.widget-title .buttons {
		float: left;
	}

	#header>a>img {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (min-width: 1px) and (max-width: 800px) {
	.modal-dialog:not(.modal-sm) {
		width: 95%;
	}
}

@media (min-width: 800px) and (max-width: 1000px) {
	.modal-dialog:not(.modal-sm):not(.modal-md) {
		width: 80%;
	}

	.modal-lg {
		width: 90%;
	}
}

@media (min-width: 1000px) {
	.modal-dialog:not(.modal-sm):not(.modal-md) {
		width: 800px;
	}

	.modal-dialog.modal-1000 {
		width: 1000px !important;
	}

	.modal-dialog.modal-1024 {
		width: 1024px !important;
	}

	.modal-dialog.modal-lg {
		width: 980px !important;
	}

	.modal-dialog.modal-xl {
		width: 90% !important;
	}
}

@media (min-height: 1px) and (max-height: 400px) {
	.modal .modal-body {
		max-height: 250px;
		overflow-y: auto;
	}
}

@media (min-height: 400px) and (max-height: 500px) {
	.modal .modal-body {
		max-height: 300px;
		overflow-y: auto;
	}
}

@media (min-height: 500px) and (max-height: 600px) {
	.modal .modal-body {
		max-height: 375px;
		overflow-y: auto;
	}
}

@media (min-height: 600px) and (max-height: 800px) {
	.modal .modal-body {
		max-height: 475px;
		overflow-y: auto;
	}
}

@media (min-height: 800px) and (max-height: 1000px) {
	.modal .modal-body {
		max-height: 650px;
		overflow-y: auto;
	}
}

@media (min-height: 1000px) {
	.modal .modal-body {
		max-height: 815px;
		overflow-y: auto;
		overflow-x: hidden;
	}
}

/* paginacao */
.pagination>li>a,
.pagination>li>span,
.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
	border-color: #eee;
}

.pagination {
	margin: 5px 0;
}

#pagination {
	height: 30px;
	text-align: center;
	line-height: 30px;
}

#pagination a {
	text-decoration: none;
	padding: 0 5px;
	font-size: 12px
}

#pagination a {
	text-decoration: none;
	padding: 0 5px;
	font-size: 12px
}

#pagination a.hppg_nav {
	font-weight: bold;
	padding: 0 10px
}

#pagination a.hppg_page {
	border-right: solid 1px #369;
	line-height: normal;
	color: #333
}

#pagination a.hppg_page:hover {
	background: #333;
	color: #FFF
}

#pagination a.hppg_page_first {
	border-left: solid 1px #369
}

#pagination a.hppg_current {
	background: #C00;
	font-weight: bold;
	color: #FFF
}

#pagination a.hppg_current:hover {
	background: #F00;
	font-weight: bold;
	color: #FFF
}

.pagination>li {
	cursor: pointer;
}

.pagination>li>a:has(em) {
	padding: 6px 8px;
}

/*.pagination>li>a>em.la {
	font-size: 15px;
}

/* galeria de itens */
#templates .gallery {
	padding-left: 25px;
}

.gallery {
	padding: 5px;
}

.gallery li {
	float: left;
	margin-right: 5px;
	text-align: center;
	border: 1px solid #ddd;
	width: 104px;
	margin-top: 5px;
}

.gallery li>.widget-title {
	padding: 3px;
}

.gallery li h5 {
	margin: 0 0 5px;
	height: 25px;
	padding: 2px 0;
	background: 0;
	border: none;
	font-size: 0.83em;
	text-overflow: ellipsis;
	overflow: hidden;
}

.gallery li {
	cursor: pointer;
}

.gallery li a.ui-icon-trash {
	display: inline-block;
}

.gallery li.active {
	box-shadow: 0 0 4px 1px #a00;
}

/************************************
 **           HELPERS              **
 ************************************/
#canow_page,
#capast_page {
	text-align: center;
}

#canow_page .pagination,
#capast_page .pagination {
	margin: 0;
}

.checkbox-inline input[type="checkbox"] {
	float: inherit;
}

.input-sm {
	height: 28px;
	padding: 4px 10px;
}

.color-picker-container {
	position: relative;
	width: 48px;
	height: 32px;
}

.color-placeholder-background {
	position: absolute;
	inset: 0;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-image:
		linear-gradient(45deg, #ccc 25%, transparent 25%),
		linear-gradient(-45deg, #ccc 25%, transparent 25%),
		linear-gradient(45deg, transparent 75%, #ccc 75%),
		linear-gradient(-45deg, transparent 75%, #ccc 75%);
	background-size: 10px 10px;
	background-position: 0 0, 0 5px, 5px -5px, -5px 0px;
}

.color-placeholder-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	color: #666;
	pointer-events: none;
}

.input-color-wrapper {
	position: relative;
	display: flex;
	align-items: end;
}

.input-color {
	width: 50px !important;
	height: 34px;
	padding: 0 !important;
	background-color: transparent;
	border: none !important;
	cursor: pointer;
}

.reset-color {
	position: absolute;
	top: -5px;
	left: 39px;
	background: #fff;
	color: #333;
	border-radius: 50%;
	font-size: 11px;
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--br-btn);
	cursor: pointer;
}

.reset-color:hover {
	background-color: #e6e6e6;
}

.color-value-label {
	margin-left: 8px;
	font-size: 11px;
	cursor: copy;
}

.input-group-sm>.form-control {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.input-xs {
	height: 22px;
}

.input-hours {
	width: 75px;
}

select {
	border: 1px solid #eee;
	color: #444;
}

select>option {
	padding: 4px 2px;
}

select.form-control {
	height: 28px;
	font-size: 12px !important;
}

.input-md {
	max-width: 172px;
}

.input-num {
	max-width: 120px;
}

label.input-md {
	width: 172px;
}

input.search {
	border-radius: 15px;
	padding-left: 8px;
}

input.search:focus {
	border-color: var(--bc-active);
}

input.search.lx,
.w-med {
	width: 300px;
}

tr.header input.search {
	min-width: 250px;
}

.no-wrap {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.padding-left-5 {
	padding-left: 5px;
}

.padding-left-16 {
	padding-left: 16px;
}

.padding-top-4 {
	padding-top: 4px;
	height: 100%;
}

.padding-top-8 {
	padding-top: 8px;
	height: 100%;
}

.padding-top-16 {
	padding-top: 16px;
}

.padding-right-3 {
	padding-right: 3px;
}

.padding-right-8 {
	padding-right: 8px;
}

.padding-right-16 {
	padding-right: 16px;
}

.padding-bottom-8 {
	padding-bottom: 8px;
}

.padding-bottom-16 {
	padding-bottom: 16px;
}

.tabbable>.tab-content {
	padding: 12px 15px;
}

.margin-top-8 {
	padding-top: 8px;
	height: 100%;
}

.margin-top-16 {
	padding-top: 16px;
	height: 100%;
}

.hp-input-max-30 {
	max-width: 30px;
}

.hp-input-max-60 {
	max-width: 60px;
}

.hp-input-max-120 {
	max-width: 120px;
}

.hp-input-max-150 {
	max-width: 150px;
}

.hp-input-max-200 {
	max-width: 200px;
}

.maxw-250 {
	max-width: 250px;
}

.hp-col-2 {
	width: 20%;
}

.hour {
	width: 85px;
}

textarea.form-control {
	display: inline-block;
	/* quando existem campos obrigatorios, para que o * fique à direita é necessário o inline*/
	vertical-align: top;
}

.input-group-sm input[type="date"],
.input-group-sm input[type="time"],
.input-group-sm input[type="datetime-local"],
.input-group-sm input[type="month"],
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm {
	line-height: 15px;
}

.form-group-xs {
	margin-bottom: 5px;
}

/* usuado para definir altura de divs*/
.height-35 {
	line-height: 35px;
	height: 35px;
}

.pointer {
	cursor: pointer;
}

.drag {
	cursor: move;
}

.drag-strip {
	cursor: grab;
	display: flex;
}

.drag-strip>span {
	align-self: center;
}

.dragging {
	user-select: none;
}

.open>.dropdown-menu {
	max-height: 500px;
	overflow-y: auto;
}

.dropdown-menu>li>a {
	text-align: left;
	cursor: pointer;
}

/* usado no header (para ser responsive  */
.hidden-xs-hp {
	display: inline;
}

.inline {
	display: inline;
}

.help_tip {
	font-weight: normal;
	color: #444;
}

.clear {
	clear: both;
}

.btn {
	font-weight: normal;
	font-size: 12px;
}

.btn>span {
	font-weight: normal;
}

button.btn>i+span {
	margin-left: 5px;
}

.btn-secondary {
	background-color: #ddd;
}

.btn-circular,
.btn-group-xs>.btn-circular,
.btn-group-circular>.btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	padding: 5.9px;
}

.btn-group>.btn-circular,
.btn-group-circular>.btn {
	width: inherit;
	height: inherit;
}

.btn-circular.dropdown-toggle {
	width: 100%;
}

.btn-circular.btn-xs.dropdown-toggle {
	padding: 2px;
}

.btn.btn-circular,
.btn-group-circular>.btn {
	border-radius: 15px;
}

.btn-default.btn-circular,
.btn-default.btn-circular:hover {
	border: 1px solid var(--br-btn);
}

.btn-group-xs.btn-circular {
	padding: 4px;
}

.btn-group-xs.btn-circular>.btn,
.btn-circular-xs {
	width: 25px;
	height: 25px;
	padding: 3px 0px;
	border-radius: 15px;
	text-align: center;
	line-height: 0;
}

.btn.trash:hover {
	background-color: red;
	color: white;
}

.btn-transparent:hover {
	background-color: buttonface;
}

.btn-transparent:not(:hover):not(:focus) {
	background-color: transparent;
}

.btn-transparent-primary {
	background-color: transparent;
	color: var(--fc-active);
	font-weight: bold;
}

.btn-transparent-primary:hover,
.btn-transparent-primary:focus {
	background-color: var(--bc-active);
	color: #fff;
}

.circular {
	border-radius: 20px;
}

.danger {
	color: rgb(217, 83, 79) !important;
}

.danger:hover {
	color: #ee0000 !important;
}

em.warning {
	color: #cac269 !important;
}

em.warning:hover {
	color: #d4ca61 !important;
}

.blue {
	color: var(--bc-active);
}

.lightgray {
	color: #cccccc;
}

.gray {
	color: #777777;
}

.darkgray {
	color: #555555;
}

.green {
	color: forestgreen !important;
}

.red {
	color: #f4514e !important;
}

.yellow {
	color: #FFCC66;
}

.back-red {
	background-color: #FFA09E;
}

.back-lightgreen {
	background-color: #6ADB6A;
}

.badge.green,
.badge.concluded {
	background-color: forestgreen !important;
	color: #fff !important;
}

.badge.red {
	background-color: #f4514e !important;
}

.badge.yellow {
	background-color: #FFCC66;
	color: #333 !important;
}

.even,
.even_2 {
	background-color: #fafcfe;
}

.odd,
.odd_2 {
	background-color: #f2f4f6;
}

.even td,
.odd td {
	border-bottom: solid 0px #CCC;
}

.even_line_error {
	background: #fcc !important;
}

.odd_line_error {
	background: #f66 !important;
}

.even_line_error td,
.odd_line_error td {
	border-bottom: solid 1px #C00;
}

.proposed:not(.rselect),
.rselect.proposed .rselect__control {
	background: rgb(236 238 225) !important;
}

.legend {
	display: inline-block;
	width: 12px;
	height: 12px;
	padding: 0 10px;
	font-size: 11px
}

.legend-i {
	display: flex;
	padding: 5px 5px;
	margin: 5px 0;
	justify-content: space-evenly;
	border: 1px dotted #ddd;
}

.legend-i .symbol {
	padding: 0 10px;
}

.legend-i .label,
.legend-label {
	color: #777;
	font-size: 12px;
	font-weight: 100;
}

.r_faltas {
	background-color: #b72c22e0;
	color: #fff;
}

.pre_inscr {
	background-color: #8c862eea;
}

.table.alternate>tbody>tr.quit {
	background-color: #cee4e8;
}

.quit {
	background-color: #358c9b;
}

.status_N {
	background-color: #ac536b;
}

.in_validation,
.table.alternate tr.in_validation {
	background-color: #7c6d41eb;
}

.s_desd {
	color: #ffffff;
	background-color: #a3a3a3 !important;
}


.update {
	color: #000 !important;
	background-color: #aaaaaa !important;
}

.update_contact {
	color: #000 !important;
	background-color: #cccccc !important;
}

.contact {
	color: #000 !important;
	background-color: #FFF !important;
}

sup.msg {
	font-size: 10px;
	color: rgb(255, 81, 102);
}

.occupied_classrooms {
	background-color: red !important;
	color: white !important;
}

table.borderless td {
	border-top: none !important;
}

.colorpicker {
	z-index: 1050 !important;
}

.hidden-element {
	display: none !important;
}

.widget-box.borderless,
ul.borderless>li {
	border: none;
}

.widget-box>.btn-group {
	padding: 5px;
}

.ui-negotiation-uncomplete-module {
	color: #c00 !important;
}

.italic {
	font-style: italic;
}

/* OLDER STUFF THAT REMAINS */
/* regular_table_grid */
.regular_table_grid tbody td {
	vertical-align: middle;
	padding: 5px;
	line-height: 24px;
	text-align: left;
}

.regular_table tbody td .ui-button,
.regular_table_2 tr td {
	padding-bottom: 4px;
}

.regular_table_2 tbody td .ui-button,
.regular_table_grid tbody td .ui-button {
	margin-top: 3px !important;
	margin-bottom: 3px !important;
}

.regular_table tbody td.label,
.regular_table_2 tbody td.label,
.regular_table_grid tbody td.label {
	font-size: 12px;
}

.regular_table,
.regular_table_grid {
	border: solid 1px var(--br-frm);
	border-radius: var(--gradius);
	border-collapse: separate;
}

.regular_table thead th,
.regular_table_2 thead th,
.regular_table_grid thead th {
	font-weight: bold;
	color: #000;
	/* background: #f5f5f5; */
	vertical-align: middle;
	text-align: left;
	font-size: 11px;
	padding: 5px;
	height: 22px;
}

.table thead>tr>th.center {
	text-align: center;
}

.regular_table thead th img,
.regular_table_2 thead th img,
.regular_table_grid thead th img {
	vertical-align: middle
}

.regular_table tfoot th,
.regular_table_2 tfoot th,
.regular_table_grid tfoot th {
	padding: 3px 5px;
}

.regular_table_grid td.tdMiniHeader {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background-color: #84BAD7
}

.regular_table thead th input[type=text],
.regular_table_grid thead th input[type=text],
.regular_table_grid_2 thead th input[type=text] {
	padding: 2px;
}

.regular_table thead th select,
.regular_table_grid thead th select,
.regular_table_grid_2 thead th select {
	padding: 2px;
}

.regular_table .row,
.regular_table_grid .row,
.regular_table_grid_2 .row {
	cursor: pointer;
	height: 22px;
	white-space: nowrap;
}

.regular_table .row:hover,
.regular_table_grid .row:hover,
.regular_table_grid_2 .row:hover,
.table tr.selectable:hover {
	background-color: #8daebe;
	color: #fff;
}

.regular_table_grid_div_scroll {
	border-top: none;
	max-height: 450px;
	overflow-x: auto;
	overflow-y: auto;
}

.regular_table_grid_no_border {
	border: none;
}

.regular_table_grid_label {
	vertical-align: top;
	padding-top: 6px;
}

.micro_input {
	width: 30px !important
}

.mini_input {
	width: 50px !important
}

.xtiny_input {
	width: 90px !important
}

.tiny_input {
	width: 100px !important
}

.ltiny_input {
	width: 120px !important
}

.xsmall_input {
	width: 150px !important
}

.xlsmall_input {
	width: 175px !important
}

.small_input {
	width: 200px !important
}

.xmeddium_input {
	width: 250px !important
}

.meddium_input {
	width: 300px !important
}

.lmeddium_input {
	width: 350px !important
}

select.lmeddium_input {
	width: 360px !important
}

.xllarge_input {
	width: 385px !important
}

.large_input {
	width: 400px !important
}

.xlarge_input {
	width: 450px !important
}

.huge_input {
	width: 500px !important
}

.lhuge_input {
	width: 600px !important
}

.meddium_multi {
	width: 300px !important;
	height: 300px !important
}

.meddium_input option {
	width: auto !important
}

.mass_pub_div_acc {
	height: 250px
}

.no-padding,
.table td.no-padding {
	padding: 0;
}

.no-padding-left,
.pl-0 {
	padding-left: 0;
}

.no-padding-right,
.pr-0 {
	padding-right: 0;
}

.no-padding-bottom,
.pb-0 {
	padding-bottom: 0 !important;
}

.no-padding-top,
.pt-0 {
	padding-top: 0 !important;
}

.px-0,
.table td.px-0,
.table th.px-0 {
	padding-left: 0;
	padding-right: 0;
}

.py-0,
.table td.py-0,
.table th.py-0 {
	padding-top: 0;
	padding-bottom: 0;
}

.mt-0 {
	margin-top: 0 !important;
}

.my-0 {
	margin-bottom: 0 !important;
}

.p-1 {
	padding: 5px;
}

.p-2 {
	padding: 10px;
}

.pl-1 {
	padding-left: 5px;
}

.pr-1 {
	padding-right: 5px;
}

.pt-1 {
	padding-top: 5px;
}

.px-s,
.table td.px-s,
.table th.px-s {
	padding-left: 2px;
	padding-right: 2px;
}

.px-1,
.table td.px-1,
.table th.px-1 {
	padding-left: 5px;
	padding-right: 5px;
}

.py-1,
.table td.py-1,
.table th.py-1 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.ml-1 {
	margin-left: 5px !important;
}

.ml-2 {
	margin-left: 10px;
}

.mr-1 {
	margin-right: 5px !important;
}

.mr-1 {
	margin-right: 5px !important;
}

.mr-2 {
	margin-right: 10px !important;
}

.mx-1 {
	margin-left: 5px !important;
	margin-right: 5px !important;
}

.mx-2 {
	margin-left: 10px;
	margin-right: 10px;
}

.mt-1 {
	margin-top: 5px !important;
}

.mb-1 {
	margin-bottom: 5px !important;
}

.mb-2 {
	margin-bottom: 10px !important;
}

.my-1 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.my-2 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.py-2 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.pt-2 {
	padding-top: 10px;
}

.pt-3 {
	padding-top: 15px;
}

.pb-1 {
	padding-bottom: 5px;
}

.pb-2 {
	padding-bottom: 10px;
}

.mt-2 {
	margin-top: 10px !important;
}

.ml-a {
	margin-left: auto;
}

.px-2 {
	padding-left: 10px;
	padding-right: 10px;
}

.pe-2 {
	padding-right: 0.5rem;
}

.no-margin {
	margin: 0;
}

.no-margin-bottom,
.mb-0 {
	margin-bottom: 0;
}

.no-border {
	border: 0;
}

.no-border-top,
.table.no-border-top {
	border-top: none;
}

.no-border-bottom,
.mb-0 {
	border-bottom: none;
}

.border-bottom {
	padding-top: 2px;
	border-bottom: 1px solid #e0e0e0;
}

.border-top {
	border-top: 1px solid #e0e0e0;
}

.center,
.table tbody td.center {
	text-align: center;
}

.middle,
.table tbody td.middle {
	vertical-align: middle;
}

.top,
.table tbody td.top,
.regular_table_grid tbody td.top {
	vertical-align: top;
}

td>button.btn>em.la-trash:hover {
	color: #ff0000;
}

.is-invalid {
	border-width: 2px;
	border-color: #dc3545;
}

/* VALIDAR PERFIL */
.invalid_field {
	background-color: #fcfcd4 !important;
	color: #976D20 !important;
	width: 90% !important;
}

.invalid_field_rev {
	width: 90% !important;
}

.invalid_field.hasDatepicker,
.invalid_field_rev.hasDatepicker {
	width: 100% !important;
}

/* EOF VALIDAR PERFIL */

/* OVERRIDE jqgrid */
.ui-jqgrid .jqgrid-overlay {
	z-index: 7 !important;
}

.ui-jqgrid .loading {
	z-index: 8 !important;
}


/* este estilo deve ser removido no final da migração*/
.header_hr {
	border-top: 3px solid;
	color: red;
}

.file_type_action {
	position: relative;
	overflow: hidden;
	height: 430px;
}

.file_type_action h4 {
	margin-top: 0;
}


.last {
	border-radius: 0 3px 3px 0 !important;
}

.elearning {
	color: #008aff;
}

.mw-100 {
	max-width: 100%;
}

.wide,
.w-100 {
	width: 100%;
}

.narrow {
	width: 80%;
}

form.gquest .ui-widget-content {
	border: none;
	border-bottom: 1px dotted #ccc;
}

form.gquest .panel {
	border: none;
	box-shadow: none;
}

.permission-container {
	max-height: 350px;
	overflow-y: auto;
}

.panel-scroll {
	min-height: 250px;
	max-height: 690px;
	overflow-y: auto;
}

.panel-scroll.no-min-height {
	min-height: 0;
}

.tiny-panel-scroll {
	max-height: 370px;
	overflow-y: auto;
}

.select2-offscreen,
.select2-offscreen:focus {
	left: 30px !important;
	top: 25px !important;
}

.select2-container-multi {
	border-radius: var(--gradius);
}

.select2-container:not(.select2-container-multi) {
	padding: 0;
	box-shadow: none;
	border: 1px solid var(--br-frm);
	border-radius: 4px;
}

.select2-container.select2-container-active:not(.select2-container-multi) {
	border: 1px solid #66afe9;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.select2-container.select2-container-active.select2-dropdown-open {
	border-bottom: 1px solid #fff;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.select2-container.select2-dropdown-open>a {
	box-shadow: none;
}

.select2-container .select2-choice {
	background: #fefefe;
	color: var(--fg-input);
	border: none;
	min-height: 24px;
	line-height: inherit;
	padding: 3px 0 3px 7px;
	margin: 1px;
}

.select2-container.select2-container-disabled .select2-choice {
	border: none;
}

.select2-container.required .select2-choice,
select.required {
	background: url('../img/required.gif') no-repeat;
	background-position: right 15px center;
}

.select2-container.select2-container-multi.required>ul {
	background: url('../img/required.gif') no-repeat;
	background-position: right 5px center;
}

.select2-container.select2-container-multi>ul {
	border: 1px solid var(--br-frm);
	border-radius: 4px;
	background: none;
}

.select2-container .select2-chosen {
	font-size: 12px;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
	border: none;
	box-shadow: none;
	outline: none;
}

.select2-container-active {
	border-color: #66afe9;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.select2-container .select2-choice .select2-arrow {
	top: 1px;
	right: 1px;
	margin-top: -2px;
}

.select2-results>.select2-result:nth-child(odd):not(.select2-highlighted) {
	background-color: #f6f6f6;
}

.select2-container.no-border,
.select2-container-active.no-border {
	border: 1px solid transparent;
}

.rselect__value-container {
	padding: 0px 8px !important;
	min-width: 60px;
}

.rselect.required>.rselect__control>.rselect__value-container {
	background: url(/public/admin/img/required.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.rselect__control {
	min-height: inherit !important;
}

.rselect__control,
.rselect__indicator-separator {
	border-color: var(--br-btn) !important;
}

.rselect__indicator {
	padding: 3px 4px !important;
}

.rselect__placeholder {
	font-weight: 100;
}

.rselect__indicator svg {
	width: 16px;
	height: 16px;
}

.rselect__menu-portal .rselect__option--is-disabled {
	color: #777;
}

.btn-switch>label>span {
	padding-top: 3px;
}

span.required {
	background-image: url('../img/required.gif') !important;
	background-position: top right;
	background-repeat: no-repeat;
	display: inline-block;
	width: 18px;
	height: 18px;
}

form div.control.readonly {
	padding: 7px;
}

.privacy-header {
	padding-bottom: 10px;
}

.privacy-header span {
	padding-right: 20px;
	padding-top: 10px;
	font-size: 14px;
}

.privacy-container {
	padding: 15px;
	background: #fff;
	border-radius: var(--gradius);
}

.privacy-main,
.list-scroll {
	max-height: 600px;
	overflow-y: auto;
}

.privacy-footer {
	padding: 15px;
}

.privacy-divider {
	border-bottom: 1px dotted #ccc;
}

.privacy-container p {
	line-height: 1.8;
}

.privacy-container ul {
	padding: 0 0 0 20px;
}

.privacy-container ul>li {
	line-height: 1.8;
	margin-left: 20px;
}

#policy {
	width: 100%;
}

.subscribe-confirm table.installment td>label {
	font-weight: inherit;
	cursor: pointer;
}

.bold,
.subscribe-confirm table.installment tr.selected {
	font-weight: bold;
}

.subscribe-confirm .total {
	font-weight: bold;
	text-align: right;
	font-size: 14px;
}

table tr[role="button"]:hover,
table tr[role="button"]:focus {
	background-color: #c8d1d7 !important;
	cursor: pointer;
}

table tr.selected {
	background-color: #afbdc7 !important;
	color: white;
}

.table th.left,
.table td.left {
	text-align: left;
}

.table th.right,
.table td.right,
.right {
	text-align: right;
}

table>caption {
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
}

.table>caption {
	padding: 10px 6px 2px;
}

.widget-box>.table>caption {
	padding: 5px;
}

.widget-box.config {
	margin: 6px 0;
	border: 1px solid #eee;
}

.widget-box.config>.widget-title {
	border: none;
}

.widget-box.board {
	margin-top: 0;
	border: none;
}

.widget-box.board .right {
	display: flex;
	justify-content: right;
	align-items: center;
	gap: 4px;
}

.widget-box.board .right a {
	display: flex;
	align-items: center;
}


.subscribe-confirm .notes {
	font-size: 11px;
}

label.simple {
	font-weight: normal;
}


/* IntroJS */
.introjs-dummy {
	display: none;
}

/*
a.introjs-button{
	background: none;
	background-image:none;
	background-color:#fff;
	border: 1px solid #ccc;
	border-radius: .25rem;

}
.introjs-button:hover{
	color: #292b2c;
	background-color: #e6e6e6;
	border-color: #adadad;
}*/

.rbc-agenda-view,
.rbc-month-view {
	min-height: 600px;
}

.calendar.tiny {
	height: 350px;
}

.ui-calendar-only-month .ui-datepicker-calendar {
	display: none;
}

.ui-calendar-only-month .ui-datepicker-header .ui-datepicker-prev,
.ui-calendar-only-month .ui-datepicker-header .ui-datepicker-next {
	top: 5px !important;
	cursor: pointer;
}

.ui-calendar-only-month .ui-datepicker-title select,
.ui-calendar-only-month .ui-datepicker select {
	padding: .3rem !important;
	cursor: pointer;
}

.fc-header {
	position: sticky;
	top: 0;
	z-index: 4;
	background-color: #fafafa;
}

.courseinfo div {
	line-height: 1.8;
}

/* estilos para IE10 => */
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	select.required {
		background-position: right center;
	}
}

/* estilos para Edge */
@supports (-ms-ime-align: auto) {
	select.required {
		background-position: right center;
	}
}

#gotosite>img {
	max-height: 50px;
	padding: 2px;
}

.action-info span {
	color: #000;
}

span.tip {
	color: #777;
	padding: 2px;
}

.tip>.left {
	float: left;
}

.tip>.right {
	float: right;
}

div.tip {
	font-size: 11px;
}

.my-actions tr.past {
	color: #aaa;
}

.my-actions tr.past>td.action-info span {
	color: #bbb;
}

.my-actions .btn-circular>.la {
	font-size: 18px;
}

.my-actions .btn-group>.btn-circular:not(.btn-xs) {
	padding: 8px;
}

.btn-ungroup {
	display: flex;
	align-items: center;
}

.planning ul.trainees>a {
	list-style-type: none;
	padding: 2px 5px;
	border: none;
}

#app a:not([disabled]) {
	cursor: pointer;
}

#app .pagination>li.disabled>a {
	cursor: not-allowed;
}



tr.trainy_line>td>img {
	max-height: 32px;
	max-width: 32px;
}

.class_slide {
	cursor: pointer;
}


/* >>> easypay */
.pc-tab {
	height: 53px;
}

.pc-tab input {
	position: absolute;
	opacity: 0;
	left: 68px;
	top: 61px;
}

.pc-tab ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pc-tab ul.pay_methods>li {
	float: left;
	padding: 5px 25px;
	margin-right: 1px;
	cursor: pointer;
	background: #eeeeee;
	color: #444;
	position: relative;
}

.pc-tab ul.pay_methods>li:hover {
	background: #dddddd;
}

.pc-tab ul.pay_methods>li.active,
.pc-tab ul>li:focus {
	background: #ccc;
}

/*
.pc-tab section {
	clear: both;
}

.pc-tab section div {
	padding: 20px;
	width: 100%;
	border: 1px solid #ddd;
	background: #fff;
	line-height: 1.5em;
	letter-spacing: 0.3px;
	color: #444;
}

.pc-tab section div h4 {
	margin: 0;
	letter-spacing: 1px;
	color: #34495e;
}

.pc-tab section div .field {
	padding-top: 5px;
	display: inline-block;
	border: none;
	padding-left: 0px;
	padding-bottom: 0px;
}

.pc-tab section div .field .input-label{
	padding-top: 5px;
}

.pc-tab section div span, .pc-tab section div input {
	display: inline-flex;
	text-align: end;
	float: right;
}

.pc-tab section div .cc-expiration{
	width: 13%;
}

#tab1:checked ~ nav .tab1 label, #tab2:checked ~ nav .tab2 label, #tab3:checked ~ nav .tab3 label {
	background: white;
	color: #111;
	position: relative;
}

#tab1:checked ~ nav .tab1 label:after, #tab2:checked ~ nav .tab2 label:after, #tab3:checked ~ nav .tab3 label:after {
	content: "";
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #ffffff;
	left: 0;
	bottom: -1px;
}
*/
/* <<< easypay */

.hide {
	display: none;
}

.justify-content-between {
	justify-content: space-between;
}

.planning .list-group-item>.badge {
	float: none;
}

.list-group-item>.badge,
.badge-tiny {
	font-size: 10px;
}

.badge:hover {
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}

.badge-error {
	background-color: #b94a48;
}

.badge-error:hover {
	background-color: #953b39;
}

.badge-warning {
	background-color: #f89406;
}

.badge-warning:hover {
	background-color: #c67605;
}

.badge-success {
	background-color: #468847;
}

.badge-success:hover {
	background-color: #356635;
}

.badge-info {
	background-color: #3a87ad;
}

.badge-info:hover {
	background-color: #2d6987;
}

.badge-inverse {
	background-color: #333333;
}

.badge-inverse:hover {
	background-color: #1a1a1a;
}

.text-success {
	color: var(--text-success);
}

.text-info {
	color: var(--text-info);
}

.my-photo {
	text-align: center;
}

@media (min-width: 1060px) {
	.my-photo {
		position: absolute;
		right: 0;
		z-index: 1;
	}
}

@media only screen and (max-width: 600px) {
	.hide_mobile {
		display: none;
	}
}

@media only screen and (max-width: 1024px) {
	.narrow {
		width: 100%;
	}

	.my-courses tr {
		display: flex;
		flex-direction: column;
	}
}

@media only screen and (min-width: 1025px) {
	.my-actions .action-btns {
		width: 40%;
	}
}

.modal-body .table-container {
	min-height: 40px;
	max-height: 510px;
	overflow-y: auto;
}

.modal-body>.table-container {
	min-height: 400px;
}

.table-container {
	position: relative;
	background-color: #fdfdfd;
	border-radius: var(--gradius);
}

.table-container>.table>thead>tr.header>th {
	border-bottom: none;
	background-color: transparent;
}

.table-container>.overlay {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	background-color: #b3b3b3;
	color: black;
	text-align: center;
}

.table-container>.header {
	padding: 5px;
	border-bottom: 1px solid #eee;
}

.table-container>.header div.search {
	display: flex;
	align-items: center;
}

.table-container>.header input.search {
	width: 250px;
}

table>tfoot>tr.footer .right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-weight: normal;
}

._upded {
	background-color: khaki !important;
}

._added {
	background-color: #d5f3d5 !important;
}

._deled {
	background-color: red !important;
}

.table.contract tr.module.in-other-contract {
	background-color: #ede;
}


/*style para a tabela horizontal no ecrã das avaliações dos coordenadores*/
/*
.headcol, .headcol1 {
	position: sticky;
	left: 0;
	text-align: left!important;
}
.headcol1, .headcol2 {
	background-color: #ddd;
}
*/

.table.sticky>thead th.sticky-l {
	left: 0;
	z-index: 3;
}

.ht-separator {
	border-right: 1px solid #e5e5e5;
}

.headcol {
	cursor: pointer;
}

.horizontal-table>table>thead th,
.horizontal-table>table>tbody td {
	text-align: center;
}

.horizontal-table>table>thead th {
	width: 25vw;
}

.horizontal-table>table>tbody th {
	position: sticky;
	left: 0;
}

.horizontal-table>table>thead th.details {
	top: 0px !important;
}

/*.horizontal-table thead tr .headcol { text-align: center!important; }*/
.horizontal-table em {
	cursor: pointer;
}

.horizontal-table tbody .headcol em {
	padding-right: 20px;
}

.horizontal-table tbody .headcol {
	background-color: #eee;
	border-bottom: 1px solid #ddd;
	display: flex;
}

.horizontal-table table {
	margin-bottom: 1px !important;
}

.horizontal-table {
	overflow: auto;
	max-height: 75vh;
	max-width: calc(99vw - 265px);
}

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

.horizontal-table img {
	max-height: 40px;
	max-width: 40px;
	cursor: pointer;
}

.left {
	text-align: left;
}

.item-center {
	align-items: center;
}

/*.final_class { background-color: #a6bac9!important;  color: white;}*/
.tabletdbgd {
	background-color: #f5f5f5 !important;
	color: #f5f5f5;
}

.ht-zoom {
	min-width: 20px;
	margin-right: 20px;
}

.ht-zoom:hover {
	position: relative;
	transform: scale(3.5);
	display: block;
	z-index: 999;
	top: 30px;
}

.ass-pos {
	color: #c79e07;
}

.ass-neg {
	color: #ff0000;
}

table.roles tr.expanded>td.content>.table-container {
	color: var(--bc-active);
}

#mb-table th:first-child {
	border: none !important;
}

#mb-table td:first-child {
	border: none !important;
}

#mb-table td {
	border: 1px solid #ddd !important;
}


.d-flex {
	display: flex;
	align-items: center;
}

.flex-wrap {
	flex-wrap: wrap;
}

.d-inline-block {
	display: inline-block;
}

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

.chat-editor {
	background-color: rgba(200, 200, 200, 0.3);
	margin: 0 10px;
	border-radius: 20px;
}

.chat-editor>.label {
	padding-left: 12px;
	color: #555;
}

.chat-editor>.textarea {
	display: block;
	border: none;
	box-shadow: none;
	padding: 10px;
	overflow: hidden;
	max-height: 90px;
	min-height: 40px;
	flex: 1 1 0%;
}

.chat-editor>.btn {
	margin-right: 5px;
}

.chat a:focus {
	text-decoration: none;
}

.chat .card {
	padding: 0;
}

.chat .card-header {
	padding: 10px;
	background: rgba(200, 200, 200, 0.3);
}

.chat .card.msg {
	background-color: white;
	min-height: 600px;
}

.chat .contacts {
	padding: 0;
}

.chat ul.contacts>li.active {
	background-color: #cfdbe475;
}

.chat .card-footer {
	padding-bottom: 5px;
}

.chat div.search {
	margin: 10px;
}

.chat input.search {
	width: 100%;
	border: none;
}

.chat ul.contacts>li {
	list-style: none;
}

.chat .user {
	color: #201f2b;
}

.chat .contacts .user {
	padding: 10px;
}

.chat .contacts .user:hover {
	background-color: #e6e6e6;
}

.chat .user.group,
.font-weight-bold {
	font-weight: bold !important;
}

.chat .avatar>em,
.chat .avatar>img,
img.avatar {
	width: 32px;
	height: 32px;
	border-radius: 16px;
	background: #eee;
	font-size: 24px;
	text-align: center;
	margin-right: 4px;
}

.chat .avatar>em {
	padding-top: 3px;
}

.chat .user>.user-info {
	padding-left: 4px;
}

.chat .user>.user-info>.name {
	color: #607d8b;
}

.chat .user>.user-info>.role {
	color: gray;
	font-size: 10px;
}

.chat .user>.r {
	margin-left: auto;
	display: flex;
	align-items: center;
}

.chat-list {
	display: flex;
	flex-direction: column;
}

.chat-list li {
	margin-bottom: 2px;
}

.chat-list .avatar {
	float: left;
}

.chat-list .chat-body {
	margin-left: 10px;
	float: left;
	max-width: 75%;
}

.chat-list .chat-message {
	border-radius: 4px 12px;
	display: inline-block;
	padding: 8px 20px;
	position: relative;
	background-color: rgb(211, 222, 231);
}

.chat-list .chat-body>h5 {
	font-size: 11px;
	color: #888;
	margin: 0;
}

.chat-list>.out .avatar {
	float: right;
}

.chat-list .out .chat-body {
	float: right;
	margin-right: 10px;
	text-align: right;
}

.chat-list>.out .chat-message {
	border-radius: 12px 4px;
	text-align: left;
	background-color: #eee;
}

.chat-list .chat-body>img {
	display: block;
	max-height: 200px;
	max-width: 100%;
	width: auto;
	cursor: zoom-in;
}

.chat-list>.comment.out>.chat-body>img {
	margin-left: auto;
}

.chat-list>.comment>.chat-body em.download {
	font-size: 48px;
}

.chat-list>.out .chat-message>.la {
	float: right;
}

.chat-list>.comment.in>em {
	float: left;
}

.chat-list>.comment.in>img {
	float: left;
	width: 18px;
	height: auto;
}

.chat-list>li.separator {
	display: flex;
	align-items: center;
	text-align: center;
	color: #888;
	padding: 0 30px 5px 30px
}

.chat-list>li.separator::before,
.chat-list>li.separator::after {
	content: '';
	flex: 1;
	border-bottom: 1px dotted #ddd;
}

.chat-list>li.separator::before {
	margin-right: .25em;
}

.chat-list>li.separator::after {
	margin-left: .25em;
}

.chat-quote {
	background-color: #ccc;
	padding: 5px;
	border-radius: 4px;
	font-style: italic;
	border-left: 5px solid #a94442;
	cursor: pointer;
}

.chat-quote-reply {
	margin: 10px 30px 0;
}

.modal-body .chat .card.msg {
	min-height: 500px;
}

@media (min-width: 768px) {
	.chat .contacts {
		height: 600px;
		overflow-y: auto;
	}

	.chat .card-body {
		height: 600px;
		overflow-y: auto;
	}

	.modal-body .chat .card-body {
		height: 500px;
	}
}

.typing-loader {
	width: 6px;
	height: 6px;
	border-radius: 3px;
	margin: 0px 20px 5px;
	-webkit-animation: line 1s linear infinite alternate;
	-moz-animation: line 1s linear infinite alternate;
	animation: line 1s linear infinite alternate;
}

@-webkit-keyframes line {
	0% {

		background-color: rgba(0, 0, 0, 1);
		box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2),
			24px 0px 0px 0px rgba(0, 0, 0, 0.2);

	}

	25% {
		background-color: rgba(0, 0, 0, 0.4);
		box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 2),
			24px 0px 0px 0px rgba(0, 0, 0, 0.2);

	}

	75% {
		background-color: rgba(0, 0, 0, 0.4);
		box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2),
			24px 0px 0px 0px rgba(0, 0, 0, 2);

	}
}

@-moz-keyframes line {
	0% {

		background-color: rgba(0, 0, 0, 1);
		box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2),
			24px 0px 0px 0px rgba(0, 0, 0, 0.2);
	}

	25% {
		background-color: rgba(0, 0, 0, 0.4);
		box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 2),
			24px 0px 0px 0px rgba(0, 0, 0, 0.2);

	}

	75% {
		background-color: rgba(0, 0, 0, 0.4);
		box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2),
			24px 0px 0px 0px rgba(0, 0, 0, 2);
	}
}

@keyframes line {
	0% {
		background-color: rgba(0, 0, 0, 1);
		box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2),
			24px 0px 0px 0px rgba(0, 0, 0, 0.2);
	}

	25% {
		background-color: rgba(0, 0, 0, 0.4);
		box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 2),
			24px 0px 0px 0px rgba(0, 0, 0, 0.2);
	}

	75% {
		background-color: rgba(0, 0, 0, 0.4);
		box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2),
			24px 0px 0px 0px rgba(0, 0, 0, 2);
	}
}


@media (min-width: 992px) {
	.row.course>.col-xs-12:has(.img-container) {
		height: 100%;
		/* min-height: 375px; */
	}
}

.row.course hr {
	margin-top: 5px;
	margin-bottom: 0;
}


div.list-course-actions {
	padding: 10px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.my-actions .course {
	padding: 10px;
	display: flex;
	flex-direction: column;
}

.my-actions .course .card {
	flex-grow: 1;
	border-radius: var(--gradius);
	background-color: #fff;
	padding: 0;
}

.my-actions .course .card>.card-title {
	padding: 10px;
}

.my-actions .course .card>.card-body {
	padding: 10px;
}

.my-actions .course .text {
	font-weight: bold;
	opacity: 0.85;
	width: 100%;

	display: -webkit-box;
	line-clamp: 3;
	/* Limit to 3 lines */
	-webkit-line-clamp: 3;
	/* Limit to 3 lines */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.img-container {
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
	min-height: 200px;
	max-height: 600px;
}

.img-container>img {
	width: 100%;
	height: 100%;
	min-height: 250px;
	object-fit: cover;
	/* Ensures the image fits the container */
}

.borderless,
.btn.borderless,
.btn-default.borderless:first-child,
.btn-default.borderless:first-child:hover,
.btn-default.borderless:last-child,
.btn-default.borderless:last-child:hover {
	border: none;
}

.doc-upload img {
	max-width: 650px;
	max-height: 650px;
}

input[type=file] {
	display: inline-block;
}

.file {
	overflow: auto;
}

.chat .file {
	border: 1px dashed #92b0b3;
	margin: 1px 0;
}

/* file upload */
.chat .file>input,
.file-container>.file>input {
	width: 0.1px;
	height: 0.1px;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.chat .file>label,
.file-container>.file>label {
	-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
	transition: outline-offset .15s ease-in-out, background-color .15s linear;
	text-align: center;
	margin: 0;
	border: none;
	width: 100%;
	cursor: pointer;
}

.file-container.tiny>.file .btn {
	display: inline-flex;
}

.file-container.tiny>.file>label>img {
	max-width: 100%;
}

.file-container.tiny>.file>label.none>span.file-label {
	display: none;
}

.chat .file>label.none {
	padding: 110px 20px 15px 20px;
	background: url(/public/admin/img/upload.png) no-repeat top center;
	background-size: contain;
}

.chat .file>label>.la {
	font-size: 64px;
}

.chat-editor>.file {
	border: none;
	padding-left: 10px;
}

.chat-editor>.file>label.none {
	padding: 10px 20px 10px 20px;
	background-size: contain;
}

.chat-editor.dragging {
	border: 2px dashed #b4e8f1;
}

.chat .file>input:focus+label,
.chat .file>input+label:hover {
	border-color: #80bdff;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
	background-color: #eee;
}

.chat .file img,
.my-photo img {
	width: auto;
	height: auto;
	max-width: 100%;
	height: 200px;
	display: block;
	border-radius: 25px;
	margin: auto;
}

.chat .file img {
	cursor: pointer;
}

.config-files img,
.my-photo:not(.readonly) img {
	cursor: pointer;
}

.config-files>label,
.my-photo>label {
	position: relative;
}

.my-photo button {
	display: block;
}

.config-files input,
.my-photo input {
	display: none;
}

.config-files>label>button,
.my-photo>label>button {
	position: absolute;
	bottom: 5px;
}

.config-files>label>button.xdel,
.my-photo>label>button.xdel {
	right: 5px;
}

.config-files>label>button.edt,
.my-photo>label>button.edt {
	right: 35px;
}

.config-files img {
	max-width: 110px;
	height: auto;
}

.config-files .filename {
	display: none;
}

.config-files .none {
	border: 1px dashed var(--bc-active);
	max-width: 300px;
	background-color: var(--bg-drag-file);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-radius: 8px;
	cursor: pointer;
	margin-top: 16px;
	color: var(--bc-active);
	font-size: 16px;
	font-weight: bold;
	margin-top: 12px;
	padding: 8px;
}

img.required {
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	right: 0;
}


.lightbox {
	cursor: zoom-out !important;
	opacity: 1 !important;
	z-index: 10000 !important;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background: rgba(80, 80, 80, .7);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	overflow: hidden;
}

.lightbox>img {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: 85% !important;
	max-width: 100% !important;
	box-shadow: 0 0 8px rgb(0 0 0 / 30%);
	box-sizing: border-box;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

.lightbox>span.lightbox-close {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	box-sizing: border-box;
	background: #fff;
	color: #000;
	text-decoration: none;
	position: absolute;
	right: 0;
	cursor: pointer;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	top: 10px !important;
	right: 10px !important;
	transition: opacity .2s;
}

.lightbox>span.lightbox-close:before {
	content: "";
	display: block;
	height: 30px;
	width: 1px;
	background: #777;
	position: absolute;
	left: 25px;
	top: 10px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.lightbox>span.lightbox-close:after {
	content: "";
	display: block;
	height: 30px;
	width: 1px;
	background: #777;
	position: absolute;
	left: 25px;
	top: 10px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.tinycontent {
	max-height: 60px;
	overflow-y: hidden;
}

.adv-filter-container {
	border-radius: var(--gradius);
}

.adv-filter {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 5px;
	max-width: 600px;
}

.adv-filter>div.label,
.adv-filter>div.editor {
	margin-right: 5px;
}

.adv-filter>div.label {
	color: inherit;
	font-size: inherit;
}

.adv-filter>.editor>.rselect {
	min-width: 200px;
}

.calendar .rbc-toolbar {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 5;
	background-color: #fff;
	font-size: inherit;
}

.calendar .rbc-toolbar button {
	font-size: 13px;
	border: none;
}

.rbc-toolbar .rbc-toolbar-label {
	font-size: 13px;
}


.file-container>.file>label.none {
	padding: 12px;
	background: url(/public/admin/img/upload.png) no-repeat center center;
	background-size: contain;
}

/*
td.left > .file > label.none {
	background-position-x: left;
}
*/
.file-container>.file>label {
	border: 1px solid transparent;
	width: auto;
}

.file-container>.file>input:focus+label,
.file-container>.file>input+label:hover {
	border: 1px dotted #ccc;
	background-color: #ddd;
}

div.zoomed {
	min-height: 32px;
}

div.zoomed>img {
	transform: scale(1);
	transition: .2s;
}

div.zoomed>img:hover {
	transform: scale(8);
	position: absolute;
	z-index: 999;
}

.editable_div>.action_pane_question {
	cursor: move;
}

.tox-tinymce {
	border: 1px solid #ddd !important;
	border-radius: var(--gradius) !important;
}

.tab-pane>.tox-tinymce {
	border: none !important;
}


hr.sm {
	margin-top: 5px;
	margin-bottom: 5px;
}

td.money,
th.money {
	width: 120px;
}

.photo {
	width: 130px;
	height: auto;
}

.calendar-full .rbc-month-row,
.calendar .rbc-row-bg {
	overflow: visible;
}

.calendar-full .rbc-calendar,
.calendar .rbc-calendar {
	display: block;
	background-color: #fdfdfd;
	border-radius: var(--gradius);
}

.calendar-full .rbc-row-segment .rbc-event-content,
.calendar .rbc-row-segment .rbc-event-content {
	white-space: break-spaces;
}

.calendar-full.scroll .rbc-month-view,
.calendar-full.scroll .rbc-time-view,
.calendar-full.scroll .rbc-agenda-view {
	max-height: 700px;
	overflow-y: auto;
}

.calendar .rbc-time-view,
.calendar .rbc-time-content>*+*>*,
.calendar .rbc-time-header-content,
.calendar .rbc-header,
.calendar .rbc-header+.rbc-header,
.calendar .rbc-day-bg+.rbc-day-bg,
.calendar .rbc-time-content,
.calendar .rbc-timeslot-group {
	border-color: var(--br-frm);
}

.elfinder-cwd-icon-image,
.elfinder-cwd-icon-vnd-adobe-photoshop,
.elfinder-cwd-icon-postscript {
	background-position: center !important;
}

.flex {
	display: flex;
	gap: 5px;
}

.flex-center,
.dropdown-menu>li>a.flex {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;
}

.flex-center>label {
	margin-bottom: 0;
}

.flex-center.center {
	justify-content: center;
}

.flex-group {
	display: flex;
}

.row.flex {
	display: flex;
	flex-wrap: wrap;
	column-gap: 15px;
}

.row.flex>[class*='col-'] {
	display: flex;
	flex-direction: column;
	float: none;
	padding-left: 0;
	padding-right: 0;
}

.hs-gantt.e-gantt .e-gantt-chart .e-task-label {
	line-height: 22px;
	float: left;
}

.postal-code {
	width: 200px;
}

/* Badge */
.badge {
	display: inline-block;
	padding: 0.35em 0.9em;
	font-size: 0.65em;
	font-weight: 700;
	line-height: 1.5;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
}

.badge.success {
	background-color: #92d050;
}

.badge.bg-danger {
	background-color: #ff0101;
}

.badge.warning {
	background-color: #ffc000;
}

.badge.light-warning {
	background-color: #f39c6c;
}

.badge.light-danger,
.light-danger {
	background-color: #e97131;
}

.ui-enquiry-question h3 {
	font-size: 16px;
}

.recharts-label-list>text.chart-text {
	fill: black;
}

/* File Upload - react component */

:root {
	--text-upload-color: #7A5FEC;
	/* --bg-color: #FBFAFF; */
	--bg-drag-file: #d9ebf9;
	--bg-card-upload: #FFFFFF;
	--bg-bar-progress: #E3E3ED;
	--color-in-progress: #AC96E4;
	--color-finish-progress: #73B172;
	--color-failed-progress: #E36363;
}


.primary-text {
	font-size: 14px;
	font-weight: bold;
	color: #575361;
	line-height: 20.8px;
}

.secondary-text {
	color: #746E82;
	font-size: 12px;
	font-weight: normal;
	line-height: 18.2px;
}

.container-upload {
	padding: 1rem;
	display: flex;
	flex-direction: column;
}

.container-upload .upload-toolbar {
	align-self: end;
	display: flex;
	justify-content: end;
	align-items: center;
}

.container-upload .upload-submit {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	border-radius: 8px;
	background: var(--bc-active);
	border: none;
	padding: 6px 12px;
	align-self: end;
	color: #fff;
	transition: all .5s ease;
}

.container-upload button:hover {
	transform: scale(1.01);
}

.container-upload button[disabled] {
	pointer-events: none;
	opacity: .3;
}


.container-upload .upload-info {
	background-color: transparent;
	color: var(--bc-active);
	border: none;
}


#drop_zone {
	border: 1px dashed var(--bc-active);
	width: 100%;
	height: 160px;
	background-color: var(--bg-drag-file);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-radius: 8px;
	cursor: pointer;
}


#drop_zone .la-cloud-upload {
	color: var(--bc-active);
	font-size: 48px;
}

.upload-drag-title {
	color: var(--bc-active);
	font-size: 16px;
	font-weight: bold;
	margin-top: 12px;
}

.container-list-files {
	display: flex;
	gap: 20px;
	flex-direction: column;
	position: relative;
	margin: 12px 0;
	/* overflow-y: auto;
	max-height: 400px; */
}

.content-card-list-files {
	display: grid;
	align-items: center;
	justify-content: flex-end;
	grid-template-columns: 48px 1fr;
	width: 100%;
	min-height: 72px;
	padding: 8px;
	gap: 12px;
	box-shadow: 0px 2px 6px var(--bg-drag-file);
	border-radius: 8px;
	background: var(--bg-card-upload);
	position: relative;
	animation-name: go-down;
	animation-duration: 300ms;
	transition: all .3s ease;
}

.content-file .file-error {
	color: var(--color-failed-progress);
	margin-top: 8px;
}


.file-title.invalid_file,
.file-size.invalid_file {
	color: var(--color-failed-progress);
}

.file-title.finish_progress {
	color: var(--color-finish-progress);
}

.file-size {
	margin-bottom: 8px;
	font-weight: 500;
	font-size: 12px;
	line-height: 130%;
}

.file-progress {
	width: 100%;
	height: 8px;
	display: grid;
	grid-template-columns: 1fr 32px;
	align-items: start;
	justify-items: center;
	gap: 20px
}

.bar-progress {
	height: 8px;
	width: 100%;
	border-radius: 999px;
	background-color: var(--bg-bar-progress);
	overflow: hidden;
}

.file-progress-bg {
	background-color: var(--color-in-progress);
	height: 100%;
	transition: all ease-in 300ms;
}


.file-progress-bg.in_progress {
	background-color: var(--color-in-progress);
}

.file-progress-bg.finish_progress {
	background-color: var(--color-finish-progress);
}

.file-progress-bg.failed_progress {
	background-color: var(--color-failed-progress);
}

.count-progress {
	font-size: 12px;
	margin-top: -5px;
}

.handle-action-upload {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
}

.thumb-image img {
	width: 50px;
	height: 50px;
	object-fit: cover;
	object-position: center;
	border-radius: 8px;
}

.file-extension {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background-color: var(--bg-bar-progress);
	border-radius: 8px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}

@keyframes go-down {
	from {
		position: absolute;
		margin-top: -60px;
	}

	to {
		position: absolute;
		margin-top: 20px;
	}
}

/* tarefas */
.row.task.flex {
	column-gap: 0;
}

.row.task.flex>div {
	flex-direction: row;
	margin-bottom: 20px;
	padding: 0 10px;
}

.card-course {
	display: block;
	background-color: #EAEAEA;
	border-radius: 16px;
	width: 100%;
	padding: 5px;
}

.card-course:hover,
.card-course:focus {
	background-color: var(--bg-active);
}

.card-course>img {
	height: 146px;
	width: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 8px;
}

.card-course>.card-content {
	border-radius: var(--gradius);
	padding-top: 10px;
}

.card-course>.card-content>div {
	font-size: 15px;
	color: #555;
}

.card-course>.card-content>div:not(:last-child) {
	margin-bottom: 15px;
}

.card-course>.card-content>.typename {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.card-course>.card-content>.course {
	color: #000;
	font-size: 14px;
}

.card-course>.card-content>.module {
	font-family: var(--font-family-base-h1);
	font-size: 16px;
	color: #000;
}

.card-course>.card-content>.desc {
	font-family: var(--font-family-base-h1);
	font-size: 14px;
	color: #000;
}

.card-course>.card-content>.trainer {
	color: #000;
	font-size: 14px;
}

.card-course.bg-danger {
	background-color: #e3b2b1;
}

.card-course.bg-warning {
	background-color: #f5d89c;
}

.card-course .fit {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	/* Change 3 to the number of lines you want */
	line-clamp: 3;
	max-height: 4.5em;
	/* Height should match the number of lines * line-height */
	line-height: 1.5em;
	/* Set the line height */

}

.card-course>.icon {
	text-align: center;
}

.card-course>.icon>svg {
	height: 140px;
	fill: #555;
}

.card-course>.card-content>.typename em.la {
	font-size: 20px;
}

.card-course>.card-content>.typename svg {
	width: 20px;
}

.card-course>.card-content.danger {
	background-color: #ebb6b5;
}

.impersonate {
	margin: 15px;
}

.my-courses td.action-info {
	display: flex;
	gap: 12px;
}

progress {
	height: 25px;
}

.session_name.impersonate {
	color: rgb(240, 145, 145);
	font-weight: bold;
}

img.panswer {
	width: auto;
	max-height: 200px;
	max-width: 100%;
}

.image-preview {
	max-height: 100px;
}

.editing-container {
	border: 1px dashed #555;
}


div.separator {
	display: flex;
	align-items: center;
	text-align: left;
}

div.separator::before,
div.separator::after {
	content: '';
	flex: 1;
	border-bottom: 1px solid #ddd;
}

div.separator:not(:empty)::before {
	margin-right: .25em;
}

div.separator:not(:empty)::after {
	margin-left: .25em;
}

tr.cloned>td {
	background-color: #d4dcdf;
	font-style: italic;
}


div.separator {
	display: flex;
	align-items: center;
	text-align: left;
}

div.separator::before,
div.separator::after {
	content: '';
	flex: 1;
	border-bottom: 1px solid #ddd;
}

div.separator:not(:empty)::before {
	margin-right: .25em;
}

div.separator:not(:empty)::after {
	margin-left: .25em;
}

tr.cloned>td {
	background-color: #d4dcdf;
	font-style: italic;
}

.rbc-agenda-view table.rbc-agenda-table tbody>tr>td {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	vertical-align: text-top !important;
}

.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr {
	border-top: 0 !important;
}

.rbc-agenda-date-cell,
.rbc-agenda-time-cell {
	background-color: white;
	color: black;
	border: 1px solid #ddd;
	text-align: center;
}

.rbc-agenda-event-cell {
	display: block;
	border: 0 !important;
	border-top: 3px solid white !important;
	border-bottom: 3px solid white !important;
}

.fixed-top-right {
	z-index: 1;
	position: fixed;
	opacity: 0.85;
	top: 10px;
	right: 10px;
}

.fixed-top-right>div {
	padding: 5px;
	border-radius: 8px;
}

.fixed-top-right>.success {
	background: rgba(190, 250, 190, .75);
}

.fixed-top-right>.warning {
	background: rgba(223, 219, 162, 0.75);
}

.fixed-top-right>.danger {
	background: rgba(225, 163, 163, 0.75);
}

.ddv-container {
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	/* 2 equal columns */
	margin-left: 50px;
}

.ddv-container>.ddv-column {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.ddv-container>.ddh-row {
	display: flex;
	flex-direction: row;
	gap: 25px;
}

.ddv-column>.cell-wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
}

.ddv-container .cell {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 125px;
	width: 150px;
	min-width: 150px;
}

.ddv-container .cell>.la-times {
	position: absolute;
	top: 2px;
	right: 2px;
}

.ddv-container .source-box {
	border: 2px solid var(--bc-active);
	/* Primary color border for visibility */
	border-radius: var(--gradius);
	background: var(--bg-hover);
}

.ddv-container .source-box.draggable {
	cursor: grab;
}

.ddv-container .target-box {
	border: 2px dashed var(--bc-active);
	border-radius: var(--gradius);
	position: relative;
	transition: all 0.2s;
	background-color: var(--bg-hover);
}

.ddv-container .target-box.selected {
	background-color: #d9edf7;
}

.ddv-container .target-box.drag-over {
	background-color: var(--bg-active);
	transform: scale(1.02);
}

.ddv-container .target-box.success {
	border: 2px solid var(--text-success);
}

.ddv-container .target-box.danger {
	border: 2px solid var(--text-danger);
}

.ddv-container>.ddv-column {
	margin-bottom: 20px;
	flex-wrap: nowrap;
}

.ddv-container>.ddv-column img,
.ddv-container>.ddh-row img {
	max-height: 100px;
	max-width: 100%;
	object-fit: contain;
}

.ddv-separator {
	height: 250px;
}

.test-event>.widget-box>.widget-title {
	align-items: center;
	background-color: #e1e6eb;
}

.draggable-item {
	cursor: grab;
	padding: 10px;
	border-radius: var(--gradius);
}

.draggable-item {
	padding: 12px 16px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	cursor: grab;
	transition: all 0.2s ease;
	user-select: none;

	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* hover */
.draggable-item:hover {
	background: #f9fafb;
	border-color: #d1d5db;
}

/* active (quando clicas) */
.draggable-item:active {
	cursor: grabbing;
	transform: scale(0.98);
}

/* estado durante drag (HTML5 aplica isto automaticamente em alguns browsers) */
.draggable-item[draggable=\"true\"]:active {
	opacity: 0.6;
}

/* classe opcional para item a ser arrastado */
.dragging-item {
	opacity: 0.5;
	transform: scale(1.02);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
	border-color: var(--bc-active);
	background: #eff6ff;
}

/* placeholder visual (onde vai cair) */
.drag-over {
	border: 2px dashed var(--bc-active);
	background: #eff6ff;
}

/* container da lista */
.draggable-list {
	display: flex;
	gap: 8px;
	padding: 12px;
	flex-direction: column;
}

/* container do dual list */
.dual-list-container {
	display: flex;
	align-items: center;
	gap: 20px;
}

.list-container {
	flex: 1;
}

.list-items {
	width: 100%;
	height: 320px;
	border-radius: 14px;
	padding: 12px;
	overflow-y: auto;
	background: #f8fafc;
	border: 1px solid #e2e8f0
}

.list-items:nth-child(1) {
	background: var(--bg);
}

.list-items:nth-child(3) {
	background: var(--bg);
}

.list-item {
	padding: 8px 10px;
	margin-bottom: 6px;
	border-radius: 16px;
	background: white;
	cursor: grab;
	transition: all 0.2s ease;
	border: 1px solid transparent;
	user-select: none;
}

.list-item:hover {
	background: #e0f2fe;
	transform: scale(1.02);
}

.list-item.selected {
	background: #5aa5f7;
	color: white;
	border-color: #5aa5f7;
}

.drag-preview-container {
	position: absolute;
	top: -10000px;
	left: -10000px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.drag-preview-item {
	width: 100%;
	min-width: 330px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
}

.controls {
	display: flex;
	flex-direction: column;
	gap: 10px;
}