/* .mask1 {
    -webkit-mask-image: linear-gradient(to bottom, transparent 10%, black 75%);
    mask-image: linear-gradient(to bottom, transparent 10%, black 75%);
} */

.maskPretoBranco {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

/* .mask1 {
  -webkit-filter: blur(5px);
  filter: blur(5px);
} */


.mask1 {
  -webkit-filter: contrast(30%);
  filter: contrast(30%);
}

.negrito {
  font-weight: bold;
}


/*Creates table with scrollable tbody*/
tbody {
  display:block;
  height:150px;
  overflow:auto;
}
thead, tbody tr {
  display:table;
  width:100%;
  table-layout:fixed;
}

thead {
  width: calc( 100% - 1em )
}
table {
  width:100%;
}

.black-text {  
top: 50px;
position: relative;
}



/* styles for '...' */ 
.block-with-text {
/* hide text if it more than N lines  */
overflow: hidden;
/* for set '...' in absolute position */
position: relative; 
/* use this value to count block height */
line-height: 1.2em;
/* max-height = line-height (1.2) * lines max number (3) */
max-height: 3.6em; 
/* fix problem when last visible word doesn't adjoin right side  */
text-align: justify;

/* */
margin-right: -1em;
padding-right: 1em;
}
.block-with-text:before {
/* points in the end */
content: '...';
/* absolute position */
position: absolute;
/* set position to right bottom corner of block */
right: 0;
bottom: 0;
}
.block-with-text:after {
/* points in the end */
content: '';
/* absolute position */
position: absolute;
/* set position to right bottom corner of text */
right: 0;
width: 1em;
/* set width and height */
height: 1em;
margin-top: 0.2em;
background: white;
}

.img-responsive {
max-width: 50%;
height: auto;
object-fit: cover;
}

.text-bold{
font-weight: bold;
}


.margem-btn{
margin: 5px;
}


/* .input-field input:focus + label {
color: #4389D5 !important;
}

.row .input-field input:focus {
border-bottom: 1px solid #4389D5 !important;
box-shadow: 0 1px 0 0 #4389D5 !important
} */

/* label focus color */
.input-field input:focus + label, .materialize-textarea:focus:not([readonly]) + label {
color: #4389D5 !important;
}

/* label underline focus color */
.input-field input:focus, .materialize-textarea:focus:not([readonly]) {
border-bottom: 1px solid #4389D5 !important;
box-shadow: 0 1px 0 0 #4389D5 !important;
}

.sendbtn{
background-color: #4389D5 !important;
}

.espacamento {
padding:50px;
box-sizing:border-box;
}



#escura {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: black;
  display: block;
  opacity: 0;
  transition: opacity 1s;
}


.ring
{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:150px;
  height:150px;
  background:transparent;
  /* border:3px solid #b6b2b2; */
  border-radius:50%;
  text-align:center;
  line-height:150px;
  font-family:sans-serif;
  font-size:12px;
  color:#1976D2;
  letter-spacing:4px;
  text-transform:uppercase;
  text-shadow:0 0 10px #1976D2;
  /* box-shadow:0 0 20px rgba(0,0,0,.5); */
}
.ring:before
{
  content:'';
  position:absolute;
  top:-3px;
  left:-3px;
  width:100%;
  height:100%;
  border:3px solid transparent;
  border-top:3px solid #1976D2;
  border-right:3px solid #1976D2;
  border-radius:50%;
  animation:animateC 2s linear infinite;
}
.rodinha
{
  display:block;
  position:absolute;
  top:calc(50% - 2px);
  left:50%;
  width:50%;
  height:4px;
  background:transparent;
  transform-origin:left;
  animation:animate 2s linear infinite;
}
.rodinha:before
{
  content:'';
  position:absolute;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#1976D2;
  top:-6px;
  right:-8px;
  box-shadow:0 0 20px #1976D2;
}
@keyframes animateC
{
  0%
  {
    transform:rotate(0deg);
  }
  100%
  {
    transform:rotate(360deg);
  }
}
@keyframes animate
{
  0%
  {
    transform:rotate(45deg);
  }
  100%
  {
    transform:rotate(405deg);
  }
}