.cookiebox {display: none;}

p.smallttotertxt span {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 17px;
  color: #999; 
  display: block;
  margin-top: 20px;
  font-weight: 300;
}

p.smallttotertxt {
  
  color: #ffffff;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 500;
  /* line-height: 1.2; */
  color: var(--bs-heading-color);
  font-size: 1.25rem;
  display: flex;
  align-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

a.text-footer-link {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #333;
  font-size: 19px;
}


a.text-footer-link:hover  {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #108800;
  font-size: 19px;
}


footer h5 {
  font-size: 1.42em;
  margin-bottom: 1em;
  color: #0aff58;
  font-weight: bold;
}
.resmall {margin: 0 !important}
span.footerline {
  width: 100%;
  border-top: 1px dashed #333;
  position: relative;
  text-align: center;
}
.footerline img {
  height: 16px;
  filter: invert(.4);
  position: absolute;
  top: -10px; 
}
.fooleft  { padding-right: 40px;}
.fooleft span { display: block;}
.fooleft span:first-child { display: block; margin-bottom: 10px;}
.fottxtvers {
  margin: 0 !important;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
  display: block;
  padding-bottom: 20px;
}

footer li { 
  margin-bottom: 7px;
}

.bottommenu {width:100%; margin: 0 !important; padding: 0 !important}
.footerbtmm {float:left}
.linksbtmm {float:right}

.linksbtmm a {color:#5b5b5b; text-decoration: none;border-bottom: 1px solid #222;}
 
span.linksbtmm button {
  font-size: 17px;
  border: 0;
  background: transparent;
  border-bottom: 1px dashed #333;
  padding: 0;
  margin-left: 10px;
  font-size: 16px;
}             

span.linksbtmm button:hover { 
  border-bottom: 1px dashed #979797; 
}            

.fotversiontext {
  margin: 0 !important;
  margin-bottom: 20px;
  font-size: 17px;
  color: #999; 
  display: block;
  font-weight: 300;
}
span#formdatatext {
  display: block;
  height: 300px;
  overflow-y: scroll;
  padding-right: 20px;
  font-size: 14px;
  border: 1px solid #333;
  padding: 20px;
}


span#formdatatext  p {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 19px;
  color: #999;
}


span#formdatatext  li {
  font-size: 16px;
}


.datatext-btn {
  background: #333;
  border-radius: 0 0 3px 3px;
  margin-bottom: 12px;
  background: transparent;
  border: 1px solid #333;
  border-top: 0;
  color: #666;
}

.datatext-btn:hover { 
  background: #333;
  border-radius: 0 0 3px 3px;
  margin-bottom: 12px;
  background: transparent;
  border: 1px solid #333;
  border-top: 0;
  color: #a0a0a0;
}

span#formdatatext b {
  display: block;
  font-size: 16px;
}

span#formdatatext span {
  display: block;
  font-size: 16px;
  margin-bottom:15px
}
/* For WebKit browsers (Chrome, Safari) */
span#formdatatext::-webkit-scrollbar {
  width: 16px; /* Width of the scrollbar */
}

span#formdatatext::-webkit-scrollbar-thumb {
  background-color: #222; /* Color of the scrollbar thumb */
  border-radius: 5px; /* Optional: rounded corners for the thumb */
}

span#formdatatext::-webkit-scrollbar-track {
  background-color: #111; /* Color of the scrollbar track */
}

/* Optional hover effect for the scrollbar */
span#formdatatext::-webkit-scrollbar-thumb:hover {
  background-color: #333; /* Color of the scrollbar thumb on hover */
}

/* For Firefox */
span#formdatatext {
  scrollbar-width: 16px; /* Make scrollbar thin */
  scrollbar-color: #222 #111; /* thumb color and track color */
}

/* Optional hover effect in Firefox */
span#formdatatext:hover {
  scrollbar-color: #333 #111; /* Change thumb color on hover */
}

#textModal .modal-content {
  background: #222;
  color: #fff;
  border-radius: 0;
  padding: 0px;
}

.cookiebox {
  width: 300px;
  position: fixed;
  bottom: 0;
  left: 0;
  /* transform: translateX(-50%); */
  background-color: #f0f0f0;
  padding: 20px;
  /* border-top-left-radius: 10px; */
  /* border-top-right-radius: 10px; */
  font-size: 14px;
  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
  z-index: 4000;
  width: 100%;
  text-align: center;
  /* padding: 10px 20%; */
  background: #111;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  border-bottom:1px solid #222
} 


.cookiebox b {
  font-weight: bold;
  color: #333;
  margin:0  0 0  10px
}


.cookiebox b:first-child { 
  margin:0  0 0  0px
}
.cookiebox:hover b {
  font-weight: bold;
  color: #00f767;
  margin:0  0 0  10px
}

.cookiebox:hover b:first-child { 
  margin:0  0 0  0px
}

.cookiebox span {
  font-size: 15px;
  color: #666;
  float: left;
  width: 80%;
  text-align: left;
}


.cookiebox:hover span {
  font-size: 15px;
  color: #ffffff;
  float: left;
  width: 80%;
  text-align: left;
}

.cookiebox button {
  width: 200px;
  background-color: #333;
  color: #fff;
  border: none;
  padding: 10px;
  font-size: 14px;
  cursor: pointer;
  float: right;
}

.cookiebox:hover button {
  width: 200px;
  background-color: #5c856d;
  color: #000;
  border: none;
  padding: 10px;
  font-size: 14px;
  cursor: pointer;
  float: right;
}

.cookiebox button:hover {
  background-color: #00f767;
}

.cookiebox button:active {
  background-color: #555;
}


.offlinebox {
  width: 300px;
  position: fixed;
  top: 70px;
  bottom: auto;
  left: 0;
  /* transform: translateX(-50%); */
  background-color: #f0f0f0;
  padding: 0px;
  /* border-top-left-radius: 10px; */
  /* border-top-right-radius: 10px; */
  font-size: 14px;
  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
  z-index: 4000;
  width: 100%;
  text-align: center;
  /* padding: 10px 20%; */
  display: flex;
  background: #d1af00;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #222;
}




.offlinebox span,.offlinebox b {
  font-size: 15px;
  color: #000000; 
}

.offlinebox:hover span,.offlinebox:hover b {
  font-size: 15px;
  color: #000000; 
}

.offlinebox button {
  background-color: #d1af00;
  color: #161616;
  border: 1px solid #000;
  margin:10px;
  padding: 0 10px;
  border-radius: 4px;
}
.offlinebox:hover button {
  background-color: #000000;
  color: #ffffff;
}

.manageblock {
  display: flow-root;
  margin-bottom: 40px;
}

span.nrmtask {
  padding: 5px 10px;
  border: #333 solid 1px;
  display: block;
  float: left;
  backdrop-filter: blur(4px);
  margin: 0 4px 4px 0;
  border-radius: 4px;
}


span.nrmtask.rdy {
  border: #0bb335 solid 1px;
  background: #0bb33511;
}

span.nrmtask.impt {
  border: #b30b21 solid 1px;
  background: #b30b2133;
}

.totoh3 {
  width: 100%;
  margin-bottom: 20px;
  border-top: 1px dashed #333;
  padding-top: 20px;
}
.totoh3 span{float:right}