@media only screen and (max-width: 800px) {

#snackbarx {width:320px;}

}

@media (prefers-color-scheme: light) {

    #snackbar5 {

    	box-shadow: inset 0 0 0 200px rgba(246,238,238,255);

		background: rgba(225,225,225,0.9);

		color:#222;

        border: 1px solid rgba(5,5,5,0.2);

        

    }
#hbar {

	//filter:  brightness(0%) invert(1);

	background: rgba(25,25,25,0.6);

	//color:white;

}
body {background: #ee; }
#bottombar{background: #fff; }
htmlx {
  scrollbar-face-color: #aaa;
  scrollbar-base-color: #dedede;
  scrollbar-3dlight-color: #dedede;
  scrollbar-highlight-color: #dedede;
  scrollbar-track-color: #eee;
  scrollbar-arrow-color: #eee;
  scrollbar-shadow-color: #dedede;
  scrollbar-dark-shadow-color: #dedede;
}
/*breadcrumb*/
.breadcrumb {  

	font-size:12px;

}
//::-webkit-scrollbar { width: 13px; height: 13px;}
//::-webkit-scrollbar-button {  background-color: #d65; }
//::-webkit-scrollbar-track {  background-color: #fee;}
//::-webkit-scrollbar-track-piece { background-color: #fdfdfd;}
//::-webkit-scrollbar-thumb { height: 50px; background-color: #e8e8e8; border-radius: 3px;}
//::-webkit-scrollbar-corner { background-color: #Ffa5c0;}

::-webkit-scrollbar { width: 14px; height: 13px;}
::-webkit-scrollbar-button {  background-color: #fff; border-radius: 1px; }
::-webkit-scrollbar-track {  background-color: #000;}
::-webkit-scrollbar-track-piece { background-color: #eee;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #ddd; border-radius: 5%;}
::-webkit-scrollbar-corner { background-color: #ed1c24; border-radius: 50%;}


}

@media (prefers-color-scheme: dark) {

    #snackbar5 {

       //background-color: #2222;

    background: rgba(25,25,25,.98);

	color:#eee;

	border: 1px solid rgba(255,255,255,0.35);

        

    }

}

bodky {

  padding: 25px;

  background-color: white;

  color: black;

  font-size: 25px;

}



.dark-mode {

  background-color: rgba(5,5,5,0.95);;

  color: #bbb;

}

.sun-mode {

	color: orange;

}

.green-mode {

	//background-color: black;

	color: green;

	  --text-color: green;

}

.red-mode {

	color: #f54c4c;

}

.blue-mode {

	color: #2d7dfc;

}	
.w-mode {

	color: #888;

}	
#bottombar {

	color:rgba(90,90,100,0.5);

	background:rgba(215,215,215,0.97);

	

	//filter:  brightness(100%) invert(1); 

	//background:black;

}

@media (prefers-color-scheme: dark) {



.customoon {

	//filter:  brightness(0%) invert(1);

	//filter: brightness(50%) invert(70%);

	//filter: invert(91%) sepia(47%) saturate(1810%) hue-rotate(313deg) brightness(106%) contrast(103%);

	

	}

.custodark {

	filter:  brightness(0%) invert(1);

	//filter: brightness(50%) invert(70%);	

	filter:  brightness(100%) invert(1);

	//color: white; 

}

.custolight {

	body {background:inherit;}	

}





#bottombar {

	//background:red;

	background:rgba(0,0,0,0.93);

color:grey;

	

}
}
@media (prefers-color-scheme: dark) {



#bottombar {

	color:rgba(220,220,220,0.5);

	background:rgba(255,255,255,0.97);

	

	//filter:  brightness(100%) invert(1);

	//background:black;

}

body,HTML {

//color:rgba(255,255,255,0.77);;	

	

}
::-webkit-scrollbar { width: 14px; height: 13px;}
//::-webkit-scrollbar-button {  background-color: red; }
::-webkit-scrollbar-track {  background-color: rgba(160,160,160,.1);}
::-webkit-scrollbar-track-piece { background-color: rgba(220,220,220,.1);}
::-webkit-scrollbar-thumb { height: 50px; background-color: rgba(220,220,220,.5);border-radius: 0px;}
::-webkit-scrollbar-corner { background-color: rgba(220,220,220,.5);}}
::-webkit-scrollbar-corner { background-color: rgba(220,220,220,.8); border-radius: 50%;}
//::-webkit-resizer { background-color: #666;}


}

/*breadcrumb*/
.breadcrumb {  

padding: 0px 5px;
//	font-size:12px;
  background-Color:rgba(90,90,100,0.1);
 // color:rgba(2, 2, 20,.8); 
border-radius: 3px;
}
 //html {
  // scrollbar-face-color: #aaa;
  // scrollbar-base-color: #dedede;
  // scrollbar-3dlight-color: #dedede;
   //scrollbar-highlight-color: #dedede;
   //scrollbar-track-color: #eee;
   //scrollbar-arrow-color: #eee;
   //scrollbar-shadow-color: #dedede;
   //scrollbar-dark-shadow-color: #dedede;
 //}
 //::-webkit-scrollbar { width: 13px; height: 13px;}
 //::-webkit-scrollbar-button {  background-color: #d65; }
 //::-webkit-scrollbar-track {  background-color: #fee;}
 //::-webkit-scrollbar-track-piece { background-color: #fdfdfd;}
 //::-webkit-scrollbar-thumb { height: 50px; background-color: #e8e8e8; border-radius: 3px;}
 //::-webkit-scrollbar-corner { background-color: #Ffa5c0;}

 //a:link ,a:visited ,a:active{
    // color:inherit;
    
 //}

#contentcorn9r :not(#list_limit select) input[type=text], input[type=password] ,#ibusinesstype {
  width: 95%;
  padding: 2px 2px;
 //margin: 2px 0 5px 0;
  border: none;
 background: rgba(205,205,205,.1);
  border-radius: 2px;
    border :1px solid rgba(185,185,195,.8);
    color:inherit;
font-size:14px;
right:10%;
}
#contentcorn9r  form{
        font-size:13px;
        margin-left:20px;
padding:0px 0px;

}
#contentcorn9r form,label {
   // color:rgba(125,125,125,.5);
   font-size:11px;
  padding: 2px 2px;
}

#contentcorn9f :not(#list_limit select) input[type=text], input[type=password] ,#ibusinesstyåpe {
  width: 95%;
  padding: 2px 2px;
 //margin: 2px 0 5px 0;
  border: none;
 background: rgba(205,205,205,.1);
  border-radius: 2px;
    border :1px solid rgba(185,185,195,.8);
    color:inherit;
font-size:14px;
right:10%;
}
#contentcorn9f  form{
        font-size:13px;
        margin-left:20px;
padding:0px 0px;

}
#contentcorn9f form,label {
   // color:rgba(125,125,125,.5);
   font-size:11px;
  padding: 2px 2px;
}