[data-button], .materialButton, .materialButtonIcon, .materialContextMenu,  .materialCard,  .materialCardProgress, .materialDrawer, .materialDialog, .materialOverlay, .materialRating, .materialCloseButton, .materialChoiceWrapper label, .materialChipChoice, 
.materialChipFilter, .materialChipAction, .materialChipInput, .materialOutlineView  {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
      user-select: none;
    -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}



[data-button], .materialButton, .materialButtonIcon, .materialContextMenu li, .materialCardTop,  .materialDrawer li, .materialOverlay:not(.materialModal), .materialRating label, .materialCloseButton, .materialChoiceWrapper label, .materialChipChoice, 
.materialChipFilter,.materialChipAction, .materialChipInput {
  -ms-touch-action: manipulation;
   touch-action: manipulation; 
  cursor: pointer; 
}

/* For faster Animations */
.materialOverlay, .materialDrawer, .materialDialog, .materialSnackBar {
    will-change: transform;
}

[data-button] > i.fa{ 
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; 
  -webkit-transform: rotateX(0deg); 
  transform: rotateX(0deg);  /* Force GPU rendering for soft borders */
 }
 
 
[data-button]:active, .materialButton:active, .materialButtonIcon:active, .materialContextMenu li:active, .materialCardTop:active, .materialDrawer li:active, .materialCloseButton:active, .materialChoiceWrapper:active label,
[data-button]:hover,  .materialButton:hover,  .materialButtonIcon:hover,  .materialContextMenu li:hover,  .materialCardTop:hover,  .materialDrawer li:hover,  .materialCloseButton:hover, .materialChoiceWrapper:hover label,
[data-button]:focus,  .materialButton:focus,  .materialButtonIcon:focus,  .materialContextMenu li:focus,  .materialCardTop:focus,  .materialDrawer li:focus,   .materialCloseButton:focus, .materialChoiceWrapper:focus label{ 
    text-decoration: none;
	outline: none;
}

.materialRipple{
    z-index: 9999999;
}
.materialOverlay{
     width: 100%;
     height: 100%;
     position: fixed;
     top: 0;
     left: 0;
     background: rgba(0, 0, 0, 0.32);
     z-index: 9998;
}


.materialContextMenuOverlay, .materialDrawerOverlay, .materialDialogOverlay{
	width: 100%;
	height: 100%;
	position: fixed; 
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.32);  
    z-index: 9998;
}
.materialContextMenuOverlay.on, .materialDrawerOverlay.on  { 
	display: block;
	opacity: 0;
}

.materialContextMenuOverlay.on.overlay, .materialDrawerOverlay.on.overlay  { 
    -webkit-animation: fadeInFromNone 1s ease-out;
    -moz-animation: fadeInFromNone 1s ease-out;
    -o-animation: fadeInFromNone 1s ease-out;
    animation: fadeInFromNone 1s ease-out;
	opacity: 1;
}
.materialContextMenuOverlay.off, .materialDrawerOverlay.off {
	 display: none;
}

body.materialNoScroll{
	overflow: hidden;
	padding-right: 16px; /* Add margin to the right to prevent window bouncing */
}

[data-countdown] [data-show-if-long-hours]{
	display: none;
}

[data-progress] [data-new],
[data-progress] [data-complete]
{
	display: none;
}

.materialCloseButton{
	color: #5f5f5f;
	position: absolute;
    top: 10px;
    right: 10px;    
    z-index: 10010;
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.materialCloseButton > .fa{
	-webkit-box-shadow: none !important;
	        box-shadow: none !important;
}
.materialCloseButton:hover{
	opacity: 0.8;
}

.materialCloseButton.materialThemeDark{
	color: hsl(45, 12%, 57%);
}


@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

.slower{
	-webkit-transition: all 1s ease !important;
    -o-transition: all 1s ease !important;
    transition: all 1s ease !important; 
}

.slow{
	-webkit-transition: all 0.8s ease !important;
    -o-transition: all 0.8s ease !important;
    transition: all 0.8s ease !important; 
}


.fast{
	-webkit-transition: all 0.5s ease !important;
    -o-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important; 
}

.faster{
	-webkit-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important; 
}

.materialOverlayOpaqueBlack{
	background: black !important;
	opacity: 0.8 !important;
}
.materialOverlayOpaqueWhite{
   background: white !important;
	opacity: 0.4 !important;

}