/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 /*Fix Menu LOGIN*/
 /* #tmMainMenu .uk-navbar-nav:nth-of-type(1){ */
	/* position: relative; */
	/* top: -70px; */
	/* left: -100px; */
	/* z-index: 1010;  */
/* } 
.header-default .uk-navbar-nav {
    margin-right: -28px;
}*/
/*ERRO BOX*/
label {cursor:auto;}
.uk-alert p{
	margin-top:0;
}
/*LOGO MAIN*/
.HeaderLft{
	max-width: 411px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 18px;
}
.HeaderLft img{
	width:200px;
}
.HeaderRgt{
	max-width: 411px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-left: 52px;
	padding-top: 9px;
	margin-bottom: -20px;
	letter-spacing: 6px;
	font-size: 14px;
	line-height: 30px;
	font-family: 'Dosis';
	font-weight: 400;
	text-transform: uppercase;
}

/*MENU Mobile*/
.uk-navbar-toggle{
	padding: 0 5px;
}
.uk-title-text{
	display:none;
}
.panel-content .uk-form-row:nth-of-type(1){
	display:none;
}
.uk-panel-title{
	margin-bottom:0;
}
.uk-form{
	margin-top:-20px;
}
.uk-offcanvas-bar{
	background: #34373e;
}
/*Breadcrumbs*/
.uk-breadcrumb > li {
	letter-spacing: 6px;
	font-size: 16px;
	line-height: 30px;
	font-family: 'Dosis';
	font-weight: 400;
	text-transform:uppercase;
}
.uk-breadcrumb > li .icon-location{
	text-transform:none;
}
.mainheading-wrapper h1 {
    font-size: 20px;
    text-transform: uppercase;
}
.heading-wrapper {
    background-color: #e3e3e3;
    border-bottom: 1px solid #ebebeb;
}
.mainheading-wrapper .heading-content{
	max-width:none;
}
.tm-padding-large .uk-container .panel-content {
    padding-top: 20px;
	padding-bottom: 0px;
}
.tm-content h2{
	margin-top: 10px;
	text-transform:uppercase; 
	padding-top: 25px;
 }
.top-a-wrapper {
    background-color: #34373e;
}
@media (max-width: 768px) {

	.mainheading-wrapper .heading-content {
		padding-left: 0;
		padding-right:0;
	}
}

/*LOGIN FORM*/
.login-wrap {
    border-radius: 0;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
	margin-top: 40px;
}
.login-wrap input[type="text"]:focus, .login-wrap input[type="password"]:focus{
	border-color: #FFC905;
}
/*BOTÕES*/
.btn-primary, .btn-secondary, .uk-button-primary, #helpsite-refresh{
	background-color:#FFC905;
	color:#000;
	-webkit-transition: background-color 1s;
    transition: background-color 1s;
	
}
.btn-primary:hover, .btn-secondary:hover, .uk-button-primary:hover, #helpsite-refresh:hover, .uk-button-primary:focus{
	background-color:#E6B400;
	-webkit-transition: background-color 1s;
    transition: background-color 1s;
}
/*LINKS*/
a{
	-webkit-transition: color 1s;
    transition: color 1s;
}
a:hover{
	color:#E6B400;
	-webkit-transition: color 1s;
    transition: color 1s;
}
/*RODAPÉ*/
.bottom-b-wrapper .uk-container .uk-panel-title, .bottom-b-wrapper .uk-container h3{
	display:none;
}
.bottom-b-wrapper{
	background-color: #34373e;
}
.su-divider{
margin:0;
}
.title-footer{
	display:block !important;
	margin-bottom:0 !important;
	
}
.bottom-b-wrapper.tm-padding-medium .uk-container .uk-panel {
    padding-top: 50px;
    padding-bottom: 50px;
}
.bottom-b-wrapper .su-icon i {
    color: #FFC905;
}

/*Página Início*/
.mainbody-wrapper .uk-container-center {
    padding-top: 15px;
    padding-bottom: 25px;
}
/*Profile*/
.utilizador{
	color:#8A6B00;
}
/*Edit Profile*/
.chzn-container-single .chzn-single{
	height:45px;
}
.icon-calendar{
	color:#fff;
}
.profile-edit .btn{
    padding: 5px 20px !important;
}
/*Novo incidente*/
/* .tm-content h2{ */
	/* display:none; */
/* } */
.js-editor-tinymce .toggle-editor .btn{
	background-color:#FFC905;
	color:#000;
	-webkit-transition: background-color 1s;
    transition: background-color 1s;
}
.js-editor-tinymce .toggle-editor .btn:hover{
	background-color:#E6B400;
	-webkit-transition: background-color 1s;
    transition: background-color 1s;
}
.js-editor-tinymce{
	margin-bottom:20px;
}
#new_case_submit{
	border: 0;
	padding: 10px;
	width: 120px;
	border-radius:4px;
	background-color:#FFC905;
	color:#000;
	-webkit-transition: background-color 1s;
    transition: background-color 1s;
}
#new_case_submit:hover{
	background-color:#E6B400;
	-webkit-transition: background-color 1s;
    transition: background-color 1s;
}
/*Datatables*/
.tm-content .button{
	border: 0;
	padding: 10px;
	margin-top:20px;
	width: 140px;
	border-radius:4px;
	background-color:#FFC905;
	color:#000;
	-webkit-transition: background-color 1s;
    transition: background-color 1s;
}
.tm-content .button:hover{
	background-color:#E6B400;
	-webkit-transition: background-color 1s;
    transition: background-color 1s;
}
.table_controls {
    display: block;
    margin-bottom: 20px;
	margin-top: 30px;
}
#select_controls label {
    display: inline-block;
    margin-right: 5px;
}
#status_select{
	margin-right:20px;
}
div.table-title {
    display: block;
    margin: auto;
    padding:5px;
    width: 100%;
}

.table-title h3 {
    color: #fafafa;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
    text-transform:uppercase;
}


/*** Table Styles **/

.table-fill {
    padding-top: 20px;
    padding-bottom: 20px;
    background: white;
    border-radius:3px;
    border-collapse: collapse;
    margin: auto;
    width: 100% !important;
    animation: float 5s infinite;
	border-bottom: 1px solid #C1C3D1;

}

th {
    color:#D5DDE5;
    background:#34373e;
    border-right: 1px solid #34373e;
    padding:15px;
    text-align:left;
    vertical-align:middle;
}
thead tr:first-child{
	border:none;
}
th:first-child {
	border-left: 1px solid #343a45;
}

th:last-child {
    border-right:none;
}

tr {
    border-top: 1px solid #C1C3D1;
    border-bottom: 1px solid #C1C3D1;
	border-left:1px solid #C1C3D1;
	border-right:1px solid #C1C3D1;
    color:#666B85;
	-webkit-transition: border-top-color 1s, border-bottom-color 1s, color 1s;
	transition: border-top-color 1s, border-bottom-color 1s, color 1s;
}
tr:hover{
	-webkit-transition: border-top-color 1s, border-bottom-color 1s, color 1s;
	transition: border-top-color 1s, border-bottom-color 1s, color 1s;
}

tr:hover td {
    color:#000;
    /* border-top: 1px solid #23c6ec; */
    /* border-bottom: 1px solid #23c6ec; */
    cursor: pointer;
	background-color:#FFC905;
	color:#000;
	-webkit-transition: background-color 1s, border-top-color 1s, border-bottom-color 1s, color 0.5s;
	transition: background-color 1s, border-top-color 1s, border-bottom-color 1s, color 0.5s;
}

tr:first-child {
    border-top:none;
}

tr:last-child {
    border-bottom:none;
}

tr:nth-child(odd) td {
    background-color:#EBEBEB;
	border-bottom: 1px solid #ccc;
	-webkit-transition: background-color 1s, border-top-color 1s, border-bottom-color 1s, color 0.5s;
	transition: background-color 1s, border-top-color 1s, border-bottom-color 1s, color 0.5s;
}

tr:nth-child(odd):hover td {
    background-color:#FFC905;
	-webkit-transition: background-color 1s, border-top-color 1s, border-bottom-color 1s, color 0.5s;
	transition: background-color 1s, border-top-color 1s, border-bottom-color 1s, color 0.5s;
}

tr:last-child td:first-child {
    border-bottom-left-radius:3px;
}

tr:last-child td:last-child {
    border-bottom-right-radius:3px;
}

td {
    background:#FFFFFF;
    padding:15px;
    text-align:left;
    vertical-align:middle;
    font-weight:300;
    font-size:14px;
    border-right: 1px solid #C1C3D1;
}

td:last-child {
    border-right: 0px;
}

th.text-left {
    text-align: left;
}

th.text-center {
    text-align: center;
}

th.text-right {
    text-align: right;
}

td.text-left {
    text-align: left;
}

td.text-center {
    text-align: center;
}

td.text-right {
    text-align: right;
}
.dataTables_info{
	margin-top:20px;
	margin-bottom:20px;
}

/*RESPONSIVE DATATABLES*/
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	#case_table table, #case_table thead, #case_table tbody, #case_table th, #case_table td, #case_table tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#case_table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#case_table tr { border: 1px solid #ccc; }
	
	#case_table td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #ccc; 
		position: relative;
		padding-left: 50%;
		vertical-align: middle;
	}
	#case_table td:first-child{
		border-top: 1px solid #ccc; 
	}
	
	#case_table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0;
		left: 0;
		/* padding-top:4%; */
		padding-left:10px;
		width: 38%; 
		height:100%;
		padding-right: 10px; 
		white-space: nowrap;
		background: #34373e;
		color: #D5DDE5;
		vertical-align:middle;
		display: inline-block;
	}
	/*LABELS TICKETS*/
	/*PT*/
	.td-pt:nth-of-type(1):before { content: "Número"; }
	.td-pt:nth-of-type(2):before { content: "Assunto"; }
	.td-pt:nth-of-type(3):before { content: "Estado"; }
	.td-pt:nth-of-type(4):before { content: "Criado por"; }
	.td-pt:nth-of-type(5):before { content: "Criado em"; }
	.td-pt:nth-of-type(6):before { content: "Atualizado em"; }
	/*EN*/
	.td-en:nth-of-type(1):before { content: "Number"; }
	.td-en:nth-of-type(2):before { content: "Subject"; }
	.td-en:nth-of-type(3):before { content: "Status"; }
	.td-en:nth-of-type(4):before { content: "Raised By"; }
	.td-en:nth-of-type(5):before { content: "Created"; }
	.td-en:nth-of-type(6):before { content: "Last Update"; }
	
	/*LABELS Reports*/
	/*PT*/
	.td-pt-reports:nth-of-type(1):before { content: "Relatórios"; }
	.td-pt-reports:nth-of-type(2):before { content: "Contacto"; }
	.td-pt-reports:nth-of-type(3):before { content: "Serviço prestado"; }
	.td-pt-reports:nth-of-type(4):before { content: "Tempo"; }
	.td-pt-reports:nth-of-type(5):before { content: "Avaliação"; }
	.td-pt-reports:nth-of-type(6):before { content: "Contrato"; }
	.td-pt-reports:nth-of-type(7):before { content: "Data"; }
	.td-pt-reports:nth-of-type(8):before { content: "Atualizado em"; }
	
	/*EN*/
	.td-en-reports:nth-of-type(1):before { content: "Report";}
	.td-en-reports:nth-of-type(2):before { content: "Contact";}
	.td-en-reports:nth-of-type(3):before { content: "Service";}
	.td-en-reports:nth-of-type(4):before { content: "Time";}
	.td-en-reports:nth-of-type(5):before { content: "Rating";}
	.td-en-reports:nth-of-type(6):before { content: "Contract";}
	.td-en-reports:nth-of-type(7):before { content: "Date";}
	.td-en-reports:nth-of-type(8):before { content: "Last Update";}
	
	/*LABELS Contracts*/
	/*PT*/
	.td-pt-contracts:nth-of-type(1):before { content: "Contracto"; }
	.td-pt-contracts:nth-of-type(2):before { content: "Estado"; }
	.td-pt-contracts:nth-of-type(3):before { content: "Serviço prestado"; }
	.td-pt-contracts:nth-of-type(4):before { content: "Tempo"; }
	.td-pt-contracts:nth-of-type(5):before { content: "Adjudicação";}
	.td-pt-contracts:nth-of-type(6):before { content: "Data"; }
	.td-pt-contracts:nth-of-type(7):before { content: "Atualizado em";}
	
	/*EN*/
	.td-en-contracts:nth-of-type(1):before { content: "Contract";}
	.td-en-contracts:nth-of-type(2):before { content: "Status";}
	.td-en-contracts:nth-of-type(3):before { content: "Service";}
	.td-en-contracts:nth-of-type(4):before { content: "Time";}
	.td-en-contracts:nth-of-type(5):before { content: "Acepted";}
	.td-en-contracts:nth-of-type(6):before { content: "Date";}
	.td-en-contracts:nth-of-type(7):before { content: "Last Update";}

	
	#case_table .table-fill{border:none;}
	
}
/*Página Report Detalhe*/
#report{
	margin-top:20px;
}
/*Rating*/
.br-theme-bars-reversed .br-widget .br-current-rating{
	color: #8A6B00;
}
.br-theme-bars-reversed .br-widget a.br-active, .br-theme-bars-reversed .br-widget a.br-selected{
	background-color:#FFC905;
}
.br-theme-bars-reversed .br-widget a{
	background-color: #F3E3A8;
}
body{background:#000;}

/* 1. Remove the "NKA Portal" Title injected by Joomla 6 */
h1.page-header {
    display: none !important;
}

/* 2. Fix Login Page Layout (Hide modern Password Toggle) */
.com-users-login__toggle-password {
    display: none !important;
}

/* 3. Force the Language Switcher to align horizontally */
.mod-languages ul {
    display: flex !important;
    list-style: none !important;
    padding: 0 !important;
}
.mod-languages ul li {
    margin-left: 10px !important;
    display: inline-block !important;
}

/* 4. Fix the black background you accidentally added at the end of your CSS */
/* Change body back to white or the original color */
body {
    background: #ffffff !important;
}

h1.page-header { display: none !important; }

.com-users-login__toggle-password { display: none !important; }


/* Logout button in toolbar-r */
.tm-toolbar .mod-login { display: inline-block; vertical-align: middle; margin-left: 10px; }
.tm-toolbar .mod-login button[type="submit"] { background: #FFC905; color: #fff; border: none; border-radius: 4px; padding: 5px 14px; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; }
.tm-toolbar .mod-login button[type="submit"]:hover { background: #E6B400; }
.tm-toolbar .mod-login .login-greeting, .tm-toolbar .mod-login p, .tm-toolbar .mod-login ul { display: none; }


/* ==========================================================================
   #NKA - TRIALARMES BRAND (rebrand do portal NKA -> Trialarmes)
   Carregado depois de styles/blue/css/theme.css, por isso sobrepoe-se ao ciano.

   Amarelo da marca  #FFC905  -> so como FUNDO (13.5:1 com preto)
   Preto da marca    #000000  -> texto sobre amarelo
   Ambar escuro      #8A6B00  -> texto/icones "amarelos" sobre fundo claro
                                 (#FFC905 sobre branco da 1.7:1 e e ilegivel)
   ========================================================================== */
:root {
	--tri-yellow: #FFC905;
	--tri-yellow-hover: #E6B400;
	--tri-ink: #000000;
	--tri-amber-text: #8A6B00;
}

/* --- Links e seleccao --- */
a, .uk-link { color: #8A6B00; }
a:hover, .uk-link:hover { color: #5E4900; }
::-moz-selection { background: #FFC905; color: #000; }
::selection { background: #FFC905; color: #000; }

/* --- Navegacao / navbar (o layout usa navbar-style4) --- */
.navbar-default .uk-navbar-nav > li > a:after,
.navbar-style2 .uk-navbar-nav > li:after, .navbar-style2 .uk-navbar-nav > li > a:after,
.navbar-style2 .uk-navbar-nav > li:before, .navbar-style2 .uk-navbar-nav > li > a:before,
.navbar-style3 .uk-navbar-nav > li > a:after,
.navbar-style4 .uk-navbar-nav > li > a:before, .navbar-style4 .uk-navbar-nav > li > a:after { background: #FFC905; }
.navbar-style5 .uk-navbar-nav > li > a:hover::before,
.navbar-style5 .uk-navbar-nav > li > a:hover::after { color: #8A6B00; }
.uk-navbar-content > a:not([class]) { color: #8A6B00; }
.uk-nav-side ul a, .uk-nav-dropdown ul a, .uk-nav-navbar ul a { color: #8A6B00; }
.uk-nav-side > li.uk-active > a { background: #FFC905; color: #000; }
.uk-nav-dropdown > li > a:hover, .uk-nav-dropdown > li > a:focus { background: #FFC905; color: #000; }
.uk-nav-search > li > a:hover, .uk-nav-search > li.uk-active > a, .uk-nav-search ul a:hover { color: #8A6B00; }

/* --- Subnav / paginacao / tabs / badge --- */
.uk-subnav > * > :hover, .uk-subnav > * > :focus, .uk-subnav > .uk-active > * { color: #8A6B00; }
.uk-subnav-pill > .uk-active > * { background: #FFC905; color: #000; }
.uk-pagination > .uk-active > span { background: #FFC905; color: #000; }
.uk-tab > li > a { color: #8A6B00; }
.uk-badge { background: #FFC905; color: #000; }
.uk-search.uk-loading:after { background-color: #FFC905; }

/* --- Formularios: foco --- */
.uk-form select:focus, .uk-form textarea:focus, .uk-form input:not([type]):focus,
.uk-form input[type="text"]:focus, .uk-form input[type="password"]:focus,
.uk-form input[type="datetime"]:focus, .uk-form input[type="datetime-local"]:focus,
.uk-form input[type="date"]:focus, .uk-form input[type="month"]:focus,
.uk-form input[type="time"]:focus, .uk-form input[type="week"]:focus,
.uk-form input[type="number"]:focus, .uk-form input[type="email"]:focus,
.uk-form input[type="url"]:focus, .uk-form input[type="search"]:focus,
.uk-form input[type="tel"]:focus, .uk-form input[type="color"]:focus,
.login-wrap input[type="text"]:focus, .login-wrap input[type="password"]:focus { border-color: #FFC905; }

/* --- Botoes primarios: fundo amarelo, texto preto --- */
.uk-button-primary,
.btn-primary, .btn-secondary, #helpsite-refresh,
body .readon, body .readon.primary, body .su-button.template-style,
div.k2LoginBlock input.button,
.js-editor-tinymce .toggle-editor .btn,
#new_case_submit,
.tm-content .button {
	background-color: #FFC905 !important;
	color: #000 !important;
	border-color: #FFC905;
}
.uk-button-primary:hover, .uk-button-primary:focus,
.btn-primary:hover, .btn-secondary:hover, #helpsite-refresh:hover,
body .readon:hover, body .readon.primary:hover,
.js-editor-tinymce .toggle-editor .btn:hover,
#new_case_submit:hover,
.tm-content .button:hover {
	background-color: #E6B400 !important;
	color: #000 !important;
	border-color: #E6B400;
}
.uk-button-link { color: #8A6B00; }
body .readon.primary.border { border: 2px solid #FFC905; }

/* Botao "Mostrar senha": e .btn-secondary, mas nao deve competir com o
   "Iniciar sessao". A regra .com-users-login__toggle-password acima ja nao
   apanha nada -- o Joomla 6 usa .input-password-toggle. */
.btn.input-password-toggle,
button.input-password-toggle {
	background-color: transparent !important;
	color: #333 !important;
	border: 1px solid #d6d6d6 !important;
	font-weight: 400 !important;
}
.btn.input-password-toggle:hover,
button.input-password-toggle:hover {
	background-color: #FFF6D6 !important;
	color: #000 !important;
	border-color: #FFC905 !important;
}

/* --- Botao "Terminar sessao" na toolbar --- */
.tm-toolbar .mod-login button[type="submit"] { background: #FFC905; color: #000; }
.tm-toolbar .mod-login button[type="submit"]:hover { background: #E6B400; color: #000; }
.toolbar-wrapper ul li a { color: #8A6B00; }

/* --- Logo / cabecalho --- */
.logo-container .tm-logo-large a h1, .logo-container .tm-logo-small a h1 { color: #8A6B00; }
.header-style4 .logo-container:before { background-color: #FFC905; }
/* Logotipo Trialarmes e 5.76:1 (536x93), muito mais largo que o antigo 2.25:1 */
.HeaderLft img { width: 240px; }

/* --- Tabelas: linha em hover a amarelo com texto preto --- */
tr:hover td,
tr:nth-child(odd):hover td {
	background-color: #FFC905 !important;
	color: #000 !important;
}

/* --- Rodape (bottom-b) a preto com acentos amarelos --- */
.bottom-b-wrapper { background-color: #000 !important; }
.bottom-b-wrapper .uk-panel-title, .bottom-b-wrapper .title-footer { color: #FFC905 !important; }
.bottom-b-wrapper .su-icon i,
.bottom-b-wrapper [class*="uk-icon-"] { color: #FFC905; }
.bottom-b-wrapper a:hover { color: #FFC905 !important; }
.bottom-b-wrapper .table_working_hours tr.opened:hover td { color: #FFC905; }
.footer-wrapper { border-top: 1px solid #FFC905; }

/* --- Acentos diversos --- */
.utilizador { color: #8A6B00; }
.br-theme-bars-reversed .br-widget .br-current-rating { color: #8A6B00; }
.br-theme-bars-reversed .br-widget a.br-active,
.br-theme-bars-reversed .br-widget a.br-selected { background-color: #FFC905; }
.br-theme-bars-reversed .br-widget a { background-color: #F3E3A8; }
.tm-totop-scroller { color: #8A6B00; border-top: 1px solid #FFC905; border-right: 1px solid #FFC905; }
.uk-modal-dialog .uk-modal-close.uk-close-alt { color: #8A6B00; }
body .uk-article .uk-article-title { color: #8A6B00; }
body .uk-article .uk-pagination li a { border: 1px solid #FFC905; color: #8A6B00; }
body .uk-article .uk-pagination li a:hover { background: #FFC905; color: #000; }
body .uk-article .uk-pagination li.uk-active span { border: 1px solid #FFC905; background: #FFC905; color: #000; }
body .finder #search-results > p { background-color: #FFC905; color: #000; }
.global-link-color * { color: #8A6B00 !important; }
.call-to-action.global-link-background, .su-section.global-link-background { background-color: #FFC905 !important; }
.title2 .uk-panel-title span.uk-title-text { border-bottom: 2px solid #FFC905; }
.title3 .uk-panel-title span.uk-title-text { border-bottom: 3px solid #FFC905; }
.title4 .uk-panel-title:after { background: #FFC905; }
.title7 .uk-panel-title span.uk-title-text { border-left: 10px solid #FFC905; }
.box2 { border: 2px solid #FFC905; }
.box3 { border: 3px solid #FFC905; }
.box4 { background: #FFC905; color: #000; }
/* #/NKA - TRIALARMES BRAND */