/* MAIN
****************************************************************/
body,
main > h1,
#LeftMenu h2,
.pageOption,
.innerFooter {
    color: #000;
}

main,
main a {
    color: #fff;
}

.prettyDate{
	color: #fff;
}

/* COLOR
****************************************************************/
#TopMenu {
	/*background-color: rgba(64, 81, 135, .9);*/
    background-color: rgba(64, 81, 135, .3);
}
@media screen and (max-width: 991px) {
  #TopMenu { background-color: rgba(64, 81, 135, .9);}
}

#LeftMenu {
	background-color: rgba(255, 255, 255, .5);
}
footer {
    background-color: rgba(255, 255, 255, .5);
}

:not(pre) > code[class*="language-"], pre[class*="language-"] {
    background-color: rgba(0, 0, 0, .8);
    border: 0;
    border-radius: 0;
}







/* NAVBAR
****************************************************************/
.nav-item.active {
  /*background: #fff;*/
    background-color: rgba(255, 255, 255, .7);
    box-shadow: 0px 0px 50px 50px rgba(255, 255, 255, 0.4);
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255,255,255,1);
}
 
.dropdown-menu {
    /*background-color: rgba(255, 255, 255, .7);*/
    background-color: rgba(64, 81, 135, .3);
    border: 0;
    border-radius: 0;
}


.offcanvas {
    background-color: rgba(255, 255, 255, .7); 
    height:  500px;
    top: 200px;
}
.modal-backdrop.show {
  opacity: 0;
}
@media screen and (max-width: 991px) {
	.offcanvas {background-color: rgba(255, 255, 255, 1);}
}


/* LEFT MENU
****************************************************************/
.pageOption {
    border-left: 0px solid #4cb932;
}
.pageOption.active {
    position: relative;
    border-left: 10px solid #fff;
  /*background: #fff;*/
      background-color: rgba(255, 255, 255, .7);
    box-shadow: 0px 0px 10px 5px rgba(255,255,255,0.4);
}
.pageOption.active .catHomePage {
  color: #4cb932;
}
.pageOption:hover {
    border-left: 10px solid #4cb932;
}

/* TABLE
****************************************************************/
.table > tbody > tr {
  --bs-table-accent-bg: rgba(255,255,255,.8);
  color: var(--bs-table-striped-color);
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
  --bs-table-accent-bg: rgba(255,255,255,.6);
  color: var(--bs-table-striped-color);
}
.table-hover > tbody > tr:hover {
  --bs-table-accent-bg: rgba(255,255,255,1);
}
.table a {
  color: #0d6efd;
}

/* CARD
****************************************************************/
.card {
    border:  0;
    color: #212529;
}


/* CONTROLS
****************************************************************/
.cloudstroke {
  font-size: 26px; 
  -webkit-text-stroke: 
  2px #333; 
  color: white;
}

#controlsToggle {
  position: fixed;
  right: -10px;
  top:  200px;
  z-index: 100;
  transition: right 1s;
  animation: pulse 2s infinite;
  background-color: rgba(255,255,255,0.7);
  border: 0;
  border-radius: 7px;
  padding: 15px;
  opacity: 1;
  transition: opacity .5s;
}
/* #controlsToggle:hover {
  right: 0px;
} */
#controlsToggle[open] {
	/* right: -100px; */
	opacity: 0;
}
@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
	}
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}