/**
 * TESTING
 * @author	CLARANET
 * Implement in respective files.
 */

/* debug queries panel */
#debug_queries {
	position		: fixed;
	bottom			: 0;
	right			: 0;
	max-height		: 200px;
	color			: #eee;
	background-color: #333;
	overflow-y		: auto;
	z-index			: 10;
	transition		: all 0.4s;
}

#sidebar + #content #debug_queries {
	left: 15rem;
}

	#sidebar.active + #content #debug_queries {
		left: 5.5rem;
	}

#debug_queries ul > li > div > span {
	width			: 100%;
	white-space		: nowrap;
	overflow		: hidden;
	text-overflow	: ellipsis;
	text-align		: left;
}

#debug_queries li.accordion-item:not(.collapsed) .debug_query_title {
	visibility: hidden;
}

/* clipboard feature */
#clipboard-container {
	position: fixed;
	left	: 0px;
	top		: 0px;
	width	: 0px;
	height	: 0px;
	z-index	: 100;
	display	: none;
	opacity	: 0;
}

#clipboard {
	width	: 1px;
	height	: 1px;
	padding	: 0px;
}

/* loading progress bar */
#loading_progress {
	position	: absolute;
	top			: -0.5em;
	left		: 0;
	width		: 100%;
	height		: 0.5em;
	transition	: all 0.25s;
}

#loading_progress.active {
	top: 0;
}

.claranet_list_template {
	display: none;
}

.claranet_iframe {
	width	: 100%;
	height	: 100%;
	border	: none;
}

.material-icons.small {
	font-size: 80%;
}

.material-icons.display-1 {
	font-size	: 6rem;
	font-weight	: 300;
	line-height	: 1.2;
}

/* material icons */
.material-icons.sm { font-size: 0.85rem; }
.material-icons.lg { font-size: 3rem; }
.material-icons.xl { font-size: 5rem; }
.material-icons.xxl { font-size: 7rem; }

/* accordion */
.accordion.accordion-item {
	cursor: pointer;
}

	.accordion.accordion-item.collapsed {
		cursor: pointer;
	}

	.accordion.accordion-item:before,
	.accordion.accordion-item:before {
		font-family	: 'Material Icons';
		content		: '\e316';
		margin		: 0 .5em 0 0;
	}

	.accordion.accordion-item.collapsed:before,
	.accordion.accordion-item.collapsed:before {
		content: '\e313';
	}

/* claranet_list */
.claranet_list_target .claranet_list_separator:first-child {
	margin-top	: 0 !important;
	padding-top	: 0 !important;
}

.claranet_list_separator + .claranet_list_separator {
	border-top: 3px dashed #333;
}

.concurso_anual_listbox {min-height: 18em;}

.vertical-center-up {
  margin: 0;
  position: absolute;
  top: 40%;
  width: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0px;
}

.vertical-center-down {
  margin: 0;
  position: absolute;
  top: 60%;
  width: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0px;
}

.col-5-5 {
  position: relative;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  flex: 0 0 45.833333315%;
  max-width: 45.833333315%;
}

.col-0-5 {
    flex: 0 0 4.16666667%;
  	max-width: 4.16666667%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col-1-5 {
	flex: 0 0 12.4999999999%;
    max-width: 12.4999999999%;
}

/* JA - Separador (Passos P3) */
.line-separator {
    display: flex;
    align-items: center;
	text-align: center;
	color: #5c7cbc;
}
.line-separator::before, .line-separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid;
}
.line-separator::before {
    margin-right: .25em;
}
.line-separator::after {
    margin-left: .25em;
}
.line-separator.dark {
	color: #212529 !important;
	font-weight: bold !important;
}

.homepage .card-body a.btn {
    margin-top: 0.55rem;
}

strong{
 font-weight:bold;
}

.bootstrap-select.disabled, .bootstrap-select>.disabled{
	cursor: default;
	background-color: #e9ecef;
    opacity: 1;
    color: #495057;
    border-color: #ced4da;
}

.invalid-feedback-vagas{
	width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #e3342f;
}

.is-invalid-vagas{
	border-color: #e3342f;
}

@media (min-width: 992px){
	.modal-xl {
	    max-width: 800px;
	}
}

@media (min-width: 1200px){
	.modal-xl {
	    max-width: 1140px;
	}
}

.hidden{
	display: none;
}

.pl-4{
	padding-left: 0 !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.box{
	border: 1px solid;
	box-shadow: 2px 4px #888888;
}

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

.alert-estagio{
	margin-top: 0;
    margin-bottom: 0rem;
    font-size: 10pt;
}