/* 
    Created on : 10/08/2021, 18:27:20
    Author     : Bruno Luis
    Update on: 25/06/2025, 15:42 PM
    Custom Style Intranet site CE3
*/
.bg-gradient-laranja {
  background-color: #f6c23e8a;
  background-image: linear-gradient(
    180deg
    ,#f6c23ea1 10%,#dda20a 100%);
  background-size: cover;
}

.bg-gradient-login {
  background-color: #f58634;
  background-image: linear-gradient(180deg,var(--yellow) 10%,var(--orange) 100%);
  background-size: cover;
}
.azul-ce3-gradient {
  background-color: #18496f;
  background-image: linear-gradient(180deg, #18496f 0%, #215f81 46%, #186790 100%);
  color: #fff;
}
.rodape-card {
  background-color: #d3e2f7;
  background-image: linear-gradient(180deg, #d3e2f7 0%, #aec2d6 100%);
}
.btn-grad-primary {
  background-color: #18496f;
  background-image: linear-gradient(180deg, #18496f 0%, #215f81 46%, #186790 100%);
  color: #fff;
}

.btn-grad-primary {
  margin: 10px;
  padding: 10px 30px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
  /*display: block;*/
}
.btn-grad-primary:hover {
  background-position: right center; /* change the direction of the change here */
  color: #ffff00;
  text-decoration: none;
}

.btn-grad-info {
  background-image: linear-gradient(to right, #2c3e50 0%, #3498db  51%, #2c3e50  100%)
}
.btn-grad-info {
  margin: 10px;
  padding: 10px 30px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
  /*display: block;*/
}
.btn-grad-info:hover {
  background-position: right center; /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}

.btn-grad-success {
  background-image: linear-gradient(to right, #44A08D 0%, #093637  51%, #44A08D  100%)
}
.btn-grad-success {
  margin: 0px;
  padding: 10px 12px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 0 #eee;
  border-radius: 10px;
  /*display: block;*/
}
.btn-grad-success:hover {
  background-position: right center; /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}

.btn-grad-success-2 {
  background-image: linear-gradient(to right, #42b70d 0%, #41a728 51%, #5baf34 100%)
}

.btn-grad-success-2 {
  margin: 0px;
  padding: 10px 12px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 0 #eee;
  border-radius: 10px;
  /*display: block;*/
}
.btn-grad-success-2:hover {
  background-position: right center; /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}

.btn-grad-warning {
  background-image: linear-gradient(to right, #ffb75e 0%, #eba145 51%, #ffb75e 100%);
}
.btn-grad-warning {
  margin: 0px;
  padding: 10px 12px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
  /*display: block;*/
}
.btn-grad-warning:hover {
  background-position: right center; /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}

.btn-grad-secondary {
  background-image: linear-gradient(to right, #767983 0%, #859398 51%, #687397 100%);
}
.btn-grad-secondary {
  margin: 0px;
  padding: 10px 12px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
  /*display: block;*/
}
.btn-grad-secondary:hover {
  background-position: right center; /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}

.btn-grad-black {
  background-image: linear-gradient(to right, #000000 0%, #434343  51%, #000000  100%)
}
.btn-grad-black {
  margin: 0px;
  padding: 10px 12px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
  /*display: block;*/
}
.btn-grad-black:hover {
  background-position: right center; /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}

.btn-grad-black-2 {
  background-image: linear-gradient(to right, #485563 0%, #29323c  51%, #485563  100%)
}
.btn-grad-black-2 {
  margin: 0px;
  padding: 10px 12px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
  /*display: block;*/
}
.btn-grad-black-2:hover {
  background-position: right center; /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}

.btn-grad-danger {
  background-image: linear-gradient(to right, #e52d27 0%, #b31217  51%, #e52d27  100%)
}
.btn-grad-danger {
  margin: 0px;
  padding: 10px 12px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
  /*display: block;*/
}
.btn-grad-danger:hover {
  background-position: right center; /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}

.btn-grad-warning-2 {
  background-image: linear-gradient(to right, #FF512F 0%, #F09819  51%, #FF512F  100%)
}
.btn-grad-warning-2 {
  margin: 0px;
  padding: 10px 12px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 0 #eee;
  border-radius: 10px;
  /*display: block;*/
}

.btn-grad-warning-2:hover {
  background-position: right center; /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}

.btn-grad-warning-3 {
  background-image: linear-gradient(to right, #f46b45 0%, #eea849  51%, #f46b45  100%)
}
.btn-grad-warning-3 {
  margin: 0px;
  padding: 10px 12px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 0 #eee;
  border-radius: 10px;
  /*display: block;*/
}
.btn-grad-warning-3:hover {
  background-position: right center; /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}
.btn-grad-warning-3 {
  background-image: linear-gradient(to right, #FFB75E 0%, #ED8F03  51%, #FFB75E  100%)
}

.btn-grad-cancelar {
  margin: 0px;
  padding: 10px 12px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: #052554;
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
  /*display: block;*/
}
.btn-grad-cancelar:hover {
  background-position: right center; /* change the direction of the change here */
  color: #000;
  text-decoration: none;
}
.btn-grad-cancelar {
  background-image: linear-gradient(to right, #b1becf 0%, #c2c8db 51%, #b5c4db 100%);
}

.box-azul-ce3-gradient {
  background-color: #18496f;
  background-image: linear-gradient(180deg, #18496f 0%, #215f81 46%, #186790 100%);
  color: #fff;
}
.box-azul-ce3-gradient a{
  color: #fff !important;
}
.box-azul-ce3-gradient a:hover{
  color: #5a5c69 !important;
  font-weight: bold;
}

.nav-azul-ce3-gradient {
  background-color: #18496f;
  background-image: linear-gradient(180deg, #18496f 0%, #215f81 46%, #186790 100%);
  color: #fff;
}
.nav-azul-ce3-gradient nav-link{
  color: #fff !important;
}
.nav-azul-ce3-gradient nav-link:hover{
  color: #fff !important;
}
.nav-azul-ce3-gradient .dropdown-item{
  color: #fff !important;
}
.nav-azul-ce3-gradient .dropdown-item:hover{
  color: #5a5c69 !important;
}

#tab_site .nav-item .nav-link:hover{
  background-color: #18496f;
  background-image: linear-gradient(180deg, #18496f 0%, #215f81 46%, #186790 100%);
  color: #fff;
}

footer.sticky-footer{
  padding:2rem 0;
  flex-shrink:0;
  background-color:#5cb7e73d!important;
  color:#000000ad
}
footer.sticky-footer .copyright{
  line-height:1;
  font-size:.8rem;
  color:#4e73df!important;
  font-weight:700
}
.bg-gradient-login{
  background-color:#f58634;
  background-image:linear-gradient(180deg,var(--yellow) 10%,var(--orange) 100%);
  background-size:cover
}
.btn-grad-warning{
  margin:10px;
  padding:10px 30px;
  text-align:center;
  text-transform:uppercase;
  transition:.5s;
  background-size:200% auto;
  color:#fff;
  box-shadow:0 0 20px #eee;
  border-radius:10px;
  background-image:linear-gradient(to right,#ffb75e 0,#ed8f03 51%,#ffb75e 100%)
}

.nav-hover-adm a{
  color:#18496f !important;
}
.nav-hover-adm a:hover{
  color:#858796 !important;
}

.btn-grad-pq-primary {
  background-color: #123f62;
  background-image: linear-gradient(to right, #1a4d74 0%, #266a8f 46%, #29779f 100%);
  color: #fff;
}
.btn-grad-pq-primary {
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
}
.btn-grad-pq-primary:hover {
  background-position: right center; /* change the direction of the change here */
  color: #ffff00;
  text-decoration: none;
}

.btn-grad-pq-info {
  background-color: #286068;
  background-image: linear-gradient(to right, #2fc3d8 0%, #52d1e3 51%, #3eb9cb 100%);
}
.btn-grad-pq-info {
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
}
.btn-grad-pq-info:hover {
  background-position: right center; /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}

.btn-grad-pq-danger {
  background-image: linear-gradient(to right, #e52d27 0%, #b31217  51%, #e52d27  100%);
  color: #fff;
}
.btn-grad-pq-danger {
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
}
.btn-grad-pq-danger:hover {
  background-position: right center; /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}
a.nav-link.active {
    font-weight: bold;
    background-color: #18496f;
    background-image: linear-gradient(180deg, #18496f 0%, #215f81 46%, #186790 100%);
    color: #fff !important;
}