/***
 * W3CSS THEME(grey) PRIMARY-COLOR (#9e9e9e) 60% - 3/4/2025 7:24:44 PM
 */
 /* GRADES */
.w3-theme-l9        {color:#000 !important; background-color:#F5F5F5 !important} /* 490 */
.w3-theme-l8        {color:#000 !important; background-color:#EBEBEB !important} /* 470 */
.w3-theme-l7        {color:#000 !important; background-color:#E1E1E1 !important} /* 450 */
.w3-theme-l6        {color:#000 !important; background-color:#D8D8D8 !important} /* 432 */
.w3-theme-l5        {color:#000 !important; background-color:#CECECE !important} /* 412 */
.w3-theme-l4        {color:#000 !important; background-color:#C4C4C4 !important} /* 392 */
.w3-theme-l3        {color:#000 !important; background-color:#BBBBBB !important} /* 374 */
.w3-theme-l2        {color:#000 !important; background-color:#B1B1B1 !important} /* 354 */
.w3-theme-l1        {color:#000 !important; background-color:#A7A7A7 !important} /* 334 */
.w3-theme           {color:#000 !important; background-color:#9e9e9e !important} /* 316 */
.w3-theme-d1        {color:#000 !important; background-color:#8F8F8F !important} /* 286 */
.w3-theme-d2        {color:#fff !important; background-color:#7F7F7F !important} /* 254 */
.w3-theme-d3        {color:#fff !important; background-color:#6F6F6F !important} /* 222 */
.w3-theme-d4        {color:#fff !important; background-color:#5F5F5F !important} /* 190 */
.w3-theme-d5        {color:#fff !important; background-color:#4F4F4F !important} /* 158 */
.w3-theme-d6        {color:#fff !important; background-color:#404040 !important} /* 128 */
.w3-theme-d7        {color:#fff !important; background-color:#303030 !important} /* 96 */
.w3-theme-d8        {color:#fff !important; background-color:#202020 !important} /* 64 */
.w3-theme-d9        {color:#fff !important; background-color:#101010 !important} /* 32 */

/***
 * W3CSS THEME(grey) SECONDARY-COLOR (#ffffff) 30%
 */
 /* GRADES */
.w3-theme-s-l      {color:#000 !important; background-color:#CECECE !important} /* 412 */
.w3-theme-s        {color:#000 !important; background-color:#ffffff !important} /* 316 */
.w3-theme-s-d      {color:#fff !important; background-color:#4F4F4F !important} /* 158 */

/***
 * W3CSS THEME(grey) ACCENT-COLOR (#ff0000) 10%
 */
.w3-theme-a-l      {color:#800000 !important; background-color:#FF7F7F !important} /* 382 */
.w3-theme-a        {color:#fff !important; background-color:#ff0000 !important} /* 255 */
.w3-theme-a-d      {color:#FF7F7F !important; background-color:#800000 !important} /* 128 */
.w3-theme-a-t    {color:#800000 !important; background-color:#ff000080 !important} /* 255 */

/***
 * W3CSS THEME(grey) TEXT
 */
.w3-theme-text-muted       {color:#CECECE !important;}
.w3-theme-text-light       {color:#CECECE !important;}
.w3-theme-text             {color:#9e9e9e !important;}
.w3-theme-text-dark        {color:#4F4F4F !important;}
.w3-theme-text-underline-s {text-decoration: underline;text-decoration-color: #ff0000;text-decoration-thickness: 4px;}
.w3-theme-text-underline-m {text-decoration: underline;text-decoration-color: #ff0000;text-decoration-thickness: 8px;}
.w3-theme-text-underline-l {text-decoration: underline;text-decoration-color: #ff0000;text-decoration-thickness:12px;}

/***
 * W3CSS THEME(grey) BORDER
 */

.w3-theme-border-l {border-color:#CECECE !important;}
.w3-theme-border   {border-color:#ffffff !important;}
.w3-theme-border-d {border-color:#4F4F4F !important;}

/***
 * W3CSS THEME(grey) GRADIENT (#ff0000)
 */
.w3-theme-gradient  {color:#000 !important; background:-webkit-linear-gradient(top,#B1B1B1 25%,#8F8F8F 75%)}
.w3-theme-gradient  {color:#000 !important; background:   -moz-linear-gradient(top,#B1B1B1 25%,#8F8F8F 75%)}
.w3-theme-gradient  {color:#000 !important; background:     -o-linear-gradient(top,#B1B1B1 25%,#8F8F8F 75%)}
.w3-theme-gradient  {color:#000 !important; background:    -ms-linear-gradient(top,#B1B1B1 25%,#8F8F8F 75%)}
.w3-theme-gradient  {color:#000 !important; background:        linear-gradient(top,#B1B1B1 25%,#8F8F8F 75%)}

/***
 * W3CSS THEME(grey) HOVER
 */

.w3-theme-hover:hover        {color:#000 !important; background-color:#ff0000 !important}
.w3-theme-hover-text:hover   {color:#ff0000                                   !important}
.w3-theme-hover-border:hover {border-color:#ff0000                            !important}

/***
 * W3CSS ADDIN(grey) WAITLOADER
 */
@-webkit-keyframes CoSpin { /* safari */
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes CoSpin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.w3-waitloader-spin {
  position: absolute;
  width: 150px;
  height: 150px;
  border: 15px solid #C4C4C4;
  border-top: 15px solid #7F7F7F;
  border-radius: 50%;
  margin-top: -75px;
  margin-left: -75px;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-animation: CoSpin 2s linear infinite;
  animation: CoSpin 2s linear infinite;
}
.w3-waitloader-number {
  position: absolute;
  width: 150px;
  height: 150px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 70px;
  font-weight: bold;
  color: #7F7F7F;
}

/***
 * W3CSS THEME(grey) SNACKBAR
 */
@-webkit-keyframes CoSnackbarFadein {
  from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;}
}
@keyframes CoSnackbarFadein {
  from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;}
}
@-webkit-keyframes CoSnackbarFadeout {
  from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;}
}
@keyframes CoSnackbarFadeout {
  from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;}
}
#CoSnackbar {
  visibility: hidden;
  background-color: #5F5F5F;
  color: #C4C4C4;
  position: fixed;
  min-width: 400px;
  margin-left: -200px;
  left: 50%;
  bottom: 30px;
  text-align: center;
  border-radius: 8px;
  padding: 16px;
  z-index: 1;
}
#CoSnackbar.show {
  visibility: visible;
  -webkit-animation: CoSnackbarFadein 0.5s, fadeout 0.5s 2.5s;
  animation: CoSnackbarFadein 0.5s, fadeout 0.5s 2.5s;
}

/***
 * W3CSS ADDINS
 */
.w3-info        {background-color: #007bff !important; color: #ffffff !important;}
.w3-success     {background-color: #28a745 !important; color: #ffffff !important;}
.w3-warning     {background-color: #ffc107 !important; color: #000000 !important;}
.w3-critical    {background-color: #dc3545 !important; color: #ffffff !important;}
.w3-danger      {background-color: #ff0000 !important; color: #ffffff !important;}
.w3-padding-zero     {padding: 0px      !important;}
.w3-padding-xsmall   {padding: 2px  4px !important;}
.w3-padding-small    {padding: 4px  4px !important;}
.w3-padding-medium   {padding: 8px  8px !important;}
.w3-padding-large    {padding:12px 12px !important;}
.w3-padding-xlarge   {padding:16px 16px !important;}
.w3-padding-y-zero   {padding-top: 0px !important; padding-bottom: 0px !important;}
.w3-padding-y-xsmall {padding-top: 2px !important; padding-bottom: 2px !important;}
.w3-padding-y-small  {padding-top: 4px !important; padding-bottom: 4px !important;}
.w3-padding-y-medium {padding-top: 8px !important; padding-bottom: 8px !important;}
.w3-padding-y-large  {padding-top:12px !important; padding-bottom:12px !important;}
.w3-padding-y-xlarge {padding-top:16px !important; padding-bottom:16px !important;}
.w3-padding-x-zero   {padding-left: 0px !important; padding-right: 0px !important;}
.w3-padding-x-small  {padding-left: 2px !important; padding-right: 2px !important;}
.w3-padding-x-small  {padding-left: 4px !important; padding-right: 4px !important;}
.w3-padding-x-medium {padding-left: 8px !important; padding-right: 8px !important;}
.w3-padding-x-large  {padding-left:12px !important; padding-right:12px !important;}
.w3-padding-x-xlarge {padding-left:16px !important; padding-right:16px !important;}
.w3-text-italic            {font-style: italic;}
.w3-table-centered         {margin-left: auto;margin-right: auto; display: block;}
.w3-table-centered-compact {margin-left: auto;margin-right: auto; display: block;width: 0;}
.w3-shadow           {filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.5));}
.w3-shadow-theme     {filter: drop-shadow(0px 0px 2px rgba(158, 158, 158, 0.50));}
.w3-torn-bot{
    clip-path:polygon(
     0% 0%
    ,0% 100%
    ,02% 96%,04% 90%,06% 99%,08% 99%,10% 95%,12% 99%,14% 93%,16% 95%,18% 93%,20% 98%,22% 90%,24% 96%,26% 92%,28% 92%,30% 93%,32% 95%,34% 90%,36% 97%,38% 97%,40% 99%,42% 92%,44% 99%,46% 99%,48% 96%,50% 99%,52% 97%,54% 98%,56% 98%,58% 95%,60% 90%,62% 91%,64% 97%,66% 94%,68% 95%,70% 98%,72% 95%,74% 94%,76% 98%,78% 90%,80% 95%,82% 99%,84% 96%,86% 96%,88% 98%,90% 96%,92% 94%,94% 90%,96% 91%,98% 98%
    ,100% 100%
    ,100% 0%
    ,0% 0%
    )
}
.w3-torn-top-bot{
    clip-path:polygon(
     0% 10%
    ,0% 100%
    ,02% 96%,04% 90%,06% 99%,08% 99%,10% 95%,12% 99%,14% 93%,16% 95%,18% 93%,20% 98%,22% 90%,24% 96%,26% 92%,28% 92%,30% 93%,32% 95%,34% 90%,36% 97%,38% 97%,40% 99%,42% 92%,44% 99%,46% 99%,48% 96%,50% 99%,52% 97%,54% 98%,56% 98%,58% 95%,60% 90%,62% 91%,64% 97%,66% 94%,68% 95%,70% 98%,72% 95%,74% 94%,76% 98%,78% 90%,80% 95%,82% 99%,84% 96%,86% 96%,88% 98%,90% 96%,92% 94%,94% 90%,96% 91%,98% 98%
    ,100% 100%
    ,100% 10%
    ,98% 08%,96% 01%,94% 00%,92% 04%,90% 06%,88% 08%,86% 06%,84% 06%,82% 09%,80% 05%,78% 00%,76% 08%,74% 04%,72% 05%,70% 08%,68% 05%,66% 04%,64% 07%,62% 01%,60% 00%,58% 05%,56% 08%,54% 08%,52% 07%,50% 09%,48% 06%,46% 09%,44% 09%,42% 02%,40% 09%,38% 07%,36% 07%,34% 00%,32% 05%,30% 03%,28% 02%,26% 02%,24% 06%,22% 00%,20% 08%,18% 03%,16% 05%,14% 03%,12% 09%,10% 05%,08% 09%,06% 09%,04% 00%,02% 06%
    ,0% 10%
    )
}
.w3-torn-top{
    clip-path:polygon(
     0% 10%
    ,0% 100%
    ,100% 100%
    ,100% 10%
    ,98% 08%,96% 01%,94% 00%,92% 04%,90% 06%,88% 08%,86% 06%,84% 06%,82% 09%,80% 05%,78% 00%,76% 08%,74% 04%,72% 05%,70% 08%,68% 05%,66% 04%,64% 07%,62% 01%,60% 00%,58% 05%,56% 08%,54% 08%,52% 07%,50% 09%,48% 06%,46% 09%,44% 09%,42% 02%,40% 09%,38% 07%,36% 07%,34% 00%,32% 05%,30% 03%,28% 02%,26% 02%,24% 06%,22% 00%,20% 08%,18% 03%,16% 05%,14% 03%,12% 09%,10% 05%,08% 09%,06% 09%,04% 00%,02% 06%
    ,0% 10%
    )
}

/***
 * W3CSS OVERRIDES
 */
.w3-modal {
  background-color: rgb(79,79,79);
  background-color: rgba(48,48,48,0.50);
}

/***
 * HTML OVERRIDES
 */
a:link     {color: #ff0000;background-color: transparent;text-decoration: none;}
a:visited  {color: #ff0000;background-color: transparent;text-decoration: none;}
a:hover    {color: #800000;background-color: transparent;text-decoration: underline;}
a:active   {color: #ff0000;background-color: transparent;text-decoration: underline;}
abbr       {color: #800000;font-weight: bold;}
blockquote {
  display: block;
  position: relative;
  background: #EBEBEB;
  margin: 0 0 16px;
  border-left: 8px solid #6F6F6F;
  border-top: 1px solid #8F8F8F;
  border-right: 1px solid #8F8F8F;
  border-bottom: 1px solid #8F8F8F;
  padding: 8px 32px 8px 32px;
  color: #5F5F5F;
  -moz-box-shadow: 2px 2px 16px #B1B1B1;
  -webkit-box-shadow: 2px 2px 16px #B1B1B1;
  box-shadow: 2px 2px 16px #B1B1B1;
}
cite {color: #4F4F4F;}
code {
  background-color: #eee;
  border-radius: 4px;
  padding: 1px 3px;
  border: 1px solid silver;
}
del {
  background: lightpink;
  color: indianred;
  padding: 1px 4px;
  border-radius: 4px;
}
em {
  background: gold;
  color: sienna;
  padding: 1px 4px;
  border-radius: 4px;
  font-style: normal;
}
ins {
  background: palegreen;
  color: forestgreen;
  padding: 1px 4px;
  border-radius: 4px;
}
kbd {
  padding: 3px;
  border-radius: 3px;
  border: 1px solid gray;
}
mark {
  background: #afa33;
  color: dimgray;
  padding: 1px 4px;
  border-radius: 4px;
}
progress{
  -webkit-appearance: none;
  appearance: none;
  width: 5em;
  height: 0.5em;
  margin: 1px;
}
progress::-webkit-progress-bar {
  background-color: white;
  border: 1px solid darkgray;
  border-radius: 0.3em;
}
progress::-webkit-progress-value {
  background-color: #107C10;
  border-radius: 0.3em;
}
q  {color: #4F4F4F;}
input:hover, textarea:hover, select:hover {
  background-color: #B1B1B1;
}
input:focus, textarea:focus, select:focus {
  outline: none !important;
  border-color: #6F6F6F;
  box-shadow: 0 0 10px #6F6F6F;
}
ul             {padding-left: 1.2em;}
ul.none        {list-style-type: none;}
ul.circle      {list-style-type: circle;}
ul.disc        {list-style-type: disc;}
ul.square      {list-style-type: square;}
ul.dash        {list-style-type: none;}
ul.dash > li   {list-style-type: '– ';}
ol             {padding-left: 1.2em;}
ol.none        {list-style-type: none;}
ol.decimal     {list-style-type: decimal;}
ol.decimal0    {list-style-type: decimal-leading-zero;}
ol.alpha       {list-style-type: lower-alpha;}
ol.alpha-upper {list-style-type: upper-alpha;}
ol.roman       {list-style-type: lower-roman;}
ol.roman-upper {list-style-type: upper-roman;}
ol.greek       {list-style-type: lower-greek;}
dl             {border: 1px solid #ccc; padding: 1em;}
dt             {font-weight: bold; text-decoration: underline;}
dd             {margin: 0.5em 1em; padding: 0 0 0.5em 0;}