:root {
	--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-menus: #ddd;
	--fc-menus-active: #fff;
	--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;
}
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-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: none;
	border-top: 1px solid var(--br-btn);
	border-bottom: 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.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 !important;
}
.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 {
	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;
}

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

input[type=number] {
	text-align: right;
}

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

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

/* Header */
#header {
	/* fixed */
	position: fixed;
	z-index: 9; /* o fullcalendar tem um z-index de 8. */
	top: 0;
	width: 100%;
	box-shadow: 0 1px 1px #201f2b;
	background-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: #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: #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: #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: #4a495a;
}
#sidebar ul.is_sub {padding: 0;}
#sidebar > ul li.active {
	background: #4b4a65;
	position: relative;
}
#sidebar > ul > li > a {
	padding: 10px 0 10px 15px;
	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(--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(--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: #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: #2c2e3e;
}
#menu-navigation > h3:hover {
	background: #414050;
}
#menu-navigation > h3 > a {
	padding: 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--fc-menus);
}
#menu-navigation a > span {
	width: 90%;
}

#menu-navigation > ul {
	padding: 0;
	background: #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: #282a3c;
	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;
}

/* 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;
}

.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 > .active {
	background-color: #fefdfc;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: var(--gradius);
	border-bottom-right-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>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 {
	background-color: #5bc0de !important;
}
.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 th, .regular_table_grid.sticky > thead th {
	background-color: #fff;
	position: sticky;
	top: 0;
	z-index: 2;
}
.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;
}
.table.sticky.alternate > tbody > tr:nth-child(even) th, .regular_table_grid.sticky.alternate > tbody > tr:nth-child(even) th {
	background-color: #f0f0f0;
}
.table > tbody > tr.footer > th, .table > tbody > tr.footer > td {
	background-color: #abb9c4 !important;
	color: #fff;
}

.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-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-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;
}
.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-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; }
.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; }

.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 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	padding: 6px;
}
.btn-group > .btn-circular {
	width: inherit;
	height: inherit;
}
.btn-circular.dropdown-toggle {
	width: 100%;
}
.btn.btn-circular {
	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 {
	background-color: #be1313;
	color: #fff;
	border: 1px solid #be1313;
}
.btn.trash:hover {
	background-color: red;
	border: 1px solid red;
}
.btn-transparent:not(:hover):not(:focus) {
	background-color: transparent;
}
.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, .px-0 { 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 {
	padding-left: 0;
	padding-right: 0;
}
.py-0 {
	padding-top: 0;
	padding-bottom: 0;
}

.mt-0 { margin-top: 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-1 { padding-left: 5px; padding-right: 5px; }
.py-1 { padding-top: 5px; padding-bottom: 5px; }
.ml-1 { margin-left: 5px !important; }
.mr-1 { margin-right: 5px !important; }
.mx-1 { margin-left: 5px !important; margin-right: 5px !important; }
.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; }
.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; }

.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;
}


/* 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;
}

.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;
}
.tiny-panel-scroll {
	max-height: 370px;
	overflow-y: auto;
}

.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 {
	padding: 8px;
}


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

#app a {
	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 {
	display: none;
}

.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: #468847;
}

.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;
}

.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;
}

.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;
}
.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;
}
.my-photo:not(.readonly) img {
	cursor: pointer;
}

.my-photo > label {
	position: relative;
}
.my-photo button {
	display: block;
}
.my-photo input {
	display: none;
}
.my-photo > label > button {
	position: absolute;
	bottom: 5px;
}
.my-photo > label > button.xdel {
	right: 5px;
}
.my-photo > label > button.edt {
	right: 35px;
}

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-center {
	display: flex;
	align-items: center;
	gap: 5px;
}
.flex-center > label {
	margin-bottom: 0;
}

.row.flex {
	display: flex;
	flex-wrap: wrap;
}
.row.flex > [class*='col-'] {
	display: flex;
	flex-direction: column;
}

.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.65em;
    font-size: 0.65em;
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
	/*
    border-radius: 0.25rem;
	min-width: 60px;
	*/
}

.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: 2rem;
	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;
	box-shadow: 0px 4px 16px var(--bg-drag-file);
    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;
	margin-top: 16px;
}


#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-top: 20px;
	/* 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 4px 16px 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 > 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 {
	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;
}

.impersonate {
	margin: 15px;
}

.my-courses td.action-info {
	display: flex;
	gap: 12px;
}