.pageCenter {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 85vh;
}


.input-group-text {
  font-weight:700 !important;
  background-color: #ececec !important;
  text-align:left !important;
}

.strong { font-weight:700; }
.stronger { font-weight:900; }

.blur{
    /* Add the blur effect */
    filter: blur(8px);
    -webkit-filter: blur(8px);
  }
  
  
  .separadorAzul 
  { 
    position:relative;margin-top:4vh !important;margin-bottom:4vh !important; width:50%;
    margin:0 auto; background-color: cyan; height: 1px; border: 0; 
  }
  
  .separadorVermelho 
  { 
    position:relative;margin-top:4vh !important;margin-bottom:4vh !important;width:50%;
    margin:0 auto; background-color: var(--cor-red-text); height: 1px; border: 0; 
  }
  

  .skeleton {
    background-color: #e2e5e7;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-size: 40px 100%;
    background-repeat: no-repeat;
    background-position: left -40px top 0;
  }
  
  .skeleton:hover {
    -webkit-animation: shine 1s ease infinite;
            animation: shine 1s ease infinite;
            /*cursor:pointer;*/
  }
  
  @-webkit-keyframes shine {
    to {
      background-position: right -40px top 0;
    }
  }
  
  @keyframes shine {
    to {
      background-position: right -40px top 0;
    }
  }
  


  /* LARGURAS PADRONIZADAS */

.w-10px { width:10px !important;}
.w-20px { width:20px !important;}
.w-30px { width:30px !important;}
.w-35px { width:35px !important;}
.w-40px { width:40px !important;}
.w-45px { width:45px !important;}
.w-50px { width:50px !important;}
.w-55px { width:55px !important;}
.w-60px { width:60px !important;}
.w-65px { width:65px !important;}
.w-70px { width:70px !important;}
.w-75px { width:75px !important;}
.w-80px { width:80px !important;}
.w-85px { width:85px !important;}
.w-90px { width:90px !important;}
.w-100px { width:100px !important;}
.w-150px { width:150px !important;}
.w-160px { width:160px !important;}
.w-170px { width:170px !important;}
.w-175px { width:175px !important;}
.w-180px { width:180px !important;}
.w-200px { width:200px !important;}
.w-250px { width:250px !important;}
.w-300px { width:300px !important;}
.w-400px { width:400px !important;}
.w-500px { width:500px !important;}

.w-99 {    width: 99% !important;}
.w-98 {    width: 98% !important;}
.w-97 {    width: 97% !important;}
.w-96 {    width: 96% !important;}
.w-95 {    width: 95% !important;}
.w-90 {    width: 90% !important;}
.w-88 {    width: 88% !important;}
.w-85 {    width: 85% !important;}
.w-80 {    width: 80% !important;}
.w-75 {    width: 75% !important;}
.w-70 {    width: 70% !important;}


.w-80mobile100 {    width: 80% !important;}
@media (max-width: 1080px) {
  .w-80mobile100 {    width: 100% !important;}
}


.w-70mobile100 {    width: 70% !important;}
@media (max-width: 1080px) {
  .w-70mobile100 {    width: 100% !important;}
}



.w-60mobile100 {    width: 60% !important;}
@media (max-width: 1080px) {
  .w-60mobile100 {    width: 100% !important;}
}

.w-50mobile100 {    width: 50% !important;}
@media (max-width: 1080px) {
  .w-50mobile100 {    width: 100% !important;}
}


.w-40mobile100 {    width: 40% !important;}
@media (max-width: 1080px) {
  .w-40mobile100 {    width: 100% !important;}
}


.w-60 {    width: 60% !important;}
.w-45 {    width: 45% !important;}
.w-40 {    width: 40% !important;}
.w-33 {    width: 33% !important;}
.w-30 {    width: 30% !important;}
.w-25 {    width: 25% !important;}
.w-20 {    width: 20% !important;}
.w-10 {    width: 10% !important;}



hr.hrazul {
  border-top: 1px dotted rgb(17, 0, 255);
}


/* ALTURAS PADRONIZADAS */

.h-10vh{ height:10vh !important};
.h-20vh{ height:20vh !important};
.h-30vh{ height:30vh !important};
.h-40vh{ height:40vh !important};
.h-50vh{ height:50vh !important};


.h-50px{ height:50px !important};
.h-60px{ height:60px !important};
.h-70px{ height:70px !important};
.h-80px{ height:80px !important};
.h-90px{ height:90px !important};
.h-100px{ height:100px !important};
.h-120px{ height:120px !important};
.h-150px{ height:150px !important};
.h-200px{ height:200px !important};
.h-250px{ height:250px !important};
.h-300px{ height:300px !important};
.h-400px{ height:400px !important};
.h-500px{ height:500px !important};

.visivel {    display: block }
.invisivel {    display: none;}

.grow {    transition: all .2s ease-in-out;}
.grow:hover {    transform: scale(1.03); top:-2px;}

.growP {    transition: all .2s ease-in-out;}
.growP:hover {    transform: scale(1.01);}

.maiusculas {    text-transform: uppercase !important;}
.minusculas {     text-transform: lowercase !important;}
.text-shadow {  text-shadow: 2px 2px 4px #000000; }

.mobile-only { display:none;visibility: hidden; }
.desktop-only {	display:block; visibility: visible;}

.centered {
	position: fixed;
	top: 50%;
	left: 50%;
	/* bring your own prefixes */
	transform: translate(-50%, -50%);
  }


  @-webkit-keyframes blinker {
    from {opacity: 1.0;}
    to {opacity: 0.0;}
  }
  
  .blink{
      text-decoration: blink;
      -webkit-animation-name: blinker;
      -webkit-animation-duration: 2s;
      -webkit-animation-iteration-count:infinite;
      -webkit-animation-timing-function:ease-in-out;
      -webkit-animation-direction: alternate;
  }



.blink-fast{
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
}









.datetimepicker {
	display: inline-flex;
	align-items: center;
	background-color: #fff;
	border: 4px solid darkturquoise;
	border-radius: 8px;

	&:focus-within {
		border-color: teal;
	}

	input {
		font: inherit;
		color: inherit;
		appearance: none;
		outline: none;
		border: 0;
		background-color: transparent;

		&[type=date] {
			width: 10rem;
			padding: .25rem 0 .25rem .5rem;
			border-right-width: 0;
		}

		&[type=time] {
			width: 7rem;
			padding: .25rem .5rem .25rem 0;
			border-left-width: 0;
		}
	}

	span {
		height: 1rem;
		margin-right: .25rem;
		margin-left: .25rem;
		border-right: 1px solid #ddd;
	}
}



.load-wraper{
  position: relative;
  height: 100%;
  width: 100%;
  background-color: rgb(211,211,211);
  z-index: 44;
  overflow: hidden;
  border-radius: 5px;
}
.activity{
  position: absolute;
  left: -45%;
  height: 100%;
  width: 45%;
  background-image: linear-gradient(to left, rgba(251,251,251, .05), rgba(251,251,251, .3), rgba(251,251,251, .6), rgba(251,251,251, .3), rgba(251,251,251, .05));
  background-image: -moz-linear-gradient(to left, rgba(251,251,251, .05), rgba(251,251,251, .3), rgba(251,251,251, .6), rgba(251,251,251, .3), rgba(251,251,251, .05));
  background-image: -webkit-linear-gradient(to left, rgba(251,251,251, .05), rgba(251,251,251, .3), rgba(251,251,251, .6), rgba(251,251,251, .3), rgba(251,251,251, .05));
  animation: loading 1s infinite;
  z-index: 45;
}

@keyframes loading {
  0%{
    left: -45%;
  }
  100%{
    left: 100%;
  }
}