@import url('https://fonts.googleapis.com/css2?family=Lato&family=Montserrat&family=Roboto&display=swap'); 
.signup {
  background: #56ab2f;
  background: -webkit-linear-gradient(to right, #a8e063, #56ab2f);
  background: linear-gradient(to right, #a8e063, #56ab2f);
}

.login {
  background: #000428;
  background: -webkit-linear-gradient(to right, #004e92, #000428);
  background: linear-gradient(to right, #004e92, #000428);
}

.backGroundCommon {
  background: #03129c;
  background: -webkit-linear-gradient(to right, #1d2fd1, #03129c);
  background: linear-gradient(to right, #1d2fd1, #03129c);
}
.box {
  background-image: url("/img/ssma1.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  height: 100%;
}
.txtDesc { background: -webkit-linear-gradient(#333,#333,#eee); background-clip: text;-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.card-200{min-height: 200px;max-height: 200px;}
.card-250{min-height: 250px;max-height: 250px;}
.card-300{min-height: 300px;max-height: 300px;}
.separador{height:4em}
h1,h2,h3,h4,h5,h6{font-family: 'Montserrat', sans-serif;}
a{font-family: "Segoe UI", sans-serif;}
footer {position: fixed;left:0;bottom: 0;width: 100%;text-align: center;height:45px; background-color: #007bff; z-index:1;}
html, body {margin: 0;padding: 0;font-size: 1rem;font-family: "Segoe UI", sans-serif;}
/* ul {list-style-type: none;color:#007bff; font-size: 14px;font-family: "Segoe UI", sans-serif; line-height:14px;} */
ul {list-style-type: none; font-size: 1rem;font-family: "Segoe UI", sans-serif; line-height:14px;}
/* .dropdown-menu{color:#007bff; font-size: 14px;font-family: "Segoe UI", sans-serif;} */
.dropdown-menu{font-size: 1rem;font-family: "Segoe UI", sans-serif;}

tool-tip{
  backdrop-filter: blur(3px);
  background: rgba(255, 255, 255, 0.2);
  border-radius: 8px ;
  border: 1px solid rgba(0,24,134,0.1);
  box-shadow: 0 0 10 px #000;
  left: 12.5%;
  max-width: 600px;
  min-width: 80px;
  opacity: 0;
  padding: .3rem .8rem;
  pointer-events: none;
  position: absolute;
  text-align: left;
  top: 250%;
  transition: opacity .3s ease-out;
  user-select: none;
  z-index: 1;
}
:has(> tool-tip):hover tool-tip{opacity: 1;}
:has(> tool-tip){position: relative;}

.toolbarBtn{
  --s: 60px;
  --b: 2px;
  --g: 4px;
  --c: #007bff;
  width: var(--s);
  aspect-ratio: 1;
  outline: calc(var(--s)/2) solid #007bff52;
  outline-offset: calc(var(--s)/-2);
  cursor: pointer;
  transition: 0.5s;
  border-radius: 50%;
  filter: grayscale(50%);
  text-decoration: none;
}
.toolbarBtn:hover {
  outline: var(--b) double var(--c);
  outline-offset: var(--g);
  filter: grayscale(0%);
  text-decoration: none;
}
.toolbar{
  box-shadow:  .5em .5em 2em .1em  rgba(0, 0, 0, 0.23);
}

.toolbarTxt {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight:bold ;
  color:#007bff;
  padding-top: 6px;
  text-align: center;
  text-decoration: none;
}
.toolbarTxt:hover {
  text-decoration: none;
}