/* General */
* {
	font-family: "PwC Helvetica Neue" !important;
}

body {
	color: #404041;
	overflow-x: hidden;
}

.tour-step-backdrop{
	background-color: transparent;
}

#error-alert {
	z-index: 10000 !important;
}

.text-muted {
	color: #6d6e71 !important;
}

.modal-content {
	width: 400pt;
}

.dropdown {
	margin-top: 5pt !important;
}

.pwc-maroon-text {
	color: #491B18 !important;
}

.pwc-rose-text {
	color: #D93954 !important;
}

.pwc-orange-bg {
	background-color: #D04A02;
}
.pwc-red-bg {
	background-color: #e0301e;
}
.pwc-rose-bg {
	background-color: #D93954;
}
.pwc-grey-bg {
	background-color: #736B53;
}
.pwc-maroon-bg {
	background-color: #602320;
}
.pwc-burgundy-bg {
	background-color: #A32020;
}
.pwc-lgrey-bg {
	background-color: #F2F2F2;
}
.pwc-mgrey-bg {
	background-color: #CCCCCC;
}
.pwc-black-bg {
	background-color: #404041;
}
.pwc-black {
	color: #404041;
}

.text-content {
    margin: 10pt;
	padding-left: 30%;
}
@media only screen
  and (min-device-width: 360px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2) {
	.text-content {
		padding-left: 25%;
	}
}
/* DataTable row selection */
table {
	border-collapse: collapse !important;
}

tr {
	cursor: default;
	transition: all ease .8s;
}

tr.animationOut{
	transform: translateX(-2000px);
	cursor: progress;
}

tr.selected {
	border: 2px dotted #FFECBD !important;
	background-color: #ffda85 !important;
}

tr.selected > .sorting_1 {
	border: 2px dotted #FFECBD !important;
	background-color: #ffda85 !important;
}

/* Exclui as tabelas do pageElementsManagement/tab-pane do estilo global acima */
#pageElementsManagement tr.selected,
.tab-pane tr.selected {
	border: none !important;
}

.modal-content .modal-body .desc {
	line-height: 30px;
}

.modal-content > form[name='report-bug'] {
	color: red !important;
	padding: 10px !important;
}


.statistics.number {
	font-size: 32pt;
	margin: 0;
	line-height: 1;
}

i.appkiticon.toolkit {
	cursor: pointer !important;
	margin-right: 5pt !important;
}
.description {
	height: 40pt !important;
}
.button {
	margin: 2px;
	margin-top: 0;
}
.statistics-label {
	color: #7d7d7d;
	font-size: 12px;
    line-height: 1;
    margin-bottom: 11px;
}
.statistics-board {
	border-radius: .1875rem;
	border: .0625rem solid hsla(0,0%,59%,.3);
	margin: 3pt;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 8px;
	min-height: 70px;
}

.unselected {
	background-color: #E7E7E8;
}
.unselected > .card-desc {
	color: #282F34;
}
.selected {
	background-color: #B23F02;
}
.selected > .card-desc {
	color: #FFFFFF;
}
.selected > h3 > .card-title {
	color: #FFFFFF;
}
.selected span.float-right > i {
	background-color: #fff;
}
/* Navbar */
nav.navbar {
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
}
.navbar-brand img {
	margin-bottom: 12px;
}
.dropdown-item {
	color: #000 !important;
}
.dropdown-item:hover {
	color: #fff !important;
	background-color: #A32020;
}
/* Cards */
.card-header {
	color: #fff !important;
}
.card {
	color: #FFFFFF;
	border: none;
	border-radius: .125rem;
	height: 90% !important;
	padding-left: 10pt;
	padding-top: 10pt;
	text-align: center;
	font-size: 36pt;
}
.card-body {
	-webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto !important;
    padding: 2pt !important;
}

input.form-control {
	margin-bottom: 5px;
	margin-top: 5px;
}

textarea.form-control {
	height: 85px !important;
}

/* Tooltip */
.tooltip-inner {
color: #fff;
background-color: #404041;
}
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
border-right-color: #404041;
}
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
border-top-color: #404041;
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
border-bottom-color: #404041;
}
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
border-left-color: #404041;
}


.nav-template.template-theme-two .content{
	background-color: #f2f2f2;
	min-height: 150vh;
	width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 17px;
    box-sizing: content-box;
}
.content {
	font-size: 0.9rem !important;
	height: auto !important;
}

/* Engine settings icon under side bar */
.user-config {
	padding-bottom: 40pt !important;
}

/* Modal */
.modal-content {
	width: 580px !important;
	/*min-height: 380px !important;*/
}

/* Alert */
.alert-pwc {
	color: #fff;
	font-weight: bold;
	border: none;
}
/* Buttons */
.btn--primary, .btn--primary:focus .btn--primary:hover, .btn--primary:active, .btn--primary:visited {
  border-radius: 0;
  border: 1px solid transparent;
  color: #fff !important;
}
.btn--transparent, .btn--transparent:link, .btn--transparent:visited,
body .text-component .btn.btn--transparent, body .text-component .btn.btn--transparent:link, body .text-component .btn.btn--transparent:visited {
  background: transparent;
  border: 1px solid #6d6e71;
  color: #404041;
}
.btn--transparent:hover, .btn--transparent:focus,
body .text-component .btn.btn--transparent:hover, body .text-component .btn.btn--transparent:focus {
  background: #6d6e71;
  border: 1px solid #6d6e71;
  color: #fff;
}
.btn--transparent:active,
body .text-component .btn.btn--transparent:active {
  background: #404041;
  border-color: #404041;
  color: #fff;
}
/* Large text link */
.lg-text-link, .lg-text-link:link, .lg-text-link:visited, .lg-text-link:focus .lg-text-link:hover {
  border-bottom: 1px solid #ccc;
  color: #404041;
  cursor: pointer;
  display: inline;
  font-family: georgia, serif;
  font-size: 1.286rem;
  /* 18px on desktop and 15.4px on mobile */
  margin-top: 0;
  padding-bottom: 2px;
  text-decoration: none;
  -ms-transition: all 200ms ease-in-out;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }
  @media (min-width: 768px) {
    .lg-text-link, .lg-text-link:link, .lg-text-link:visited, .lg-text-link:focus .lg-text-link:hover {
      padding-bottom: 4px; } }

.lg-text-link:hover, .lg-text-link:focus {
  border-bottom: 2px solid #e0301e;
  color: #404041;
  padding-bottom: 1px;
  text-decoration: none; }
  .page-primary-col--orange .lg-text-link:hover, .page-primary-col--orange .lg-text-link:focus {
    border-bottom: 2px solid #d04a02; }
  .page-primary-col--red .lg-text-link:hover, .page-primary-col--red .lg-text-link:focus {
    border-bottom: 2px solid #e0301e; }
  .page-primary-col--burgundy .lg-text-link:hover, .page-primary-col--burgundy .lg-text-link:focus {
    border-bottom: 2px solid #a32020; }
  .page-primary-col--maroon .lg-text-link:hover, .page-primary-col--maroon .lg-text-link:focus {
    border-bottom: 2px solid #602320; }
  .page-primary-col--rose .lg-text-link:hover, .page-primary-col--rose .lg-text-link:focus {
    border-bottom: 2px solid #d93954; }
  @media (min-width: 768px) {
    .lg-text-link:hover, .lg-text-link:focus {
      padding-bottom: 3px; } }
/* Table */
.pwc-table {
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
}
.pwc-table td:last-child {
	white-space: normal;
}
.pwc-table-buttons {
	background-color: #A32020;
	color: white;
}
.pwc-table-buttons:hover, .pwc-table-buttons:focus, .pwc-table-buttons.active{
	background-color: #e0301e;
	color: white;
}

/* Components */
span.section-title {
	font-size: 1rem;
	border-bottom: 3px solid #404041;
}
span.section-title-orange {
	border-bottom-color: #D04A02;
}
a, a:hover {
	color: #D04A02;
}

span.badge a {
	color: #fff;
}

.feed .feed-content.interaction .customer{
	padding-left: .4rem;
}

.nav-template {
    height: inherit;
    min-height: 100vh;
    min-width: 100vw!important;
}

/* Footer */
.footer-row {
	/*margin-top: 20pt !important;*/
}
#terms-of-use-modal-content{
    
    color: #000000 !important;
    height: 1100pt !important;
}

.navigation .top-bar .topbar-padding-mini{
	padding-right: 1.625rem;
}

/*Bootstrap-tour*/
.tour-tour .fade .in{
    opacity: 1 !important;
}

.tour-tour.fade.in{
    opacity: 1 !important;
}

@media only screen and (min-width: 768px){
	.button.button-floating.addCard {
		 top: 7rem;
	}
}


.popover.tour {
	min-height: 150px !important;
	min-width: 150px !important;
	max-width: 350px !important;
    max-width: min-content !important;
}

#loading-modal {
	background-color: #000000;
	opacity: .3;
}

/* Garante que .hide sempre oculta o loading-modal, mesmo com especificidade de ID */
#loading-modal.hide {
	display: none !important;
}

/*Application Credentials*/

#application-credentials-form{
	margin: 5px !important;
}

#application-credentials-modal .modal-content {
	height: auto !important;
	min-height: 250px !important;
}
	
#application-credentials-form input {
	margin: 4px;
	width: 22%;
	display: inline-block;
}
	
#application-credentials-form button {
	margin: 4px;
	width: 13%;
	display: inline-block;
}

#appcred-message {
	color: red;
	margin: 5px;
}


/*Teststep table*/
#teststep-table tbody tr td div.number-input{
	width: 5.0rem !important;
	height: 2rem !important;
	vertical-align: middle !important;
	position: relative !important;
	margin: 0px auto !important;
}

#teststep-table tbody tr td div.status-success{
	width: 5.0rem !important;
}

	
/*Keyword icons (Teststep modal)*/
#teststep-modal .modal-content.keyword-position {
    min-width: 719px !important;
}	

.keyword-position .col-2 {
    max-width: 96px !important;
}	

/*Settings icons*/
.card.card-profile .profile-thumb{
	border-color: #999999 !important;
}

/*Test case modals*/
#test-cases div.modal div.modal-dialog div.modal-content{
	height: auto !important;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px white; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgb(0, 0, 0, .05); 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgb(0, 0, 0, .3); 
}

.page-element-title {
	padding: 5px;
	border-bottom: 1px solid #eee;
	float: none;
	padding: 5px;
	margin: 5px 10px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 3px;
	max-width: 226px!important;
}

.page-element-title.active{
	background: rgba(208, 74, 2, 0.15);
}

ul.list{
	border-color: transparent;
	border-right-color: #eee;
	width: 244px!important;
}

ul.list > li {
	max-width: 226px!important;
}

.card .card-desc {
	height: auto;
	text-align: center;
	padding: 0;
    min-height: 1em;
	overflow-wrap: break-word;
}

.card .card-title {
	height: auto;
	line-height: 1;
	margin-top: 10px;
	overflow-wrap: break-word;
}

.card.card-two {
	padding: 0 1.1875rem 1.4375rem;
}

.test-suite-card .testsuite-toggle-button,
.test-suite-card .test-suite-toolkit {
    top: 1rem;
}

.report-fail-test-table {
    left: 22px;
    width: 92%;
    font-size: 11px;
    border-bottom: 2px solid #ff4b00;
    position: absolute;
    top: 29px;
    font-weight: 400;
}

.report-fail-column{
    padding: 0 0 10px 0;
}
.report-fail-column-bold{
	font-weight: 700;
}

.button.button-icon.button-disabled.button-secondary:hover .appkiticon {
    background-color: #d04a02;
}

.appkiticon.icon-size-16 {
    min-height: 1rem;
    min-width: 1rem;
}

.modal-dialog .modal-content .modal-footer {
    padding: 1.25rem 1.4375rem;
}
/* ============================================================
   Bootstrap 4 Compatibility Shims
   Aliases para classes removidas / renomeadas no Bootstrap 4
   ============================================================ */

/* BS3 panel → BS4 card (aliases para retrocompatibilidade) */
.panel                { @extend .card; }
.panel-heading        { border-bottom: 1px solid rgba(0,0,0,.125); padding: .75rem 1.25rem; }
.panel-body           { padding: 1.25rem; }
.panel-footer         { padding: .75rem 1.25rem; background-color: rgba(0,0,0,.03); border-top: 1px solid rgba(0,0,0,.125); }
.panel-default        { border-color: rgba(0,0,0,.125); }
.panel-title          { margin-bottom: 0; font-size: 1rem; }
.panel-group .panel   { margin-bottom: 0; border-radius: .25rem; }

/* BS3 well → BS4 card (compatibilidade) */
.well {
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

/* BS3 label → BS4 badge (aliases) */
.label { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; }
.label-default  { background-color: #6c757d; color: #fff; }
.label-primary  { background-color: #007bff; color: #fff; }
.label-success  { background-color: #28a745; color: #fff; }
.label-info     { background-color: #17a2b8; color: #fff; }
.label-warning  { background-color: #ffc107; color: #212529; }
.label-danger   { background-color: #dc3545; color: #fff; }

/* BS3 pull-left / pull-right → BS4 float-left / float-right */
.pull-left  { float: left !important; }
.pull-right { float: right !important; }

/* BS3 input-sm → BS4 form-control-sm (usado pelo daterangepicker) */
.input-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

/* BS3 input-group-addon → BS4 input-group-text (usado pelo daterangepicker) */
.input-group-addon {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

/* BS3 table-condensed → BS4 table-sm (usado pelo daterangepicker) */
.table-condensed th,
.table-condensed td {
    padding: .3rem;
}


/* BS3 hidden/visible utilitários → BS4 display utilities */
.hidden-xs, .hidden-sm, .hidden-md, .hidden-lg { display: none !important; }

/* BS3 btn-default → BS4 btn-secondary (alias) */
.btn-default {
    color: #343a40;
    background-color: #e9ecef;
    border-color: #ced4da;
}
.btn-default:hover {
    color: #343a40;
    background-color: #d3d9df;
    border-color: #b5bfc8;
}

/* BS3 thumbnail → BS4 card */
.thumbnail {
    display: block;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* BS3 img-responsive → BS4 img-fluid */
.img-responsive { max-width: 100%; height: auto; }

/* BS3 center-block → BS4 mx-auto */
.center-block { display: block; margin-left: auto; margin-right: auto; }

/* Bootstrap 4 show/hide modal: fade.in → fade.show */
/* Bootstrap 4 define .fade:not(.show){opacity:0} (especificidade 0,2,0).
   .modal.fade.in tem especificidade 0,3,0 e supera essa regra. */
.modal.fade.in    { display: block; opacity: 1; }
.modal.fade.show  { display: block; opacity: 1; }
.modal.show       { opacity: 1; }
.modal.in         { opacity: 1; }
.modal.fade.in .modal-dialog { -webkit-transform: none; transform: none; }
.collapse.in      { display: block !important; }
.in { opacity: 1; }

/* Ajuste navbar-toggle (BS3) compatível com navbar-toggler (BS4) */
.navbar-toggle {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    cursor: pointer;
}

/* Ajuste: col-xs-* → col-* para Bootstrap 4 */
/* (BS4 removeu xs breakpoint — col-xs-* é equivalente a col-*) */

/* ============================================================
   Fim dos shims Bootstrap 4
   ============================================================ */

.SumoSelect.search-dropdown .CaptionCont.search-block.SelectBox.search {
    zoom: 0.9;
}

.custom-menu {
    z-index:1000;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	padding: 12px 16px;
}

.custom-menu a {
	position: relative;
    bottom: 3pt;
    left: 4pt;
    color: #000000;
}

.custom-menu:hover {
	background-color: #ddd;
	cursor: pointer;
}

.localized-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 0;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 9999;
}

.localized-loading .custom-loading {
	border-radius: 50%;
	border: .1875rem solid #d04a02;
	border-top: none!important;
	border-right: none;
	border-bottom: none;
	-webkit-animation: load3 .3s infinite linear;
	animation: load3 .3s infinite linear;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.loading-sm {
	height: 22px;
	width: 22px;
}

i.appkiticon.includeInfo {
    vertical-align: middle;
    right: 6px;
    cursor: pointer;
}

i.appkiticon.includeInfoModal {
	vertical-align: middle;
	cursor: pointer;
}

.appkiticon.icon-size-12 {
	height: .75rem;
	width: .75rem;
}

#include-info-modal .radio-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
}


#include-info-modal .radio-container .radio-label {
	margin: 0 1rem 1rem;
}

#include-info-modal .radio-container .radio+.radio-label:before {
	top: .15rem;
}

/* Corrige cor do tbody das tabelas com class table-dark + DataTables.
 * O Bootstrap 4 herda color:#fff para toda a tabela; o DataTables adiciona
 * fundo branco nas linhas do tbody, tornando o texto invisível (branco s/ branco).
 * Aplica a todas as tabelas do projeto que usam table-dark no tbody.        */
#pageElementsManagement table.table-dark tbody tr,
.tab-pane table.table-dark tbody tr {
    background-color: #fff;
    color: #404041;
}

#pageElementsManagement table.table-dark tbody tr:nth-child(even),
.tab-pane table.table-dark tbody tr:nth-child(even) {
    background-color: #f2f2f2;
    color: #404041;
}

#pageElementsManagement table.table-dark tbody tr td,
.tab-pane table.table-dark tbody tr td {
    color: #404041;
    border-top: 1px solid #dee2e6;
}

/* Neutraliza o fundo diferenciado que o DataTables aplica na coluna ordenada (sorting_1/2/3).
 * Sem isso, a coluna Name fica com #fafafa enquanto as demais ficam brancas. */
#pageElementsManagement table.table-dark tbody tr > td.sorting_1,
#pageElementsManagement table.table-dark tbody tr > td.sorting_2,
#pageElementsManagement table.table-dark tbody tr > td.sorting_3,
.tab-pane table.table-dark tbody tr > td.sorting_1,
.tab-pane table.table-dark tbody tr > td.sorting_2,
.tab-pane table.table-dark tbody tr > td.sorting_3 {
    background-color: inherit;
}

#pageElementsManagement table.table-dark tbody tr:nth-child(odd) > td.sorting_1,
#pageElementsManagement table.table-dark tbody tr:nth-child(odd) > td.sorting_2,
#pageElementsManagement table.table-dark tbody tr:nth-child(odd) > td.sorting_3,
.tab-pane table.table-dark tbody tr:nth-child(odd) > td.sorting_1,
.tab-pane table.table-dark tbody tr:nth-child(odd) > td.sorting_2,
.tab-pane table.table-dark tbody tr:nth-child(odd) > td.sorting_3 {
    background-color: #fff;
}

#pageElementsManagement table.table-dark tbody tr:nth-child(even) > td.sorting_1,
#pageElementsManagement table.table-dark tbody tr:nth-child(even) > td.sorting_2,
#pageElementsManagement table.table-dark tbody tr:nth-child(even) > td.sorting_3,
.tab-pane table.table-dark tbody tr:nth-child(even) > td.sorting_1,
.tab-pane table.table-dark tbody tr:nth-child(even) > td.sorting_2,
.tab-pane table.table-dark tbody tr:nth-child(even) > td.sorting_3 {
    background-color: #f2f2f2;
}

#pageElementsManagement table.table-dark tbody tr.selected,
.tab-pane table.table-dark tbody tr.selected {
    background-color: #ffda85 !important;
    color: #fff !important;
}

#pageElementsManagement table.table-dark tbody tr.selected td,
.tab-pane table.table-dark tbody tr.selected td {
    background-color: #ffda85 !important;
    color: #fff !important;
}

/* Corrige truncamento do texto no botão do dropdown de seletor dentro de modais.
 * O AppKit define .dropdown .btn com display:inline-block + overflow:hidden +
 * text-overflow:ellipsis, que sobrescreve o .form-control e trunca o placeholder. */
#pageModal .dropdown-small .btn.dropdown-toggle {
    display: block;
    width: 100%;
    text-overflow: clip;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 2.5rem;
}