	/* CSS Document */
	.woie_folders{
		float:left;
		width:68%;
		background-color:#FFF;
		/*border:1px solid #333;*/
	}

	.woie_loader{

		left: 25px;
		top: 10px;
	}

	.woie_modal {
		display: block; /* Hidden by default */
		position: fixed; /* Stay in place */
		z-index: 1; /* Sit on top */
		left: 0;
		top: 0;
		width: 100vw; /* Full width */
		height: 100vh; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	}

	.woie_modal .modal_content {
		background-color: #fefefe;
		margin: 35vh auto; /* 15% from the top and centered */
		padding: 20px;
		border: 1px solid #888;
		width: max-content; /* Could be more or less, depending on screen size */
	}


/* CSS Document */
	li.current a[href="options-general.php?page=woie"],
	li.current:hover a[href="options-general.php?page=woie"]{
		background: url('../img/folder.png') no-repeat !important;
		background-position: 11px 7px !important;
		padding-left: 30px !important;
		background-color: rgba(255,255,255,0.3) !important;
		padding-bottom: 8px !important;
	}
	li.current:hover a[href="options-general.php?page=woie"]{
		background-color: rgba(255,255,255,0.4) !important;
	}




	.woie_log{
		width:32%;
		border:1px solid #666;
		padding:10px;
		background-color: rgba(0,0,0,0.9);
		color:#fff;
		float:right;
		min-height:400px;
		overflow-y:auto;
		overflow-x: hidden;
	}
	.woie_log ul{
	}
	.woie_log ul li{
	}
	.woie_log ul li .fa-check{
		display:none;
	}
	.woie_log ul li.selected .fa-check{
		display:block;
		float:right;
		color:#7e54b1;
	}
	.woie_log .btn.btn-warning,
	.woie_log .bg-warning{
		background-color:#7e54b1 !important;
		color:#fff;
	}
	.woie_log .btn.btn-warning{
		border:1px solid #7e54b1;
	}
	.woie_in_action .woie-nav{
		width: 100%;
	}

	.woie_log ul li.premium-features,
	.woie_log ul li.promotions {
		border-top: 1px solid #7e54b1;
		margin: 60px 0 40px;
	}
	.woie_log ul li.premium-features:after,
	.woie_log ul li.promotions:after {
		content: "Premium Features";
		background-color: #7e54b1;
		color: #fff;
		font-size: 12px;
		padding: 0px 12px 2px;
		float: right;
		
	}
	.woie_log ul li.promotions:after {
		content: "More Plugins";
	}
	.woie_log ul li input[type="color"] {
		padding: 0;
		cursor: pointer;
		position: relative;
		top: 4px;
		border: 0;
		border-radius: 10px;
		height: 18px;
		width: 18px;
		margin: 0 10px 0 0;
	}

	.woie-options ul li a{
		float:right;
		font-size:12px;
		color:#7e54b1;
		text-decoration:none;
		position:relative;
		top:4px;
	}
	.woie-options ul li label{
		width:100%;
	}
	.woie-options ul li a:hover{
		text-decoration:underline;
	}

	.woie-wrapper .hide{

		display: none;

	}

	.woie-wrapper .nav-tab{

		cursor: pointer;
		

	}

	.woie-wrapper .nav-tab:hover{
		text-decoration:none;
	}


	.woie-wrapper {

	}

	.woie_include_ids_select .ss-option{
		display: none;
	}

	.wpie_load_modal{
		background: rgba(0, 0, 0, 0.5);
		z-index: 999999999;
	}

	div.woie-wrapper h2.nav-tab-wrapper a[data-tab="help"]{
		float:right;
	}
	
	.subsubsub li.subsubsub-inner{
		position:relative;
	}
	
	.subsubsub li.subsubsub-inner ul {
		display: none;
		position:absolute;
		background-color:#FFF;
		z-index: 1;
	}
	
	.subsubsub li.subsubsub-inner ul li{
		float:none;
		clear:both;
		text-align:left;
		padding:0 4px;
	}
	
	.subsubsub li.subsubsub-inner ul li a{
		color:#000;
		text-decoration:none;
		font-size:12px;
		display:block;
	}
	
	.subsubsub li.subsubsub-inner ul li:hover{
		background-color:#00aadc;
	}
	
	.subsubsub li.subsubsub-inner ul li:hover a,
	.subsubsub li.subsubsub-inner ul li:hover a span{
		color:#fff;
	}
