/* .button {
  padding: 11px 24px!important;
  border-radius: 24px! Important;
  font-size: 14px!important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: #262626;
  outline: none !important;
  position: relative!important;
  border-width: 0px!Important; 
} */

/* .button-transparent{
  padding: 11px 24px!important;
  display: inline;
  border-radius: 5px!important;
  background: transparent!important;
  border: solid 1px #3a2626!important;
  color: #000!important;
  font-weight: 100!important;
  outline: none !important;
  position: relative!important;
  font-size: 14px;
  transition: all 0.2s linear;
}

.button-transparent:hover{
  background-color: #62A8D1!important;
  border-color:#557499!important;
  color:white!important;
  box-shadow: 0 0 10px #719ECE!important;
} */

.buttonMenor{
	padding: 11px 14px!important;
  border-radius: 24px! Important;
  font-size: 14px!important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: #262626;
  outline: none !Important;
	position: relative!important;
	border-width: 0px!Important;
}

.mudarcorplaceholder::-webkit-input-placeholder { /* Chrome, Safari, Opera */
	  color: #6db5f1;
	  font-style: italic;
	}
	
	.mudarcorplaceholder:-moz-placeholder { /* Firefox 18- */
	  color: #6db5f1;
	  font-style: italic;
	  opacity: 1;
	}
	
	.mudarcorplaceholder::-moz-placeholder {  /* Firefox 19+ */
	  color: #6db5f1;
	  font-style: italic;
	  opacity: 1;
	}
	
	.mudarcorplaceholder:-ms-input-placeholder { /* IE10+ */ 
	  color: #6db5f1;
	  font-style: italic;  
	}

/* .formatar{ 
  height: 40px !important;
  font-size: 14px!important;
  padding: 3px 9px !important;
  border-radius: 5px !important;
  color: #262626 !important;
  outline: none !important;
} */

.busca{
	  width: 165px;
    /* height: 40px; */
    padding: 3px 26px !important;
    border-radius: 24px! Important;
    font-size: 14px!important;
    font-weight: 600 !important;
    line-height: 1 !important;
    color: #262626;
    outline: none !Important;
}

.aproximacao:hover{
	transition: all 290ms ease-in;
	-webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.1);
}

.navbar .navbar-brand {
  padding-top: 1px;
  padding-bottom: 2px;
}

.breadcrumbs-flex{
  display: flex; 
  justify-content: space-between;
  align-items: center;
}
.btn-button{
  border-radius: 5px;
  outline:none;
  line-height: 2.5;
  width: 50px;
}

.dropdownmargin{
  margin-right: 4px!important;
}

.dropdown-margin{
  margin-left: -62px!important;
  padding: 0px;
  border-radius: 10px!important;
  width: 247px!important;
}

.icon-drodown{
  font-size: 18px;
}

.breadcrumbs-padding{
  padding:0px;
}
.div-button-dropdown{
  display:flex;
}
.dropdown-filho{
  display:flex;
  flex-direction:column;
}
.dropdown-filho-filho{
  background: #f1eded;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.dropdown-filho-items{
  padding: 5px;
  display: flex;
  flex-direction: column;
  align-items: baseline;
}

.button-editar-pessoas:hover{
  color:#43c943;
}

.button-extrator-pessoas:hover{
  color: #ffa500;
}

.button-download-pessoas:hover{
  color: #A0A0A0;
}

.button-info-pessoas:hover{
  color: #428BCA;
}

.button-curriculo-pessoas:hover{
  color: #428BCA;
}

.button-excluir-pessoas:hover{
  color:red
}

.button-email-pessoas:hover{
  color:#557499
}

.button-filtro-lateral:hover{
  color:#43c943
}

.button-transparents{
  background: transparent!important;border: none!important;
}

.dropdown-filho-div-arquivo{
  display: flex;
  align-items: center;
  justify-content: center;
  /*border-bottom: solid 1px #ccc;*/
}

.dropdown-a{
  cursor:pointer;
}
.switch {
      position: relative;
      display: inline-block;
      width: 39px;
      height: 21px;
      margin: 5px;
    }

    .switch input { 
      opacity: 0;
      width: 0;
      height: 0;
    }

    .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: -3px;
      bottom: 0;
      background-color: #ccc;
      -webkit-transition: .4s;
      transition: .4s;
    }

    .slider:before {
      position: absolute;
      content: "";
      height: 14px;
      width: 14px;
      left: 0px;
      bottom: 4px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s;
    }

    input:checked + .slider {
      background-color: #2196F3;
    }

    input:focus + .slider {
      box-shadow: 0 0 1px #2196F3;
    }

    input:checked + .slider:before {
      -webkit-transform: translateX(24px);
      -ms-transform: translateX(24px);
      transform: translateX(24px);
    }

    /* Rounded sliders */
    .slider.round {
      border-radius: 34px;
    }
    
    .slider.round:before {
      border-radius: 50%;
    }

    .buttonmodal{
      background-color: #468fcc!important;
      color: #FFF!important;
      padding: 5px!important;
      border-radius: 18px!important;
      font-size: 24px!important;
      width: 34px!important;
      opacity: inherit!important;
      outline:none;
    }

    .buttonmodal:hover{
      box-shadow: inset 0 0 1em #3a87ad, 0 0 1em #777171;
    }
    .borderradiusmodal{
      border-radius: 10px!important;
    }

    .label-float{
      position: relative;
      padding-top: 13px;
    }

    .label-float input, .label-float select{
      border-radius: 6px!important;
      border-bottom: 2px solid lightgrey;
      outline: none;
      min-width: 180px;
      font-size: 16px;
      transition: all .3s ease-out;
      -webkit-transition: all .3s ease-out;
      -moz-transition: all .3s ease-out;
      -webkit-appearance:none;
      width: 400px;
      height: 41px;
    }

    .label-float input:focus, .label-float select:focus{
      border-bottom: 2px solid #468fcc;
    }

    .label-float input::placeholder, .label-float select::placeholder{
      color:transparent;
    }

    .label-float label{
      pointer-events: none;
      position: absolute;
      top: 0;
      left: 13px;
      margin-top: 23px;
      transition: all .3s ease-out;
      -webkit-transition: all .3s ease-out;
      -moz-transition: all .3s ease-out;
    }

    .label-float input:required:invalid + label{
      color: red;
    }
    .label-float input:focus:required:invalid{
      border-bottom: 2px solid red;
    }
    .label-float input:required:invalid + label:before, .label-float select:required:invalid + label:before{
      content: '*';
    }
    .label-float input:focus + label, select:focus + label,  .label-float select:not(:placeholder-shown) + label,
    .label-float input:not(:placeholder-shown) + label{
      font-size: 10px;
      margin-top: 10px;
      color: #468fcc;
    }

    .label-floats{
      position: relative;
      padding-top: 13px;
    }

    .label-floats input, .label-floats select{
      border-radius: 6px!important;
      border-bottom: 2px solid lightgrey;
      outline: none;
      min-width: 180px;
      font-size: 16px;
      transition: all .3s ease-out;
      -webkit-transition: all .3s ease-out;
      -moz-transition: all .3s ease-out;
      -webkit-appearance:none;
      width: 400px;
      height: 41px;
    }

    .label-floats input:focus, .label-floats select:focus{
      border-bottom: 2px solid #468fcc;
    }

    .label-floats input::placeholder, .label-floats select::placeholder{
      color:transparent;
    }

    .label-floats label{
      pointer-events: none;
      position: absolute;
      top: 0;
      left: 13px;
      margin-top: 11px;
      transition: all .3s ease-out;
      -webkit-transition: all .3s ease-out;
      -moz-transition: all .3s ease-out;
    }

    .label-floats input:required:invalid + label{
      color: red;
    }
    .label-floats input:focus:required:invalid{
      border-bottom: 2px solid red;
    }
    .label-floats input:required:invalid + label:before, .label-floats select:required:invalid + label:before{
      content: '*';
    }
    .label-floats input[type=text]:focus + label, .label-floats select:focus + label, .label-floats select:not(:placeholder-shown) + label,
    .label-floats input:not(:placeholder-shown) + label{
      font-size: 10px;
      margin-top: -13px;
      color: #468fcc;
    }


    .label-floatse{
      position: relative;
      padding-top: 13px;
    }

    .label-floatse input:not([type='checkbox']), 	.label-floatse select{
      border-radius: 6px!important;
      border-bottom: 2px solid lightgrey;
      outline: none;
      min-width: 180px;
      font-size: 16px;
      transition: all .3s ease-out;
      -webkit-transition: all .3s ease-out;
      -moz-transition: all .3s ease-out;
      -webkit-appearance:none;
      width: 400px;
      height: 41px;
    }

    input[type=checkbox] {
      position: relative;
      cursor: pointer;
    }
    input[type=checkbox]:before {
      content: "";
      display: block;
      position: absolute;
      width: 20px;
      height: 20px;
      top: -5px;
      left: -5px;
      background-color:#e9e9e9;
      border-radius: 5px;
      border: 1px solid #ababab!important;
    }
    input[type=checkbox]:checked:before {
      content: "";
      display: block;
      position: absolute;
      width: 20px;
      height: 20px;
      top: -3px;
      left: -5px;
      background-color:#1E80EF;
      border-radius: 5px;
    }
    input[type=checkbox]:checked:after { 
      content: ""; 
      display: block;
      width: 5px;
      height: 10px;
      border: solid white;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      top: -1px;
      left: 3px;
    }
    fieldset.scheduler-border {
      border: 1px solid #e5e5e5 !important;
      padding: 0 1.4em 1.4em 1.4em !important;
      border-radius: 10px;
      margin-bottom: 10px;
    }

    legend.scheduler-border {
      width: auto !important;
      border: none;
      font-size: 1.2em !important;
      font-weight:500 !important;
      text-align: left !important;
    }
    .padd-0{
      padding:0px!important;
    }
    .marg-bottom-10{
      margin-bottom: 25px;
    }
    .whidth-100{
      width: 100%!important;
    }
    .img-orcid-lattes{
      width: 2rem;
    }

    .featurette-divider {
      margin: 2rem 0; /* Space out the Bootstrap <hr> more */
      background-color: #fbf9f9
    }

    #mostrarpermissoes label{
     display: block;
    }
    .display-flex-align-items-cente-justy-center{
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
    }
    .img-foto-user{
      width: 9%;
      border-radius: 50px;
    }

    .scroll-user-prog{
      overflow: auto;
      width: auto;
      height: 8em;
      background: #fff;
      padding: 10px;
      border-radius: 7px;
      display: flex;
      flex-direction: column;
    }
    
    .title-user{
      display: flex;
      align-items: center;
      justify-content: center;
      background: #62a8d1;
      color: #fff;
      border-radius: 7px;
    }
    .body-user{
      border: solid 1px #d3d3d3;
      border-radius: 7px;
      border-top: none;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      padding: 10px;
      background: #fff;
    }

    .flex-align-center{
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }

    .filtro-nivel{
      position: absolute; 
      top: 100%;
      left: 0;
      z-index: 1000;
      padding: 5px 0;
      margin: 2px 0 0;
      list-style: none;
      font-size: 14px;
      text-align: left;
      background-color: #fff;
      border: 1px solid #ccc;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: 4px;
      -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
      box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
      background-clip: padding-box;
      left: auto!important;
      display:none;
    }

    .ul-filtro{
      list-style: none;
      margin: 0px;
    }

    .li-filtro{
      background: rgb(251, 249, 249);
      border-bottom: solid 1px #ccc;
      border-top: solid 1px #ccc;
      color: #000;
    }

    .li-filtro:hover{
      color: #000;
    }

    .a-filtro{
      padding: 10px;
      font-size: 15px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      color: #000;
    }

    .a-filtro:hover{
      color: #000;
    }

    .esconder-div{
      display:none;
    }

    .ul-filtro-filho{
      margin-left: 7px;
      width: 98%!important;
      list-style: none;
      color: #1d1c1c;
    }

    .body-filtro{
      padding:0px;background-color: rgb(251, 249, 249);border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
    }

    .body-li-filtro{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
    }

    

/* Customize the label (the container) */
/* .container {
  display: block;
  position: relative;
  padding-left: 22px;
  margin-bottom: -2px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
} */

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: white;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
background-color: #ccc;
}

.container input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
  top: 4px;
left: 4px;
width: 7px;
height: 7px;
border-radius: 50%;
background: white;
}
/* .container, .container-fluid {
  padding-left: 15px!important;
  padding-right: 12px!important;
} */

/* .m-right-10{ 
margin-right: 7px; 
box-shadow: 0 3px 5px 0 rgb(30 30 30 / 10%);
filter: drop-shadow(0px 3px 5px rgb(30 30 30 /24%));
margin-bottom: 10px;
}  */

/* .icone-filtro-lateral{
  position: fixed;
  right: 0;
  top: 25%;
  z-index: 3;
}


.icone-filtro-lateral-config{
  position: fixed;
  right: 0;
  top: 31%;
  z-index: 1;
}

.icon-contorno{
  color: white;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #7b7474;
}

.button-lateral{
  background: transparent!important;
  border: none!important;
} */

/* .filtro-lateral{
  position: fixed!important;
  right: 0;
  top: 32%!important;
}

.filtro-latera-config{
  position: fixed!important;
  right: 0;
  top: 38%!important;
} */

.card-body-scroll{
  display: flex;flex-direction: column;overflow: scroll;/*height: 420px;*/padding:10px;
}
 
/* .flex-wrap{
display: flex; align-items: center;flex-wrap: wrap; margin: 8px;
}  */

.flex-filtro{ 
display: flex; justify-content: flex-end; align-items: center;z-index: 1!important;
/*position: absolute!important;
top: 62px!important;*/
}

/* .form-filtro{
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px 0 rgb(30 30 30 / 10%);
  border-radius: 10px;
  flex-direction: column;
} */

.body-lattes-orcid{
  display: flex;
  justify-content: center;
  border: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px 0 rgb(30 30 30 / 10%);
  border-radius: 10px;
  flex-direction: column;
}

.cards{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background: #fff;
  border: 0;
  border-radius: 30px;
  color: #191a1a;
  -webkit-box-shadow: 0 2px 5px 0 rgb(30 30 30 / 10%);
  -moz-box-shadow: 0 2px 5px 0 rgba(30, 30, 30, 0.1);
  box-shadow: 0 2px 5px 0 rgb(30 30 30 / 10%);
  font-size: 15px;
  line-height: 1.7;
}

.cards.picture-left:not(.small) {
  margin-left: 80px;
}

.cards.picture-left:not(.small) .picture {
  position: relative;
  margin-left: -80px;
  border-radius: 150px;
  width: 128px;
  height: 128px;
  overflow: hidden;
  border: 6px solid rgba(30, 30, 30, 0.05);
  background: white;
}

.cards.picture-left:not(.small) .picture > img {
  height: 100%;
  width: 100%;
  margin: 0 auto;
}

.flex{
  display:flex;
}

.flex-direction-column{
  flex-direction: column;
}

.gap-5{
  gap: 5px;
}

.font-size-25{
  font-size: 25px;
}

.padding-10{
  padding: 10px;
}

.justify-content-space-beetwen{
 justify-content: space-between;
}

.justify-content-end{
  justify-content: end;  
 }

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

.mrg-right{
  margin-right: 2rem;
}

.mrg-top{
  margin-top: 0.5rem;
}


.cor-text{
  color: #7c96c0;
  font-weight: 600;
}

.mg-b-20{
  margin-bottom: 20px;
}

.flex-end{
  display:flex;
  justify-content:flex-end;
}

.btn-radius{
  border-radius: 0.25rem!important;
  padding: 2px 4px!important;
} 

.z-index-1{
  z-index: 1;
}

.flex-pad-0{
  padding: 0px!important; 
  display: flex;
  justify-content: center;
  align-items: center;
}

.color-csv{
  color: green;
  font-size: 25px;
}

.img-icon-cvs{
  width: 25px;
}

.topo-filtro{
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-bottom: solid 1px #ccc;
}

.buttons-filtro{
  display: flex;justify-content: space-evenly; margin-top:15px;
}

.between{
  justify-content: space-between;
  align-items: center;
}

.aligtem-center{
  align-items: center;
}

.contents{
  display: contents;
}

.text-color-blue{
  font-weight: 600;
  color: #6396c0;
}

.text-decoration-none{
  text-decoration: none;
}

.outline-none{
  outline: 0;
}
 
@media screen and (min-width: 600px) and (max-width: 900px) {
	.um {
		width: 100%!important;
	}
}


@-webkit-keyframes fadein {
  from {top: 0; opacity: 0;} 
  to {top: 30px; opacity: 1;}
}

@keyframes fadein {
  from {top: 0; opacity: 0;}
  to {top: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {top: 30px; opacity: 1;} 
  to {botttopom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {top: 30px; opacity: 1;}
  to {top: 0; opacity: 0;}
}