/* Importing */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
.bg {
	background-image: url("../Customize BJH OS/Background Wallpaper/wallpaper.jpg");
	background-size: cover;
  	height: 100vh;
	overflow: hidden;
}

.DesktopShow {display: block;}

.darktheme {
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-backdrop-filter: blur(35px) saturate(150%);
	  backdrop-filter: blur(35px) saturate(150%);
	  color: white;
	  border: 1px solid #f1f1f129;
	  box-shadow: 0px 0px 5px rgb(0, 0, 0);
	  border-radius: 9px;
	  width: inherit;
	  height: inherit;
	  padding: inherit;
	  overflow: inherit;
	  transition: all 0.3s;
}

.darkthemeComp {
	background-color: rgba(10, 10, 10, 0.45);
	  color: white;
	  border: 0.5px solid #f1f1f110;
	  box-shadow: none;
	  border-radius: 9px;
	  width: inherit;
	  height: inherit;
	  padding: inherit;
	  overflow: inherit;
	  transition: all 0.3s;
}
	  
.slider::-webkit-slider-thumb {
    -webkit-appearance: none;  appearance: none;
    width: 15px; height: 15px;
    border-radius: 50%;
    background: #ff9100;
    border: 3px solid white;
    cursor: pointer;
    transition: border 0.05s, scale 0.3s;
    -webkit-scale: 1; scale: 1;
}

.slider::-webkit-slider-thumb:hover {
    border: 2px solid white;
    scale: 1.1;
    background: rgb(255, 166, 0);
}

.slider::-moz-range-thumb {
    width: 25px; height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
}
.slider {
	appearance: none;
	-webkit-appearance: none;
	width: 95%;
	height: 7px;
	border-radius: 5px;
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
  }

  .slider:hover {opacity: 1;}

#Desktop{
	position:absolute;
	width: 100%; 
	top: 0; 
	height: calc(100vh - 67px); 
	height: calc(100dvh - 67px); 
}
#DeskIcons{
	position: absolute;
	left: 0;
	opacity: 0;
	transition: opacity 0.4s;
}
#desk-widget{
	opacity: 0;
	transition: opacity 0.4s;
}
.desktopIcons {
	position: absolute;width: 90px; height: 92.5px; padding: 7px;
	 transition: background-color 0.3s, backdrop-filter 0.3s, border-radius 0.3s, box-shadow 0.3s, transform 0.3s, scale 0.3s;
	  overflow: hidden;
}
 
.desktopIcons img, .desktopIcons p{
    -webkit-filter: drop-shadow(0px 0px 2px rgb(0, 0, 0)); filter: drop-shadow(0px 0px 2px rgb(0, 0, 0));background: transparent; 
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    font-size: 13.5px; font-weight: 600; color: white;
}

.desktopIcons:hover { 	
	background-color: rgba(107, 107, 107, 0.25);
    -webkit-backdrop-filter: blur(15px);
	  backdrop-filter: blur(15px);
	  border-radius: 10px;
	  box-shadow: 0px 0px 7.5px rgb(0, 0, 0);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.desktopIcons:active {-webkit-transform: scale(1);transform: scale(1);}
	  
#context-menu {
	position: fixed;
	z-index: 50;
	width: 290px;
	padding:0px;
	-webkit-transform: scale(0);
	-webkit-transform-origin: top left;
	transform: scale(0);
	transform-origin: top left;
	transition: all 0.3s;
}

#context-menu.visible {-webkit-transform: scale(1) translateX(-15px); transform: scale(1) translateX(-15px); transition: transform 0.3s ease-in-out;}

#context-menu .item {
	padding: 5px;
	font-size: 15px;
	color: #eee;
	border-radius: inherit;
	transition: all 0.3s;
	border-radius: 7px;
	display: flex;
	align-items: center;
	margin-bottom: 2.5px;
	border: 1px solid rgba(104, 104, 104, 0);
}

#context-menu .item:hover {
	color: white;
	background-color: rgba(221, 221, 221, 0.15);
}
 .activeCnt{background-color: rgba(255, 255, 255, 0.1);  	border: 1px solid rgba(104, 104, 104, 0.45);}
#context-menu .item:active{background-color: rgba(255, 255, 255, 0.1);  	border: 1px solid rgba(104, 104, 104, 0.45);}
#context-menu .item img{margin-right: 7.5px; margin-left: 2.5px;}
#context-menu .item p{display: inline-block;}
#context-menu .item span{transform: rotate(90deg); margin-top: 6px;}
#context-menu hr{margin: 5px;}
#view-more{margin-left: 181px;}
#sort-more{margin-left: 166px;}
#new-more{margin-left: 186px;}
#context-menu #cnt-page{padding: 7.5px;}
#context-menu #cnt-cmd{padding: 7.5px;}

.refreshImg{
	animation: refreshRotate 0.5s infinite;
}
@keyframes refreshRotate {
	0%{
		transform: rotate(360deg);
	}
	100%{
		transform: rotate(0deg);
	}
}

#sort-optionsCt{
	display: none;
	position: absolute;
	top: 85px;
	width: 85%;
	margin-left: 10px; padding-top: 5px;
	border: none;
	border-top: 1px solid rgba(221, 221, 221, 0.15);
	transition: all 0.3s;
}
#sort-optionsCt p{
	padding: 7.5px;
	width: 95%;
	transition: all 0.3s;
	border-radius: 8px;
	margin-top: 2.5px;
}
#sort-optionsCt p:hover{background-color: rgba(221, 221, 221, 0.15);}
#sort-optionsCt p:active{background-color: rgba(221, 221, 221, 0.35);}
#sort-more-img{transition: transform 0.3s;}

#view-optionsCt{
	display: none;
	position: absolute;
	top: 45px;
	width: 85%;
	margin-left: 10px; padding-top: 5px;
	border: none;
	border-top: 1px solid rgba(221, 221, 221, 0.15);
	transition: all 0.3s;
	align-items: center;
}
#view-optionsCt p{
	padding: 7.5px;
	width: 95%;
	transition: all 0.3s;
	border-radius: 8px;
	margin-top: 2.5px;
	display: inline-block;
}
#view-optionsCt hr{border:1px solid rgba(204, 204, 204, 0.15); width: 95%;}
#view-optionsCt p:hover{background-color: rgba(221, 221, 221, 0.15);}
#view-optionsCt p:active{background-color: rgba(221, 221, 221, 0.35);}
#view-optionsCt p img{
	width: 20px; 
	margin-bottom: -5px; margin-left: 2.5px;
}
#view-optionsCt p i{display: none; margin-right: 7.5px;}
#view-more-img{transition: transform 0.3s;}

#new-optionsCt{
	display: none;
	position: absolute;
	top: 175px;
	width: 85%;
	margin-left: 10px; padding-top: 5px;
	border: none;
	border-top: 1px solid rgba(221, 221, 221, 0.15);
	transition: all 0.3s;
}
#new-optionsCt p{
	padding: 7.5px;
	width: 95%;
	transition: all 0.3s;
	border-radius: 8px;
	margin-top: 2.5px;
}
#new-optionsCt p:hover{background-color: rgba(221, 221, 221, 0.15);}
#new-optionsCt p:active{background-color: rgba(221, 221, 221, 0.35);}
#new-more-img{transition: transform 0.3s;}

#context-menuTB {
	position: fixed;
	z-index: 100;
	width: 190px;
	padding:0px;
	transition: all 0.3s;
	visibility: hidden;
	pointer-events: none;
	bottom: -50%;
	transform: scale(0);
}

#context-menuTB.visible {
	transform: scale(1);
	visibility: visible;
	pointer-events: all;
	bottom: 63px; 
	transition: bottom 0.3s;
}

#context-menuTB .item {
	padding: 6px;
	font-size: 13px;
	color: #eee;
	border-radius: inherit;
	transition: all 0.3s;
	border-radius: 7px;
	display: flex;
	align-items: center;
	margin-bottom: 6px;
	border: 1px solid rgba(104, 104, 104, 0);
}

#context-menuTB .item:hover {
	color: white;
	background-color: rgba(221, 221, 221, 0.15);
}
#context-menuTB .item:active{background-color: rgba(255, 255, 255, 0.1);border: 1px solid rgba(104, 104, 104, 0.45);}
#context-menuTB .item img{margin-right: 7.5px; margin-left: 2.5px;}
#context-menuTB .item p{display: inline-block;}
#context-menuTB .item i{margin-right: 6px;}
#context-menuTB .item span{margin-top: 2.5px; position: absolute; right: 10px; transform: scale(0.9);}
#context-menuTB hr{margin: 5px; border: 1px solid rgba(221, 221, 221, 0.15);}

#tbStyleCT{
	position: absolute;
	top: 80px; left: 0px;
	transition: all 0.4s;
	pointer-events: none;
	opacity: 0;
}
.desk-widget-info{
	margin-top: 15px; 
	background-color: rgba(0, 0, 0, 0.5);
	padding: 5px; padding-top: 7.5px;
	border-radius: 8px ;
	-webkit-backdrop-filter: blur(25px) saturate(150%);  backdrop-filter: blur(25px) saturate(150%); 
	padding-left: 25px; padding-right: 20px;
	border: 1px solid #f1f1f138; 
	border-right: 0px; transition: all 0.3s;
	display: flex;
}
.appControls{
	position:absolute;
	top: 0px; right: 25px;
}

#close{
	background: red;
	height: 6px;
	width: 90px;
	border-radius: 5px;
	transition: all 0.5s;
	cursor: pointer;
	display:inline-block;
  }
  
  #close:hover{
	height: 7.5px; -webkit-transform: scale(1.1) translateY(2px); transform: scale(1.1)   translateY(2px);
	box-shadow: 0px 0px 2px black;
  }
  
  #close:active{ -webkit-transform: scale(1); transform: scale(1);  }
  
  #min{
	background:rgba(135, 135, 135, 0.35);
	height: 5px;
	width: 85px;
	border-radius: 5px;
	transition: all 0.5s;
	cursor: pointer;
	display:inline-block;
	margin-right: 2.5px;
  }
  
  #min:hover{
	background: greenyellow;
	scale: 1.1;  	height: 10px; -webkit-transform: translateY(5px); transform: translateY(5px);
	box-shadow: 0px 0px 2px black;
  }
  
  #min:active{-webkit-scale: 1; scale: 1;}
  
  #max{
	background:rgba(135, 135, 135, 0.35);
	height: 5px;
	width: 85px;
	border-radius: 5px;
	transition: all 0.5s;
	cursor: pointer;
	display:inline-block;
	margin-right: 2.5px;
  }
  
  #max:hover{
	background: yellow;
	scale: 1.1;  	height: 10px; -webkit-transform: translateY(5px); transform: translateY(5px);
	box-shadow: 0px 0px 2px black;
  }
  
  #max:active{-webkit-scale: 1; scale: 1;}
  
  .Welcome{
	  position: absolute;
	  width: 450px;
	  left: 50%;	top: 50%;
	  -webkit-transform: translate(-50%, -55%) scale(0);
	  transform: translate(-50%, -52.5%) scale(0);
	  height: 505px;
	  transition: all 0.5s;
	  z-index: 51;
	  padding: 20px;
  }
  
  .Welcome img{width: 45px; margin-right: 15px; filter: saturate(120%);}
  .Welcome h1{font-size: 40px;
	  background: -webkit-linear-gradient(180deg, rgb(255, 123, 0), orange);
	  -webkit-background-clip: text;
	  background-clip: text;
	  -webkit-text-fill-color: transparent;
	}

	.welcome-options{
		width: 450px;
		position: absolute;
		top: 100px;
		display: flex;
	}
	.welcome-options button{
		width: calc(100% / 2);
		padding: 7.5px;
		color: white;
		background-color: rgba(109, 109, 109, 0.2);
		border-radius: 5px;
		border: none;
		transition: all 0.3s;
	}
	.welcome-options button:hover{background-color: rgba(109, 109, 109, 0.3);}
	.welcome-options button:active{background-color: rgba(109, 109, 109, 0.4);}
	#rgos-fam{margin-left: 7.5px;}

  .Welcome #welcome-logo{
	  align-items: center;
	  position: absolute;
	  left: 50%;
	  -webkit-transform: translateX(-50%);
	  transform: translateX(-50%);
	  width: max-content;
	  display: flex;
	  padding-top: 10px;
  }
  
  .welcome-content {
	  margin-top: 120px;
	  padding: 20px; padding-top: 25px;	  position: relative;
	  height: calc(475px - 195px);
	  overflow: scroll; overflow-x: hidden;
	  background-color: rgba(66, 66, 66, 0.2);
	  border-radius: 10px;
  }
  .welcome-content a{transition: all 0.3s;}
  .welcome-content a:hover{color: orange;}
  
  .welcome-content p{
	  padding: 12.5px;
	  font-size: 13px;
	  text-align: left;
	  background-color: rgba(109, 109, 109, 0.2);
	  border-radius: 5px;
	}
	
	.welcome-content h4{
	  padding-top: 10px; padding-bottom: 10px; color: rgb(255, 224, 167);
	}
	
	.welcome-content ol{
		margin-top: 5px;
		margin-bottom: 5px;
		border-radius: 5px;
		background-color: rgba(109, 109, 109, 0.2);
	  padding: 10px;  font-size: 13px; padding-left: 35px; padding-top: 5px;
	}
	
	#welcome-cont{
		display: block;
	}
		
	#RGOS-cont{
		width:102%;
		display: none;
	}
	#RGOS-cont span{display: flex;}
	.RGOS-fam-btn{
		width: calc(100% /1);
		background-color: rgba(109, 109, 109, 0.2);
		border-radius: 5px;
		margin: 5px;
		border: none;
		padding: 7.5px;
		transition: all 0.3s;
	}
	.RGOS-fam-btn:hover{background-color: rgba(109, 109, 109, 0.3);}
	.RGOS-fam-btn:active{background-color: rgba(109, 109, 109, 0.4);}
	.RGOS-fam-btn span{
		text-align: left;
		align-items: center;
	}
	.RGOS-fam-btn img{
		width: calc(100% / 1);
		margin-top: 20px; margin-bottom: 10px;
	}
	.RGOS-fam-btn span img{width: 22.5px; margin-top: 0; margin-bottom: 0;}
	.RGOS-fam-btn span p{margin-left: -20px; background: none; padding:0; padding-left: 10px;}


	.welcome-btn {
		color: white; 
		background-color:rgb(255, 123, 0);
		border-radius: 8px; 
		 padding: 10px; 
		 cursor: pointer; 
		 width: 100%;
		 font-size: 16px; font-weight: bold; 
		 border: 1px solid #ccc; 
		 transition: all 0.5s;
		margin-top: 20px; margin-right: 0px;
		 float: right;
	  }
  
	  .welcome-btn:hover{
		  background-color:rgba(66, 66, 66, 0.341);
		  border: 1px solid #cccccc49; 
	  }

	  .taskbar {
		overflow: hidden;
		position: fixed;
		bottom: -47px;
		  width: 97%; 
		height: 47px;
		left: 50%;
		z-index: 101;
		background-color: rgba(0, 0, 0, 0.6);
		-webkit-backdrop-filter: blur(35px) saturate(135%);
		backdrop-filter: blur(35px) saturate(135%);
		  color: white;
		  border: 0.5px solid #f1f1f123;
		  box-shadow: 0px 0px 5px rgb(0, 0, 0);
		  border-radius: 15px;
		transition: all 0.45s;
		transform: translateX(-50%);
	  }
		#tbItems{transition: opacity 0.3s;}
	  #mytaskbar{display: block;}
	  #mytaskbar-mobile{display: none;}
	
		.taskbar a {
		  float: left;
		  color: #f2f2f2;
		  text-align: center;
		  padding: 14px 16px;
		  text-decoration: none;
		  font-size: 12px;
		  margin: 3px;
		  border-radius: 6px;
		  transition: all 0.3s;
		  vertical-align: middle;
		}
		
		.taskbar a:hover {background-color: rgba(100, 100, 100, 0.4);}
		.taskbar a:active {scale: 0.85;}

		.dockApps {
			position: absolute;
			transition: all 1s;
			left: 20px;
			bottom: 11px;
			width: max-content;
			display: flex;
		  }
	
		.startbutton {
		  left: 50%;
		  z-index: 111;
		  width: 25px;
		  height: 25px;
		  border-radius: 35px;
		  transition: all 0.3s;
		}
	
		.startbutton :hover {
		  background-color: rgba(139, 139, 139, 0.25); 	
		  border:  0.5px solid #0000001f;
		  border-radius: 8px;
		  padding: 7px;
		  -webkit-transform: translate(-8px, -8px);	
		  transform: translate(-8px, -8px);	
		}
	
		.startbutton:active{scale: 0.85;}
		.startbutton #nonSe{display: block; }
		
		.startbutton #Se {
		  display: none;
		  background-color: rgba(139, 139, 139, 0.25); 	
		  border:  0.5px solid #0000001f;
		  padding: 7px;
		  border-radius: 10px;
		  border: 0.15px solid rgba(170, 182, 221, 0.10);
		  -webkit-transform: translate(-8px, -8px);	
		  transform: translate(-8px, -8px);
		}
	
		.tabbutton {
			left: 50%;
			z-index: 111;
			width: 25px;
			height: 25px;
			border-radius: 35px;
			margin-left: 20px;
			bottom: 0;
		}
		
		.tabbutton :hover {
			background-color: rgba(139, 139, 139, 0.25); 	
			border:  0.5px solid #0000001f;
			padding: 7px;
			border-radius: 8px;
			-webkit-transform: translate(-8px, -8px);	
			transform: translate(-8px, -8px);
		}
		
		.tabbutton:active{scale: 0.85;}
		.tabbutton #nonSet{display: block;}
		
		.tabbutton #set {
		  display: none;
		  background-color: rgba(139, 139, 139, 0.25); 	
		  border:  0.5px solid #0000001f;
		  padding: 7px;
		  border-radius: 10px;
		  border: 0.15px solid rgba(170, 182, 221, 0.10);
		  -webkit-transform: translate(-8px, -8px);	
		  transform: translate(-8px, -8px);
		}
	
		.calbutton{
			position: absolute;
			transition: all 0.3s;
			border: none;
			right: 6px;
			bottom: 5px;
			width: 105px;
			color: white;
			cursor: pointer;
			font-weight: bold;
			border-radius: 10px;
			padding: 3px;
			z-index: 203;
			background-color: transparent;
			text-align: right;
			font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
			font-size: 12px;
		}
	
		.calbutton:hover {background-color: rgba(170, 170, 170, 0.25);}
		.calbutton:active{scale: 0.90;}
	
		.notybutton {
		  float: right;
		  margin-top: 5px;
		  margin-right: 5px;
		  margin-left: 7.5px;
		}
	  
	.FIlesbutton {
		left: 50%;
		z-index: 111;
		width: 25px;
		height: 25px;
		border-radius: 35px;
		transition: all 0.3s;
		margin-left: 20px;
	}
	
	.FIlesbutton :hover {
		background-color: rgba(139, 139, 139, 0.25); 	
		border:  0.5px solid #0000001f;
		border-radius: 8px;
		padding: 7px;
		border-radius: 10px;
		-webkit-transform: translate(-8px, -8px);	
		transform: translate(-8px, -8px);
		margin-bottom: -17px;
	}
	
	.FIlesbutton:active{scale: 0.85;}
	
	.FIlesbutton #seF {
		display: none;
		background-color: rgba(139, 139, 139, 0.25); 	
		border:  0.5px solid #0000001f;
		border-radius: 8px;
		padding: 7px;
		border-radius: 10px;
		border: 0.15px solid rgba(170, 182, 221, 0.10);
		-webkit-transform: translate(-8px, -8px);	
		transform: translate(-8px, -8px);
	}
	
	.FIlesbutton #nonSeF{
		display: block;
	}
	.FIlesbutton .HiddenF{
		display: none;
		width: 17.5px;
		background-color: orange;
		height: 3.5px;
		border-radius: 500px;
		margin-left: 3.5px; margin-top: 3.5px;
	}
	
	.FIlesbutton .HiddenF:hover {
		background-color: orange;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		padding: 0px;
		border-radius: 5px;
		border: none;
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
	
	.Edgebutton {
		left: 50%;
		z-index: 111;
		width: 25px;
		height: 25px;
		border-radius: 35px;
		transition: all 0.3s;
		margin-left: 20px;
	}
	
	.Edgebutton :hover {
		background-color: rgba(139, 139, 139, 0.25); 	
		border:  0.5px solid #0000001f;
		border-radius: 8px;
		padding: 7px;
		border-radius: 10px;
		-webkit-transform: translate(-8px, -8px);
		transform: translate(-8px, -8px);
		margin-bottom: -17px;
	}
	
	.Edgebutton:active{scale: 0.85;}
	
	.Edgebutton #seB {
		display: none;
		background-color: rgba(139, 139, 139, 0.25); 	
		border:  0.5px solid #0000001f;
		border-radius: 8px;
		padding: 7px;
		border-radius: 10px;
		border: 0.15px solid rgba(170, 182, 221, 0.10);
		-webkit-transform: translate(-8px, -8px);
		transform: translate(-8px, -8px);
	}
	
	.Edgebutton #nonSeB{
		display: block;
	}
	
	#SearchInput{padding-left: 35px; padding-right: 10px;}
	#SearchInput2{
		position: absolute;
		bottom: 6px;
		transition: transform 0.1s, left 1.3s;
		left: 147.5px;
		transform: rotateY(180deg);
	}
	
	#SearchInput2:active{-webkit-transform:scale(0.90); transform:scale(0.90);}
	
	.actionbutton {
		position: absolute;
		right: 117.5px;
		bottom: 8px;
		z-index: 111;
		width: 25px;
		height: 25px;
		border-radius: 5px;
		transition: 0.3s;
	}
	
	.actionbutton :hover {
		background-color: rgba(212, 212, 212, 0.25); 	
		border:  0.5px solid #0000001f;
		padding: 5px;
		border-radius: 7.5px;
		-webkit-transform: translate(-6px, -6px);
		transform: translate(-6px, -6px);
	}
	
	.actionbutton:active{scale: 0.85;}
	
	.actionbutton #nonSeA{display: block;}
	
	.actionbutton #seA {
		display: none;
		background-color: rgba(212, 212, 212, 0.25); 	
		border:  0.5px solid #0000001f;
		padding: 5px;
		border-radius: 7.5px;
		border: 0.15px solid rgba(170, 182, 221, 0.10);
		-webkit-transform: translate(-6px, -6px);
		transform: translate(-6px, -6px);
	}
	
	.actionbutton2 {
		position: absolute;
		right: 100px;
		bottom: 8px;
		z-index: 111;
		width: 25px;
		height: 25px;
		border-radius: 35px;
		transition: 0.3s;
	}
	
	.actionbutton2 :hover {
		background-color: rgba(212, 212, 212, 0.25); 	
		border:  0.5px solid #0000001f;
		padding: 5px;
		border-radius: 7.5px;
		-webkit-transform: translate(-6px, -6px);
		transform: translate(-6px, -6px);
	}
	
	.actionbutton2:active{scale: 0.85;}
	.actionbutton2 #nonSeA2{display: block;}
	
	.actionbutton2 #seA2 {
		display: none;
		background-color: rgba(212, 212, 212, 0.25); 	
		border:  0.5px solid #0000001f;
		padding: 5px;
		border-radius: 7.5px;
		border: 0.15px solid rgba(170, 182, 221, 0.10);
		-webkit-transform: translate(-6px, -6px);
		transform: translate(-6px, -6px);
	}
	
	.actionbutton3 {
		position: absolute;
		right: 90px;
		bottom: 8px;
		z-index: 111;
		width: 25px;
		height: 25px;
		border-radius: 35px;
		transition: 0.3s;
	}
	
	.actionbutton3 :hover {
		background-color: rgba(212, 212, 212, 0.25); 	
		border:  0.5px solid #0000001f;
		padding: 5px;
		border-radius: 7.5px;
		-webkit-transform: translate(-6px, -6px);
		transform: translate(-6px, -6px);
	}
	
	.actionbutton3:active{scale: 0.85;}
	.actionbutton3 #nonSeA3{display: block;}
	
	.actionbutton3 #seA3 {
		display: none;
		background-color: rgba(212, 212, 212, 0.25); 	
		border:  0.5px solid #0000001f;
		padding: 5px;
		border-radius: 7.5px;
		border: 0.15px solid rgba(170, 182, 221, 0.10);
		-webkit-transform: translate(-6px, -6px);
		transform: translate(-6px, -6px);
	}

	.actionbutton4 {
		position: absolute;
		right: 90px;
		bottom: 6.5px;
		z-index: 111;
		width: 25px;
		height: 25px;
		border-radius: 35px;
		transition: 0.3s;
	}
	
	.actionbutton4 :hover {
		background-color: rgba(212, 212, 212, 0.25); 	
		border:  0.5px solid #0000001f;
		padding: 5px;
		border-radius: 7.5px;
		-webkit-transform: translate(-6px, -6px);
		transform: translate(-6px, -6px);
	}
	
	.actionbutton4:active{scale: 0.85;}
	.actionbutton4 #nonSeA4{display: block;}
	
	.actionbutton4 #seA4 {
		display: none;
		background-color: rgba(212, 212, 212, 0.25); 	
		border:  0.5px solid #0000001f;
		padding: 5px;
		border-radius: 7.5px;
		border: 0.15px solid rgba(170, 182, 221, 0.10);
		-webkit-transform: translate(-6px, -6px);
		transform: translate(-6px, -6px);
	}
	
		.widgetbutton{
			position: absolute;
			transition: all 0.3s;
			border: none;
			color: white;
			font-weight: bold;
			border-radius: 10px;
			z-index: 203;
			background-color: transparent;
			text-align: left;
			font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
			font-size: 12px;
			display:flex ;
			
			bottom: -10px;
			left: 85px;
			width: max-content;
			padding: 2.5px;
		}
	
		.widgetbutton:hover {background-color: rgba(170, 170, 170, 0.20);}
		.widgetbutton:active{scale: 0.95;}
	
		.widgetbutton .widgetB-shorten{display: block; }
		.widgetbutton .widgetB-shorten img{transition: scale 0.3s;}
		.widgetbutton .widgetB-shorten img:hover{scale: 1.05;}
		.widgetbutton .widgetB-shorten img:active{scale: 1;}
		
		.widgetbutton .widgetB-expand{display: none; padding-left: 5px;}
		.widgetbutton .widgetB-expand h6 {margin-right: 10px;}
		.widgetbutton .widgetB-expand img {padding-right: 5px; margin-top: 2.5px; filter: invert(100%); cursor: pointer; width: 13px; height: 13px; transition: all 0.3s;}
		.widgetbutton .widgetB-expand img:hover{scale: 1.1;}

		.startmenu{
			justify-self: flex-end;
			left: 1.5%;
			bottom: -665px;
			width: 597px;
			height: 505px;
			padding-bottom: 10px;
			padding-left: 15px; padding-top: 10px;
			position: absolute;
			  opacity: 0;
			  visibility: hidden;
			transition: all 1s;
			overflow:visible;
			font-size: 14px;
			z-index: 99;
		}
		.startmenu img{
			padding-right: 9px;
			padding-left: 8px;
			padding-bottom: 2.5px;
		}
		#startPfp{
			padding: 5px;
			margin-top: -15px;
			margin-bottom: 2.5px;
			border: 0.5px solid #f1f1f12a;
			border-radius: 50%;
			background-color: rgba(78, 78, 78, 0.2);
			-webkit-backdrop-filter: blur(35px);
			backdrop-filter: blur(35px);
		}
		.startmenu p {
			font-size:15px;
			font-family: Arial, Helvetica, sans-serif;
			text-align: justify;
		}
		
		.startmenu hr {border: 0.5px solid #f1f1f12a;}
		
		.Start-moreMenu{
			position: absolute;
			top: 12px;
			right: 24px;
			font-size: 22px;
			padding-top: 5px;
			border-radius: 5px;
			background-color: rgba(110, 110, 110, 0);
			transition: all 0.3s;
		}
		
		.Start-moreMenu img{width: 20px;}
		.Start-moreMenu:hover{background-color: rgba(110, 110, 110, 0.2);}
		.Start-moreMenu:active{background-color: rgba(110, 110, 110, 0.4);}
	  
	  .StartPinned {
		  position: relative;
		  display:flex;
		  float: right;	
		  margin-right: 20px;
		  padding: 9px;
		  width: 315px; height: 95px;
		  overflow-x: scroll;
		  overflow-y: hidden;
		  background-color: rgba(0, 0, 0, 0.20);
		  border-radius: 8px;
		  font-family: Arial, Helvetica, sans-serif;
		  border:  0.5px solid #f1f1f12a;
	  }
	
	  
	  .StartPinnedApps-r {
		  width: calc(100% / 2); height: 30px;
		  padding: 10px;	padding-right: 32.5px;
		  display: flex;
		  background-color: rgba(0, 0, 0, 0.20);
		  border-radius: 8px;
		  font-family: Arial, Helvetica, sans-serif;
		  border:  0.5px solid #f1f1f12a;
		  align-items: center;
		  transition: all 0.3s;
		  margin: 2.33px; margin-right: 7.5px;
	  }

	  .StartPinnedApps-r.dragging2 {
		scroll-behavior: auto;
	  }

	  .StartPinned::-webkit-scrollbar{display: none;}

	  
	  #Recommended{height: 70px; padding-bottom: 0;}
	  
	  .StartPinnedApps-r:hover{background-color: rgba(54, 54, 54, 0.2);}
	  .StartPinnedApps-r:active{background-color: rgba(92, 92, 92, 0.2);}

	  .StartPinnedA {
		  position: absolute;
		  bottom: 10px; right: 20px; padding: 5px; padding-bottom: 0; padding-top: 6px;
		  background-color: rgba(0, 0, 0, 0.20);
		  border-radius: 8px;
		  width: 115px; height: 65px;
		  font-family: Arial, Helvetica, sans-serif;
		  border:  0.5px solid #f1f1f12a;
		  overflow: hidden;
	  }
	  
	  .StartPinnedA .btn-Stc{
		  cursor: pointer;
		  border-radius: 5px;
		  transition: all 0.3s; margin-bottom: 3px;
		  padding: 3px;
		  color: white;
		  display:flex;
	  }
	  
	  .StartPinnedA .btn-Stc img{filter: invert(100%);}
	  .StartPinnedA .btn-Stc p{font-size: 13.5px; margin-top: 2.5px;}
	  .StartPinnedA  .btn-Stc:hover{ background-color: rgba(92, 92, 92, 0.2);}
	  .StartPinnedA  .btn-Stc:active{background-color: rgba(54, 54, 54, 0.2);}
	  
	  .StartPinnedW {
		  position: absolute;
		  bottom: 87.5px;
		  padding: 11px;padding-bottom: 15px;
		  width: 175px; height: 100px;
		  background-color: rgba(0, 0, 0, 0.20);
		  border-radius: 8px;
		  font-family: Arial, Helvetica, sans-serif;
		  border:  0.5px solid #f1f1f12a;
	  }
	
	  .musicThumbNailD{float: left; background: rgba(103, 103, 103, 0.25); padding: 15px; border-radius: 5px; margin-bottom: 9px; 	border: 1px solid rgba(104, 104, 104, 0.45);}
	  
	  #musicW-start-no{
		  position: absolute;
		  font-size: 10px;
		  bottom: 34px;
		  left: 17.5px;
	  }
	  
	  #musicW-end-no{
		  position: absolute;
		  font-size: 10px;
		  bottom: 37.5px;
		  right: 17.5px;
	  }
	  
	  .StartPinnedW2 {
		  padding: 11px;
		  position: absolute;
		  bottom: 10px;
		  width: 175px;
		  background-color: rgba(0, 0, 0, 0.20);
		  border-radius: 8px;
		  font-family: Arial, Helvetica, sans-serif;
		  border:  0.5px solid #f1f1f12a;
	  }
	  
	  .StartPinnedW2 p{padding-bottom: 5px; text-align: left;}
	  
	  .StartPinnedW2 .Savebtn {
		  display:inline-block; margin-right: -15px; 
		  margin-bottom: -10px;filter: invert(100%); 
		  padding: 3px; background-color: rgba(0, 0, 0, 0.09); 	
		  border:  0.5px solid #0000001f; border-radius: 5px; cursor: pointer;
	  }
	  .StartPinnedW2 .Savebtn:hover{ background-color: rgba(92, 92, 92, 0.2);}
	  .StartPinnedW2 .Savebtn:active{background-color: rgba(54, 54, 54, 0.2);}
	  
	  .StartPinnedW3 {
		  position: absolute;
		  bottom: 87.5px;
		  right: 20px;
		  padding: 13px;
		  width: 100px;
		  height: 100px;
		  background-color: rgba(0, 0, 0, 0.20);
		  border-radius: 8px;
		  font-family: Arial, Helvetica, sans-serif;
		  border:  0.5px solid #f1f1f12a; overflow: hidden;
	  }
		
	  .startApps {
		  padding: 11px;
		  padding-top: 15px;
		  width: 170px; height: 352px;
		  -webkit-backdrop-filter: none;
		  backdrop-filter: none;
		  text-align: justify; overflow-y: scroll; overflow-x: hidden; margin-right: 2px;
	  }
	  
			  .startAppsbutton {
				  display: block;
				  background-color: inherit;
				  color: #ccc;
				  padding: 5px 10px;
				  width: 96%; margin-left: 5px;
				  border: none; border-radius: 5px;
				  outline: none; margin-bottom: 5px;
				  text-align: left;
				  cursor: pointer;
				  transition: 0.3s;
				  font-size: 13.25px;
			  }
			  
			  .startAppsbutton:hover {
				  color: white;
				  background-color: rgba(221, 221, 221, 0.15);
			  }
	  
			  .startAppsbutton:active {
				  background-color: rgba(221, 221, 221, 0.25);
			  }
	  
			  .startAppsbuttonH {
				  display: block;
				  background-color: inherit;
				  color: #ccc;
				  padding: 5px 10px;
				  width: 96%; margin-left: 5px;
				  border: none; border-radius: 5px;
				  outline: none; margin-bottom: 5px;
				  text-align: left;
				  cursor: pointer;
				  transition: 0.3s;
				  font-size: 13.25px;
			  }
	  
	  .MoreBtn {
		  float: right; 
		  margin-right: 30px; 
		  margin-top: -7.5px;
		  background-color: rgba(47, 47, 47, 0.30); 
		  border-radius: 5px; 
		  padding: 3px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px;
		  backdrop-filter:  contrast(70%);
		  -webkit-backdrop-filter: contrast(70%);
		  transition: all 0.3s;
		  border: 1px solid rgba(104, 104, 104, 0);
	  }
	  
	  .MoreBtn:hover{
		background-color: rgba(0, 0, 0, 0.5); 
		border: 1px solid rgba(104, 104, 104, 0.25);
	}
	  .MoreBtn:active{background-color: rgba(33, 33, 33, 0.7); }
	  
	  #myMenu {list-style-type: none; }
	  #myMenu li a {text-decoration: none;color: rgb(255, 255, 255);}
	  #myMenu img{width: 20px; margin-left: -10px;  margin-bottom: -7.5px; margin-right: -2.5px;}
	  
	  
	  .tab {
		  overflow: auto;
		  width: 100%;
	  }

	  .widgets{
		position: absolute;
		width: 42.5%;
		height: calc(100vh - 100px); 
		height: calc(100dvh - 100px); 
		border-radius: 20px;
		bottom: -1665px;
		left: 2%;
		background-color: rgba(0, 0, 0, 0.65);
		-webkit-backdrop-filter: blur(35px);
		  backdrop-filter: blur(35px) ;
		box-shadow: 0px -0.5px 1px rgba(95, 95, 95, 0.1);
		z-index: 98;
		color: white;
		padding: 10px;
		margin-top: 10px;
		transition: all 1s;
		overflow: hidden;
		border: 1px solid rgba(209, 209, 209, 0.329);
	}
	
	@media screen and (max-width: 1355px) {.widgets{width: 50%;}}
	@media screen and (max-width: 1100px) {.widgets{width: 60%;}}
	@media screen and (max-width: 950px) {.widgets{width: 65%;}}
	
	.widgets-cont{
		padding-top: 15px;
		width: 100%;
}

	#widget-search{
		position: relative;
		top: 50%; left: 1.5%; border-radius: 10px;
		width: 76%; margin: 0px; margin-top: 13.5px;
		-webkit-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
		border:  0.25px solid #f1f1f11e;
		height: 36px;
	}
	
	#SearchInput2W{
		position: absolute;
		transition: all 0.1s;
		left: 5%;
		top: 30px;
		transform: rotateY(180deg);
	}

	.widget-btn{
		position: absolute;
		transition: all 0.1s;
		right: 2.75%;
		top: 20px;
		padding: 7.5px;
		border:  0.25px solid #f1f1f11e;
		border-radius: 8px;
		background-color: rgba(241, 241, 241, 0.06);
		transition: all 0.3s;
	}
	.widget-btn:hover{background-color: rgba(241, 241, 241, 0.1)}
	.widget-btn:active{background-color: rgba(241, 241, 241, 0.2)}

	.widgetB{
		position: absolute;
		padding: 17.5px;
		padding-bottom: 7.5px;
		width: 89%; 
		left: 50%;
		border-radius: 30px;
		height: calc(100% - 120px); 
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		overflow: hidden;
		overflow-y: scroll;
		border:  0.25px solid #f1f1f13a;
		border-radius: 15px;
		background-color: rgba(41, 41, 41, 0.15);
		display: block;
	}

	.widgetSearch{
		position: absolute;
		padding: 17.5px;
		padding-bottom: 7.5px;
		width: 89%; 
		left: 50%;
		border-radius: 30px;
		height: calc(100% - 120px); 
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		overflow: hidden;
		border:  0.25px solid #f1f1f13a;
		border-radius: 15px;
		background-color: rgba(41, 41, 41, 0.15);
		display: none;
	}
	.widgetSearch iframe{
		border-radius: 15px;	
		width: 100%;
		height: 97.25%;
		border:  0.25px solid #f1f1f13a;
	}

	.calcW{
		width: 92%;
		margin-top: 20px;
		border-radius: 20px;
		height: 350px;
		padding: 10px;
		border:  0.5px solid #f1f1f12a;
	}
	
	.TranW{
			width: 99%;
			margin-top: 20px;
			border-radius: 20px;
			background-color: rgba(0, 0, 0, 0.20);
			height: 455px;
			border:  0.5px solid #f1f1f12a;
	}
	
	.qrW{
		width: 99%;
		margin-top: 20px;
		border-radius: 20px;
		height: 527.5px;
		background-color: rgba(0, 0, 0, 0.20);
		border:  0.5px solid #f1f1f12a;
	}
	
	.dictW{
		width: 99%;
		margin-top: 20px;
		border-radius: 20px;
		height: fit-content;
		min-height: 375px;
		background-color: rgba(0, 0, 0, 0.20);
		border:  0.5px solid #f1f1f12a;
	}
	
	.widgetB-left{
		position: relative;
		float: left;
		width: 49%;
		padding-bottom: -17.5px;
	}
	
	.widgetB-right{
		position: relative;
		float: right;
		width: 49%;
		padding-bottom: 17.5px;
	}
	
	.weather-widgetB{
	position: relative;
	width: 100%;
	border-radius: 20px;
	border:  0.5px solid #f1f1f12a;
	height: 260px;
	}
	
	.Music-widget {
		width: 92.5%;  height: 300px;
		position: relative;
		padding: 11px;padding-bottom: 15px;
		background-color: rgba(0, 0, 0, 0.20);
		border-radius: 20px;
		border:  0.5px solid #f1f1f12a;
	}
	
	.Music-widget #widget-music-title{
		margin-left: 70px; 
		position: absolute;
		margin-top: 10px;
		font-size: 15px;
	}
	
	.Music-widget #widget-music-author{
		margin-left: 70px; 
		position: absolute;
		margin-top: 32.5px;
		color: #bbb;
	}
	
	.musicThumbNailD2{
		float: left; background: rgba(53, 53, 53, 0.45); padding: 18px; border-radius: 10px; margin-bottom: 6px; border: 1px solid rgba(104, 104, 104, 0.45)
	}
	
	.Music-widget span{
		padding: 5px;
		margin: -1px;
		border-radius: 7.5px;
		border: 1px solid rgba(104, 104, 104, 0);
		transition: all 0.3s;
	}
	
	.Music-widget span:hover{
		background-color: #b9b9b924;
		border: 1px solid rgba(104, 104, 104, 0.45);
	}
	.Music-widget span:active{
		background-color: #fbfbfb24;
	}
	
	#MW-repeat{
		position: absolute;
		top: 72.5px; left: 7.5px;
		-webkit-transform: scale(0.80);
		transform: scale(0.80);
	}
	
	#MW-shuffle{
		position: absolute;
		top: 72.5px; left: 40px;
		-webkit-transform: scale(0.80);
		transform: scale(0.80);
	}
	
	.playlist-cont{
		width: 97.5%;
		position: relative;
		top: 35px;
		height: 140px;
		padding-top: 6.5px; padding-right: 6.5px; padding-bottom: 6.5px;
		overflow-x: hidden; overflow-y: scroll;
		background-color: #b9b9b915;
		border-radius: 10px;
		border: 1px solid rgba(104, 104, 104, 0.45)
	}
	
	.playlist{
		width: 89%;
		margin-left: 5px;
		padding: 10px;
		position: relative;
		border: 1px solid rgba(104, 104, 104, 0);
		border-bottom: 1px solid rgba(104, 104, 104, 0.2);
		transition: all 0.3s;
	}
	
	.playlist:hover{
		border-radius: 10px;
		background-color: #b9b9b915;
		border: 1px solid rgba(104, 104, 104, 0.45)
	}
	.playlist:active{
		background-color: #b9b9b930;
	}
	
	.playlist .musicThumbNailD2PL{
		background: rgba(53, 53, 53, 0.75);
		width: 22px;
		padding: 10px;
		border-radius: 8px;
		transition: all 0.3s;
		border: 1px solid rgba(104, 104, 104, 0.45);
		
	}
	
	.playlist img{
		position: absolute;
		top: 10px; right: 10px;
		padding: 10px;
		border-radius: 8px;
		width: 16px;
		transition: all 0.3s;
		background-color: #00000000;
		border: 1px solid rgba(104, 104, 104, 0)
	}
	.playlist img:hover{
		background-color: #b9b9b92a;
		border: 1px solid rgba(104, 104, 104, 0.2)
	}
	.playlist img:active{
		background-color: #b9b9b945;
	}
	.playlist-details{
		position: absolute;
		top: 18px; left: 65px;
	}
	
	.playlist-details h6{margin-bottom: 1px;}
	
	#musicW-start-no2{
		position: absolute;
		font-size: 10px;
		bottom: 40px;
		left: 17.5px;
	}
	
	#musicW-end-no2{
		position: absolute;
		font-size: 10px;
		bottom: 40px;
		right: 17.5px;
	}
	
	#widgetM-controls{
		position: absolute;
		right: 9px;
		top: 76px;
	}
	
	#widgetM-controls img{
	margin: 5px; width: 16px;
	}
	
	#WidgetM-slider{
		position: absolute;
		left: 50%;
		bottom: 20px;
		width: 90%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	    
	.tabmenu{
		justify-self: flex-end;
		position: absolute;
		bottom: -655px;
		left: 29%;
		width: auto;
		max-height: img;
		text-align: center;
		transition: all 0.3s;
		opacity: 0;
	  visibility: hidden;
		border-radius: 9px;
		overflow: hidden;
		z-index: 100;	
	}
	
	.tabmenu img{border-radius: 9px;}
	
	.tabview {
	  display: none;
	  position: fixed;
	  z-index: 99;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  overflow: auto;
	  background-color: rgba(0, 0, 0, 0.5);
	  -webkit-backdrop-filter: blur(50px) saturate(200%);
	  backdrop-filter: blur(50px) saturate(200%) ;
	  transition: all 0.3s;
  }
  
  .desktops{
	  display: none;
	  position: fixed;
	  z-index: 110005;
	  padding-top: 110px;
	  left: 1%;
	  top: 10px;
	  width: 260px;
	  height: calc(100% - 188px);
	  overflow: hidden;
	  background-color: rgba(0, 0, 0, 0.45);
	  border-radius: 17px;
	  border: 0.5px solid rgba(158, 158, 158, 0.1);
	  transition: all 0.5s;
	   overflow-y: scroll;
  }
  
  .desktop1 {
	  position:absolute;
	  left: 50%;
	  bottom: 20px;
	  transform: translateX(-50%);
	  -webkit-transform: translateX(-50%);
	  z-index: 100;
	  width: 225px;
	  height: 145px;
	  overflow: hidden;
	  background-color: rgba(83, 83, 83, 0.1);
	  border-radius: 17px;
	  padding-bottom: 10px;
	  border: 1px solid rgba(182, 182, 182, 0.06);
	  box-shadow: 0px 0px 3.5px rgb(0, 0, 0);
	  transition: all 0.3s;
  }
  .desktop1:hover{background-color: rgba(135, 135, 135, 0.1);}
  .desktop1:active{background-color: rgba(158, 158, 158, 0.1);transform: translateX(-50%) scale(0.90);-webkit-transform: translateX(-50%) scale(0.95);}

  .desktop1 p {
	  text-decoration: none;
	  font-size: 13px;
	  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	  color: white;
	  padding-top:8px;
	  padding-left: 22px;
	  text-align: left;
  }
  
  .desktop1 img {
	  padding: 10px;
	  border-radius: 22px;
	  width: 90%;
  }
  
  .newD {
	position:absolute;
	left: 50%;
	bottom:calc(145px + 50px);
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: 100;
	width: 225px;
	height: 145px;
	overflow: hidden;
	background-color: rgba(83, 83, 83, 0.1);
	border-radius: 17px;
	padding-bottom: 10px;
	border: 1px solid rgba(182, 182, 182, 0.06);
	box-shadow: 0px 0px 3.5px rgb(0, 0, 0);
	transition: all 0.3s;
  }
  .newD:hover{background-color: rgba(135, 135, 135, 0.1);}
  .newD:active{background-color: rgba(158, 158, 158, 0.1);transform: translateX(-50%) scale(0.90);-webkit-transform: translateX(-50%) scale(0.95);}

  .newD p {
	  text-decoration: none;
	  font-size: 13px;
	  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	  color: white;
	  padding-top:8px;
	  padding-left: 1px;
	  text-align: left;
  }
  
  .newD span {
	  position: relative;
	  top: 38%;
	  color: rgb(255, 232, 197);
	  font-size: 30px;
  }

  .actionmenu{
	justify-self: flex-end;
	bottom: -665px;
	right: 2.5%;
	width: 325px;
	height: 125px;
	overflow: hidden;
	position: absolute;
  opacity: 0;
  visibility: hidden;
	transition: all 1s ease-in-out;
	padding: 10px;
	z-index: 99;
}

.actionmenu2{
	justify-self: flex-end;
	bottom: -665px;
	right: 2.5%;
	width: 320px;
	height: 450px;
	overflow: hidden;
	justify-self: flex-end;
	position: absolute;
  opacity: 0;
  visibility: hidden;
	transition: all 1s ease-in-out;
	padding: 10px;
	z-index: 99;
}

.actionmenu3{
	bottom: -665px;
	right: 2.5%;
	width: 375px;
	height: 195px;
	overflow: hidden;
	position: absolute;
  opacity: 0;
  visibility: hidden;
	transition: all 1s ease-in-out;
	z-index: 99;
}

.actionmenu4{
	bottom: -665px;
	right: 10%;
	width: 205px;
	height: 235px;
	overflow: hidden;
	position: absolute;
  opacity: 0;
  visibility: hidden;
	transition: all 1s ease-in-out;
	z-index: 99;
}

  .wrapper{
	position: absolute;
	width: 450px;
	right: 2.5%;
	bottom: -665px;
	height: 485px;
	  opacity: 0;
	visibility: hidden;
	transition: all 1s ease-in-out;
	z-index: 99;
  }
  .wrapper header{
	display: flex;
	align-items: center;
	padding: 15px 30px 10px;
	justify-content: space-between;
  }

  header .icons{display: flex;}

  header .icons span{
	height: 38px;
	width: 38px;
	margin: 0 1px;
	cursor: pointer;
	color: #878787;
	text-align: center;
	line-height: 38px;
	font-size: 1.9rem;
	user-select: none;
	border-radius: 10px;
	transition: all 0.3s;
	border: 1px solid rgba(104, 104, 104, 0);
  }

  .icons span:last-child{margin-right: -10px;}
  header .icons span:hover{	background: rgba(155, 155, 155, 0.25);}
  header .icons span:active{	background: rgba(214, 214, 214, 0.25);border: 1px solid rgba(104, 104, 104, 0.75);}

  header .current-date{
	font-size: 1.45rem;
	font-weight: 500;
  }
  .calendar{height: 300px; margin: 15px; margin-top: -15px;padding: 20px;}

  .calendar ul{
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	text-align: center;
  }

  .calendar .days{ padding-top: 15px;}

  .calendar li{
	color: rgb(255, 255, 255);
	width: calc(100% / 7);
	font-size: 1.07rem;
	font-weight: bolder;
	filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.35));
  }
  .calendar .weeks{
	position: fixed;
	width: 83%;
	margin-top: -15px;
  }
  .calendar .weeks li{
	font-weight: 500;
  }

  .calendar .days{
	overflow-y: scroll;
	margin-top: 10px;
	height: 300px;
  }
  .calendar .days li{
	z-index: 1;
	cursor: pointer;
	position: relative;
  }

  .days li.inactive{color: #aaa;}
  .days li.active{color: #fff;}

  .days li::before{
	position: absolute;
	content: "";
	left: 50%;
	top: 50%;
	height: 40px;
	width: 40px;
	z-index: -1;
	border-radius: 10px;
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
	transition: all 0.3s;
	border: 1px solid rgba(104, 104, 104, 0);
  }

  .days li.active::before{background: rgb(255, 119, 0); border: 1px solid white; transition: all 0.3s;}
  .days li.active:hover::before{background: rgba(220, 220, 220, 0.1); border: 1px solid rgba(104, 104, 104, 0.448);}
  .days li.active:active::before{border: 1px solid rgba(104, 104, 104, 0.75);}
  .days li:not(.active):hover::before{background: rgba(220, 220, 220, 0.1);}
  .days li:not(.active):active::before{background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(104, 104, 104, 0.448) }

  
.wrapper2 {
	position: relative;
	overflow: hidden;
	width: 100%;
	border-radius: 13px;
	height: 100%;
  }
  .wrapper2 .iconP {
	position: absolute;
	top: 0;
	height: 100%;
	width: 50px;
	display: flex;
	align-items: center;
  }
  .iconP:first-child {
	left: 0;
  }
  .iconP:last-child {
	right: 0;
	justify-content: flex-end;
  }
  .iconP i {
	width: 25px;
	height: 30px;
	cursor: pointer;
	font-size: 1rem;
	text-align: center;
	line-height: 30px;
	border-radius: 5px;
  }
  .iconP i:hover {
	background: rgba(155, 155, 155, 0.25);
  }

  .wrapper2 .tabs-box {
	display:flex;
	list-style: none;
	overflow: hidden;
	overflow-x: scroll;
	scroll-behavior: smooth;
	width: 82.5%;
	margin-top: 5px;
  }

  .wrapper2 .tabs-box::-webkit-scrollbar{display: none;}

  .tabs-box.dragging {
	scroll-behavior: auto;
  }
  .tabs-box .tab {
	padding: 32px 35px;
	padding-left: 0; padding-right: 80px;
	position: relative;
	display: flex;
	background-color: rgba(0, 0, 0, 0.20);
	border-radius: 8px;
	font-family: Arial, Helvetica, sans-serif;
	border:  0.5px solid #f1f1f12a;
	align-items: center;
	transition: all 0.3s;
	margin-right: 7.5px;
	overflow: hidden;
	text-align: center;
	
  }

  .tabs-box .tab img{
	position: absolute;
	left: 50%; top: 15%;
	transform: translateX(-50%);
  }

  .tabs-box .tab p{
	position: absolute;
	left: 50%; bottom: 17.5%;
	transform: translateX(-50%);
	font-size: 12.5px;
}

  
  .tabs-box .tab:hover{background-color: rgba(39, 39, 39, 0.5);}
  .tabs-box .tab:active{background-color: rgba(105, 105, 105, 0.35);}

  .tabs-box.dragging .tab {
	user-select: none;
	pointer-events: none;
  }

  .actionmenu4 h4{margin-top: 7.5px; margin-bottom: 7.5px;}
  .actionmenu4 button{
	width: calc(100%/2);
	margin: 5px; margin-left: 0;
	padding: 7.5px;
	background-color: #f1f1f11a;
	border-radius: 5px;
	border: none;
	color: white;
	transition: all 0.3s;
	}
	.actionmenu4 button:hover{background-color: rgba(105, 105, 105, 0.35);}
	.actionmenu4 button:active{background-color: rgba(105, 105, 105, 0.5) ;}
  .glance-longBtn{
	display: flex;
	align-items: center;
	padding: 10px; width: 90%;
	margin-left: -1.5%; margin-bottom: 10px;
	background-color: #f1f1f11a;
	border-radius: 8px;
	transition: all 0.3s;
	overflow: hidden;
  }
  .glance-longBtn img{width: 22.5px; margin-right: 7.5px;}
  .glance-longBtn:hover{background-color: rgba(105, 105, 105, 0.35);}
  .glance-longBtn:active{background-color: rgba(105, 105, 105, 0.5) ;}
  .glance-longBtn span{
	position: relative;	
	padding: 5px;
	border-radius: 5px;
	transition: all 0.3s;
  }
  .glance-longBtn span:hover{background-color: rgba(105, 105, 105, 0.35);}
  .glance-longBtn span:active{background-color: rgba(105, 105, 105, 0.5);}

  .glance-longBtn.med{
	width: 21px; height: 21px;
	display: inline-flex;
	margin-left: 4px; margin-top: 5px;
  }
  .glance-longBtn.med img{
	position: relative;
	left: 50%; top: 50%;
	transform: translate(-50%, -50%);
	width: 20px; margin: 0px; padding: 0;}

  #discord-med-tray{transform: translateY(-2.25px);}
  #discord-med-tray img{transform: translate(-50%, -60%);}
  #Defender-more{margin-left: 55px;}
  #bluetooth-more{margin-left: 55px;}
  #spotify-more{margin-left: 72.5px;}
  #RGOS-more{margin-left: 25px;}
  #Ondrive-more{margin-left: 52.5px;}
  #adobe-more{margin-left: 72.5px;}
  #discord-more{margin-left: 65px;}
  #xbox-more{margin-left: 82.5px;}

  #tray-layout{
	display: flex;
	position: absolute;
	right: 15px;
	top: 90px;
  }
  #tray-layout img{
	width: 17px;
	padding: 5px;
	transition: all 0.3s;
	border-radius: 5px;
  }
  #tray-layout img:hover{background-color: rgba(105, 105, 105, 0.35);}
  #tray-layout img:active{background-color: rgba(105, 105, 105, 0.5);}
  .tray-cont{
	height: calc(225px/2);
	overflow: hidden;
	border-top: 1px solid #b9b9b924;
	padding-top: 10px;
	padding-left: 5px; padding-right: 5px;
	overflow-y: scroll;
  }

  #tiles-tray{display: block;}
  #med-icon-tray{
	padding: 2.5px;
	padding-top: 10px;
	display: none;
	overflow: hidden;
}
  .actionCenterMore{
	float: right; cursor: pointer;
	position: relative;	
	padding: 5px;
	border-radius: 5px;
	transition: all 0.3s;
  }
  .actionCenterMore:hover{background-color: rgba(105, 105, 105, 0.35);}
  .actionCenterMore:active{background-color: rgba(105, 105, 105, 0.5);}
  .wifiBlock{
	padding: 10px; background-color: #f1f1f11a; border-radius: 8px; margin-top: 10px;   transition: all 0.3s;
  }
  .wifiBlock .wifi-secu{width: 25px;}
  .wifiBlock img{width: 30px;}
  .wifiBlock p{
	display: inline-block;
	margin-left: 5px; transform: translateY(-7.5px);
  }
  .wifiBlock h5{display: inline-block; }
  .wifiBlock:hover{background-color: #f1f1f121;}
  .wifiBlock:active{scale: 0.97;}
  .wifibtn{
	background-color: #f1f1f11a; 
	border-radius: 8px; border: none;
	width: 100%; color: white;  margin-top: 2.5px;
	font-weight: 700; 
	transition: all 0.3s;
	padding: 7.5px;
  }
  .wifibtn:hover{ background-color: #b6b6b61a; }
  .wifibtn:active{ background-color: #b6b6b628; }

  .controls-bottom{
	position: absolute; left: 50%; transform: translateX(-50%); bottom:5px; border: none; border-top: 1px solid #cccccc49;
	padding: 10px;
	width: 87.5%;
	}
	.controls-bottom h5{transition: all 0.3s; display: inline-block; color: rgb(247, 247, 247);}
	.controls-bottom h5:hover{color: rgb(153, 153, 153)}
	.controls-bottom h5:active{color: rgb(123, 123, 123)}
	.controls-bottom h4{transition: all 0.3s; display: inline-block;margin-top: 5px;}
	.controls-bottom h4:hover{color: rgb(153, 153, 153)}
	.controls-bottom h4:active{color: rgb(123, 123, 123)}
	.controls-bottom #right-controls{float: right;}

	#planeMode-on, #wifi-off, #searchOff{
		position: absolute;
		 top: 50%; left:50%;
		 transform: translate(-50%, -50%);
		 display: none;
		 text-align: center;
		 width: max-content;
	}


	.dockbar{
		position: absolute;
		left: 50%; top: 22.5%;
		transform: translateX(-50%);
		width: 45%;
		height: 7.5px;
		background-color: rgba(255, 255, 255, 0.5);
		border-radius: 10px;
		display: none;
		transition: all 0.3s;
	}
	#status2{
		margin-left: 5px; display: inline-block; font-size: 20px;
		color: white; font-weight: 600;
		letter-spacing: 0.5px;
		padding-bottom: 5px;
		filter: drop-shadow(0px 0px 1px black);
	}
	
	.battery-cont{
		box-sizing: content-box;
		height: 11.5px;
		width: 18px;
		border: 2px solid white;
		border-radius: 4px;
		position: relative;
		overflow: hidden;
		padding-right: 3px;
	}
.battery{
	width: 20px;
	height: 8.45px;
	margin: 1.5px;
	border-radius: 2px;
	background-color: white;
}

.battery-wrapper{
	height: 25px;
	width: 22.5px;
	margin-right: 15px; margin-left: 5px;
	position: relative;
}

.battery-wrapper.flyout{
	display: inline-block;
	transform: scale(1.4) translate(2.5px, 1px);
}

.battery-edge {
	position: absolute;
	width: 2px;
	height: 8px;
	background-color: white;
	border-radius: 0 1.75px 1.75px 0;
	top: 50%;
	margin-top: -1.5px;
	transform: translateY(-50%);
	right: -5px;
}

#desk-WBt{margin-top: 4px; margin-right: 10px;}

#battery-index{
	display: inline-block;
	margin-top: 12.5px; margin-bottom: -30px;
}

#battery-state{
	display: inline-block;
	position: absolute;
	right: 20px;
}