@charset "UTF-8";
/*@import url("fonts.css");*/

html, body, div, span, object, iframe, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd,
fieldset, form, label, legend,
table, caption,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  font-style: normal;
  font-size: 16px;
  /*font-family: Barlow-Light;*/
  word-spacing: 2px;
  line-height: 24px;
  color: #555;
}

.main-nav { background-color: #808080; }
.main-content { max-width: 90%; }

.main-nav .navbar-nav .nav-link {  color: #fff; font-weight: bold; }
.main-nav .navbar-nav .nav-link:hover { color: #ddd;}
.main-nav .navbar-nav .nav-link[aria-expanded="true"] { color: #ddd;}
.main-nav span {  color: #ccc; font-weight: normal; }
.nav-container { max-width: 80%; }

#banner > img { width: 100%; }

#banner { margin-top: 57px; }

.c1 { color: #000!important; }
.c2 { color: #FFF; }
.c3 { color: #ff0000; }
.c4 { color: #707070; }
.c5 { color: #4a4a4a; }

.bck1 { background-color: #f2f2f2; }
.bck2 { background-color: #fff; }
.bck3 { background-color: #707070; }
.bck4 { background-color: #b3b3b3; }
.bck5 { background-color: #ccc; }

.fs29 { font-size: 29px; }
.fs25 { font-size: 25px; }
.fs23 { font-size: 23px; }
.fs18 { font-size: 18px; }
.fs12 { font-size: 12px; }
.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }

.fwb { font-weight: bold!important; }

.lh15 { line-height: 15px; }
.bt1 { border-top: 1px solid #707070; }
.mt90 { margin-top: 90px }

.max-l-3 {  
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* number of lines to show */
	-webkit-box-orient: vertical;
	height: 72px;
}
.max-l-2 {  
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* number of lines to show */
	-webkit-box-orient: vertical;
	height: 28px;
}


footer { background-color: #fff; }
.collapse footer { box-shadow: 0 0.5rem 1rem 0 rgba(0,0,0, .4)!important; }
#toggler-main-nav { border: 1px solid #fff; border-radius: 0;  }
#toogle-footer { border: 1px solid #000; border-radius: 0; }
#toogle-footer:focus, #toggler-main-nav:focus  { outline: none; }   

.c-hr { border: 2px solid #707070; max-width: 90% }
#c-highlights .card-body { min-height: 230px; }
.card-footer { background-color: #fff; }

.left-nav  .active { color: #ff0000!important; }
ul { list-style: disc; }

.search>.results>.result {
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding: 20px 0;
  color: #000;
}
.courseaction .title {
  padding: 10px;
  background-color: #b80036;
  color: #fff;
}

.c-shadow { box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.25)!important; background-color: #fff; }

#c-highlights .card:hover, #c-highlights  .is-active .card { border-top: 10px solid #ff0000!important; cursor: pointer; border-radius: 0; opacity: 1;}
#c-highlights .card { 
  border-bottom: 0px; 
  border-right: 0; 
  border-left: 0px;
  border-top: 10px solid #fff;
  -webkit-transition : border 200ms ease-out, opacity 200ms ease-in-out;
  -moz-transition : border 200ms ease-out, opacity 200ms ease-in-out;
  -o-transition : border 200ms ease-out, opacity 200ms ease-in-out;
  transition : border 200ms ease-out, opacity 200ms ease-in-out;
  opacity: 0.5; 
}

#courses { border: 0px; }
#h-areas .bck1:hover { background-color: #ccc; }
.main-menu img {
  width: 100%;    
  transform: scale(1);
  transition: all 0.3s ease-in-out;
  filter: grayscale(0%);
}
.main-menu img:hover {
  transform: scale(1.03);
}
.second-menu img{ height: 100%;}
a:hover, a:focus { text-decoration: none; cursor: pointer; outline: 0; }
#cqep select { height: 38px; width: 100%; }
#cqep .radio-inline { margin-left: 20px; }
#humanportal-profile .radio-inline{ margin-right: 20px; }
#loginform .input-group-addon{    
    padding: 0.3rem;
    background-color: #e9ecef;
}
.select2-container-multi .select2-choices .select2-search-choice { 
  border: none!important;
  background-image: none!important; 
  background-color: #fff!important; 
  border-radius: 0;
}
.input-group-addon.input-sm {
  padding: 10px 10px 10px 10px;
  font-size: 12px;
  background-color: #eee;
  line-height: 1;
}
.form-group .select2-container { padding: 0px; border: 0px!important; box-shadow: none; }
.select2-container .select2-choice, .select2-choices { height: 100%!important; border: 0px!important; padding: 5px!important; }
.form-control:focus, button:focus { box-shadow: none!important; }
.modal-content { border-radius: 0!important; }

input:active, input:focus { background-color: #f1eded!important; }

.btn-primary, input, select, textarea, .c-btn, .select2-container .select2-choice, .select2-container-multi .select2-choices {
	border-radius: 0!important;
	border: 0px!important;
	background-color: #f1eded!important;
	box-shadow: none;
}

.select2-container-multi .select2-choices {
	background-image: url('/public/admin/img/required.gif') !important;
}

input.required, textarea.required, .select2-container .select2-choice, .select2-container-multi .select2-choices {
	background: url('/public/admin/img/required.gif') no-repeat;
	background-position: right 15px center;
}

.article strong, .article strong span, .article span span, .article span strong, .article em span, .article span em,
.news strong, .news strong span, .news span span, .news span strong, .news em span, .news span em {
  font-size: inherit;
  color: inherit;
  font-style: inherit;
}
.article em span, .article span em,
.news em span, .news span em {
  font-style: italic;
}


.input_search::placeholder, .input_search { color: #fff!important; }
.btn_search { height: 25px; color: #fff; }
.input_search { background-color: transparent!important; }
#loginform .input-group {
    margin-bottom: 10px;
}
.btn-primary { background-color: #337ab7!important; }
.modal-footer span { color: #ffF!important; }
.btn-primary:hover {
  border-radius: 0!important;
  background-color: #286090!important;
}
#searches input:focus, #searches input:active { background-color: #808080!important; background: #808080!important; }
.btn-secondary { background-color: #ccc; }
.btn { border-radius: 0!important; border: none; }
.left-menu { 
   	z-index: 1; 
	margin-bottom: 5rem;	
}
.p-fixed { position: fixed; top: 57px; width: 15%; }
.p-fixed svg { max-height: 385px; }
/* pagination */
#pagination-div ul, .pagination {
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: .25rem;
  }
  
  .pagination li.active a, #pagination-div ul li.active span  { background-color: #707070; color: #E2E4E1; }
  .pagination, #pagination-div ul { justify-content: center!important; }
  .border-bottom { border-bottom: none!important; }
  .pagination li a, #pagination-div ul li span{
	padding: 6px 10px;
	background-color: #f2f2f2;
	color: rgb(40, 43, 45);
	display: block;
	text-decoration: none;
	cursor: pointer;
	margin: 2px;
	border: none;
  }

.small-img img { max-height: 310px; }
/* Banner com cursos */
.slick-slide img { display: inline; }
.slider-nav .slick-slide .card-body, .c-pointer{ cursor: pointer; }

/* MAP */
svg { width: 100%; height: auto; max-height: 500px;  }
path { fill: #ccc; stroke: #ddd; transition: .6s fill; }

path:hover { fill: #9e9c9c; }
path.active { fill: #9e9c9c; }


#version-form { margin-top: 30px; padding: 3%;}
.alert { border-radius: 0;}
form#cqep h3 {
  padding-bottom: 20px;
}

.form {
  padding: 20px 10px;
}

form#cqep table {
  width: 100%;
}

form#cqep table tr>td {
  padding: 10px;
}

form#cqep table.sit_prof, form#cqep table.sit_prof th {
  text-align: center;
}

form#cqep input[type=radio] {
  margin-right: 10px;
}

label.simple {
  font-weight: normal;
}

.la-calendar {
	font-family: "Font Awesome 5 Free";
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 0;
	cursor: pointer;
	font-weight: 900;
}
#cqep .la-calendar {
	line-height: 1;
}  
.la-calendar::before {
	content: "\f133";
}

input[name="sitprof_outra"] {
	background: #fff!important;
}

@media (min-width: 1179px){
	.col-md-1-5 {
       -ms-flex: 0 0 13.333333%;
       flex: 0 0 13.333333%;
       max-width: 13.333333%;
   }
}

@media (min-width: 992px) {
	#h-areas .col-lg-2:last-child {
       -ms-flex: 0 0 17.666667%;
       flex: 0 0 17.666667%;
       max-width: 17.666667%;
   }
}

@media (max-width: 768px){
    .c-shadow { box-shadow: none; }
	/* .p-fixed{ position: initial;  } */
	.left-menu { position: initial;}
}

@media (max-width: 1179px){
	.col-md-1-5 {
       -ms-flex: 0 0 20.333333%;
       flex: 0 0 20.333333%;
       max-width: 20.333333%;
   }
}

@media (min-width: 992px){
  /* .p-fixed{ max-width: 270px;  } */
}


@media (max-width: 576px){
	.col-md-1-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        /* max-width: 100%; */
        max-width: 33%;
	}

	.collapse .row { 
		overflow: auto;
		height: 300px;
	}

}


@media (min-width: 576px){
	.ml-sm-7 { margin-left: 7rem!important; }
	.pl-sm-8 { padding-left: 8rem!important; }
	.px-sm-8 { padding-left: 8rem!important; padding-right: 8rem!important; }
}





@media print {
	body * {
	  visibility: hidden;
	}
	#printable, #printable * {
	  visibility: visible;
	}
	#printable {
	  position: fixed;
	  left: 0;
	  top: 0;
	}
  }