html
{
	overscroll-behavior: none;	
}

.icon-search-filter{
	color: rgb(66,117,177);
}

.icon-search-filter:hover{
	cursor: pointer;
	opacity: 0.5;
}

.meses-hover:hover{
	cursor: pointer;
	background-color: #cacaca;
}

.cursor-pointer-hover:hover
{
	cursor: pointer;
}


.icon-add-new:hover{
	cursor: pointer;
	opacity: 0.5;
}

.body-app{
	margin-top: 0;
	background-color: rgb(220,220,220);
}

.body-app-menu{
	height: 100%;
	width: 240px;
	background-color: rgb(126, 137, 142);
	color: rgb(255, 255, 255);
	padding-top: var(--lumo-space-m);
	transition-duration: 0.5s;
}

.minimize-menu{
	background-color: rgb(126, 137, 142);
	margin: 0;
}

.body-app-data{
	margin-left: 0;
	overflow: auto;
}

.user-name
{
	color: #ffffff;
	font-size: 13px;
	font-weight: 450;
}

.user-name-mobile
{
	color: #ffffff;
	font-size: 11px;
	font-weight: 450;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 15px;
    /*width: calc(100% - 100px);*/
}

.shutdown-menu{
	position: absolute;
	right: 30px;
	top: 40px;
	/*width: 160px;*/
	width: auto;
	display: none;
	background-color: #ffffff;
	display: none;
	outline: none;	
	z-index: 99999;
	border-radius: 5px;
	box-shadow: 5px 10px 18px #7e898e;
}

.shutdown-menu-option{
	font-size: 15px;
	width: 100%;
	/*width: 80%;
    padding-left: var(--lumo-space-m);
    padding-right: var(--lumo-space-m);
    */
}

.shutdown-menu-option-leave{
	border-top: 1px solid #000000;
}

.shutdown-menu-option:hover{
	cursor: pointer;
	background-color: rgb(177, 191, 197);
}

.header{
	width: 100%;
	height: 40px;
	/*padding: 0.5em 0 0.5em 0;*/
	background-color: rgb(102, 110, 114);	
}

.banner-after-header{
	background-color: rgb(80, 84, 91);
	margin-top: 0;
	width: 100%;
	height: 35px;
	
}

.footer{
	width: 100%;
	height: 30px;
	color: #ffffff;
	background-color: rgb(80, 84, 91);
	margin: 0; 
}

.img-logo-empresa{
	height: 25px;
	margin-left: 15px;
}

.img-logo-modulo{
	height: 35px;
	margin-left: 15px;
}

.img-button-shutdown
{
	height: 18px;
	margin: 0 20px 0 40px;
}

.img-button-shutdown-mobile
{
	height: 18px;
	margin-right: 10px;
}

.img-button-shutdown:hover{
	cursor: pointer;
}

.bread-crumbs
{
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #ffffff;
	margin-left: 20px;

}
.module-menu{
	background-color: rgb(240,240,240);
	overflow-y: scroll;
}

.menu-option{
	width:100%;
	padding: 5px;
	margin: 0;
}

.menu-option-label
{
	margin-left: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.menu-option:hover{
  	background-color: rgb(102, 110, 114);
  	cursor: pointer;
}

.menu-option-label:hover{
  	background-color: rgb(102, 110, 114);
  	cursor: pointer;
}

.modulo{
    background-color: rgb(105,128,154);
    color:#ffffff;
    margin: 20px;
    align-items: center;
    justify-content: center;
    box-shadow: 5px 10px 18px #7e898e;
	font-size: 30px;
    width: 230px;
    height: 180px;
    border-radius: 10px; 
    display: flex;
}

.modulo-mobile
{
    background-color: rgb(105,128,154);
    color:#ffffff;
    margin: 15px 15px 5px 15px;
    padding: 5px 10px;
    box-shadow: 5px 10px 18px #7e898e;
	font-size: 15px;
    width: calc(100% - 50px);
    border-radius: 3px; 
    display: flex;
    flex-direction: column;
}

.menu-modulo{
    background-color: rgb(105,128,154);
    color:#ffffff;
    margin: 20px;
    align-items: center;
    justify-content: center;
    box-shadow: 5px 10px 18px #7e898e;
	font-size: 21px;
    width: 155px;
    height: 130px;
    border-radius: 10px;
    display: flex;
}

.menu-setor{
    background-color: rgb(105,128,154);
    color:#ffffff;
    align-items: center;
    box-shadow: 7px 7px 7px #7e898e;
	font-size: 20px;
	border-radius: 5px;
}

.menu-setor-clicked{
	opacity: 0.5;
  	box-shadow: none;	
}

.menu-modulo:hover,.modulo:hover,.menu-setor:hover{
  	cursor: pointer;
  	opacity: 0.5;
  	box-shadow: none;
}

.img-show:hover{
  	cursor: pointer;
}

.img-button-upload:hover{
  	background: rgba(0, 0, 0, 0.15);
}

.menu-modulo-selected,.modulo-selected{
  	opacity: 0.5;
  	box-shadow: none;
}


.v-loading-indicator {
  position: fixed; /* Occupy whole screen even if scrolled */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* Eat mouse events when visible, doesn't prevent scrolling */
  pointer-events: auto;
  /* Animated with delay to prevent flashing */
  animation: fadein 0.3s ease-out 0.2s normal 1 both;
  z-index: 2147483647;
}

@keyframes fadein {
  0% {
    background: rgba(0, 0, 0, 0);
    background-image: url("../../images/processing_wheel_152x114.gif");
    background-repeat: no-repeat;
    background-position: center center;    
  }
  100% {
    background: rgba(0, 0, 0, 0.15); /* Darkens the UI */
    background-image: url("../../images/processing_wheel_152x114.gif");
    background-repeat: no-repeat;
    background-position: center center;
  }
}

.icon-blink {
  /*background: url(https://raw.githubusercontent.com/stephenhutchings/typicons.font/4938QpZaeQD26hVgJWoJXTBh4fvWnJTY3R77bd91/src/png-24px/mail.png) center no-repeat;*/
  /*background-size: 16px 16px;*/
  width: 16px;
  height: 16px;
  border: none;
  display:inline-block;
  
  animation: blink 2s ease-in infinite;
}

@keyframes blink 
{
  from, to { opacity: 1 }
  50% { opacity: 0 }
}

.text-blink-3s 
{
	animation: blink 3s linear infinite;
	-webkit-animation: blink 3s linear infinite;
}

.solicitacao-area-show
{
	transform: scaleY(1);
	visibility: true;
}

.solicitacao-area-hide
{
	transform: scaleY(0);    
	transform-origin: top;
	transition: transform 0.26s ease;
	visibility: false;
	
}