/*
CS: 12706f
OR...: 2C1846

#122a73 (BLUE)
#12706f (soft green)
#427312 (green)
#421273 (purple)
#231377 (dark purple)
#731212 (maroon)
#734534 (brown>
#731234 (red>
#400034 (dark plum)
#262B40 (slate purple)

BACKGROUND COLORS
#a5d0f3 (blue) 
#f3dea5 (beige) 
#F3E6A5 (yellow)
#A5F3BF (green)
#B4A5F3 (purple light light)
#3C1AC7 (purple darker light)
#F3ABA5 (red)
 
*/


		
		
li              { display: list-item; color: #333; }
body            { margin: 0px; background: #000; color: #444; font-family:  Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px; }
h1              { font-size: 2em; margin: .27em 0; color: #ffd700; }
h2              { font-size: 1.5em; margin: .75em 0; color: #ffd700;}
table           { font-family:  Tahoma, Verdana, Helvetica, sans-serif; color: #ffd700; font-size: 12px; }
br:before       { content: "\A"; white-space: pre-line }
:link, :visited { color: #ffd700; font-family: Tahoma, Verdana, Helvetica, sans-serif; 
color: #ffd700; font-size: 12px; text-decoration: none; }

input[type=submit]     { font-weight: bold; background:#a5d0f3; border: 1px solid #111; cursor:pointer; -webkit-border-radius: 4px; border-radius: 4px; display: inline; }
input[type=button]     { font-weight: bold; background:#a5d0f3; border: 1px solid #111; cursor:pointer; -webkit-border-radius: 4px; border-radius: 4px; display: inline; }
input[type=text]       { color: #111;	background: #f3dea5; border: 1px solid #731212; -webkit-border-radius: 4px; border-radius: 4px; }
input[type=text]:focus { border-color:#333; background-color: #A5F3BF;  }

.alert					{ width: 480px; background-color: #3C1AC7; padding: 4px; display: block; color: #aaa; 
									font-size: 12px; border: 1px solid #000; border-radius: 4px; }



    .bottom_alert_box {
	  position: fixed; /* Fixes the notify box position */
	  margin-bottom: -150px;
      bottom: 150px; /* Places the notify div at the bottom */
      width: 96%; /* Makes the header span the full width */
	  height: 150px; 
      background-color: #262b40; 
	  font-size: 1.2rem;
      color: #ededed; /* Example text color */
	  border: 3px solid #bbb;
      padding: 3px; /* Example padding */
	  transition: transform 0.5s ease-in-out; /* Animation for sliding effect */
      transform: translateY(100%); /* Initially hidden off-screen */
      z-index: 997; /* Ensures Notify is above other content */
      //display: flex;
      //justify-content: space-between; /* Aligns items */
      //align-items: center;
	}
	.bottom_alert_box.open {
      transform: translateY(0); /* Slides the menu into view */
    }
	
	




.scroll1::-webkit-scrollbar {
  width: 5px;
} 
.scroll1::-webkit-scrollbar-track {
  background: #ddd;
}
.scroll1::-webkit-scrollbar-thumb {
  background: #666; 
}
.scroll2::-webkit-scrollbar {
  width: 5px;
}
.scroll2::-webkit-scrollbar-thumb {
  background: #666; 
}
.scroll3::-webkit-scrollbar {
  width: 5px;
}
.scroll3::-webkit-scrollbar-thumb {
  background: #ddd; 
}
.scroll3::-webkit-scrollbar-track {
  background: #666; 
}
.scroll4::-webkit-scrollbar {
  width: 10px;
}
.scroll4::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 20px;
}
.scroll4::-webkit-scrollbar-track {
  background: #ddd;
  border-radius: 20px;
}
.scroll5::-webkit-scrollbar {
  width: 15px;
}
.scroll5::-webkit-scrollbar-thumb {
  background: #666;
}
.scroll5::-webkit-scrollbar-track {
  background: #ddd;
}
.scroll5::-webkit-scrollbar-button {
  background: #666;
  height: 15px;
  border-radius: 50%;
}


/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}

@keyframes yellow_text {
	0%    	{background: transparent; color: #bbb;}
	40%    	{background: transparent; color: #bbb;}
	82%    	{background-color:#000; color: #FFF;}
	84%    	{background-color:#FFF; color: #000;}
	86%    	{background-color:#000; color: #FFF;}
	88%     {background-color:#666; color: #000;}
	92%     {background-color:#000; color: #FFF;}
	94%     {background-color:#888; color: #000;}
	96%     {background-color:#000; color: #FFF;}
	98%     {background-color:#999; color: #000;}
	100%	{background-color:rgb(0, 0, 0, 0.0); color: #ededed;}
}

@keyframes flash_black_white {
	0%    	{background: transparent; color: #731234; }
	80%    	{background: transparent; color: #731234;}
	84%     {background-color:#666; color: #000;}
	88%     {background-color:#000; color: #FFF;}
	92%     {background-color:#888; color: #000;}
	95%     {background-color:#000; color: #FFF;}
	98%     {background-color:#999; color: #000;}
	100%	{background: transparent; color: #731234;}
}


.blinking {

    animation: opacity 3s ease-in-out infinite;
    opacity: 1;
}
@keyframes opacity {
  0% {
    opacity: 1;
  }
  75% {
    opacity: 0
  }
  100% {
    opacity: 1;
  }
}





.dialog-div-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(0.1rem); 
  -webkit-backdrop-filter: blur(0.1rem);
  z-index: 999;
}
.dialog-div-content {
  position: absolute;
  width: 75vw;
  max-height: 80vh;
  overflow: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(150, 150, 150, 0.80); 
  color: #000;
  padding: 2rem;
  border: 0.2rem solid #000;
  border-radius: 0.6rem;
}
.dialog_header {
	display: flex; 
	align-items: center; 
	background: linear-gradient(to bottom, #a5d0f3, #3A97E4);
	border: 0.15rem solid #000;
	border-radius: 0.6rem;
	font-weight: bold;
	/* box-shadow: 0.2rem 0.3rem 0.3rem rgba(0, 0, 0, 0.3); */
}