/**
 * lib UI styles
 */

 
 
/* GLOBAL: loading element */
#libui-widgets-cover {
    position: fixed;
	left: 0px;
	top: 0px;
	height: 100vh;
	width: 100vw;
	position: absolute;
	z-index: 99;
	background: rgba(0,0,0,.5);
	
	opacity: 0;
	transition: opacity 0.1s ease 0s;
    
    touch-action: none;
}
	#libui-widgets-cover.transition-effect {
		opacity: 1;
	}
 
/* GLOBAL: jquery-ui dialog context menu */
#libui-widgets-contextMenu {
     width: 90vw !important;
     z-index: 199;
     overflow: hidden;
     padding: 0px !important;
}
 
 	
 
     /* context menu option */
     #libui-widgets-contextMenu > label {
         display: block;
         position: relative;
         width: calc( 90vw - 16px );
         height: 17px;
         padding: 7px;
         
         font-size: 17px;
         
         cursor: pointer;
		 /* border-bottom: 1px solid white;
		 background: rgba(0,0,0,.05); */
     }
     
        /* hover */
        .is-desktop #libui-widgets-contextMenu > label:hover {
        	background: rgba(0,0,0,.1);
        }
    
        /* context menu option icon */
        #libui-widgets-contextMenu > label > .fa {
        	color: rgba(100,0,0,.5);
        	font-size: 17px;
        	margin-right: 15px;
			width: 20px;
			text-align: center;
        }
			/* context menu option icon flipped horizontally */
		#libui-widgets-contextMenu > label > .fa.flip-x {
			transform: scaleX(-1);
		}
    
        /* any not-last context menu option */
        #libui-widgets-contextMenu > label:not(:first-of-type):not(.separate) {
        	border-top: 1px solid rgba(0,0,0,.25);
        }
		
		/* context menu option with visual separation */
		#libui-widgets-contextMenu > label.separate {
			border-top: 1px solid black;
		}
 
    /* allow ui-dialog to follow scrolling */
    .ui-dialog {
        position: fixed !important;
		opacity: 0;
		transition: opacity 0.1s ease 0s;
    }
	
		.ui-dialog.transition-effect {
			opacity: .95;
		}
	
		.ui-dialog .ui-dialog-title {
			line-height: 1.1;
		}
 
    /* no close button */
    .ui-dialog-titlebar-close {
        display: none;
    }
     
 /* notification bar */
 div#libui-widgets-notification {
     display: block;
     position: fixed;
     z-index: 50;
     bottom: -16px;
     width: 100vw;
     height: 10px;
     padding: 3px;
     
     text-align: center;
     font-family: Calibri;
     color: white;
     font-size: 11px;
     
     background-color: rgba(50,50,100,.95);
     transition: bottom 0.15s linear 0s;
	 
	 z-index: 299;
 }
 
     div#libui-widgets-notification.show {
         bottom: 0px;
     }