/* app.css */

/* * {
    box-shadow: inset 0px 0px 2px rgba(255,0,0,1);
} */

.contornos {
    box-shadow: inset 0px 0px 2px rgba(255,0,0,1);
}

body{
     font-family: 'Nunito';
}
.shadow {
     box-shadow: 0 .2rem 0.5rem rgba(0,0,0,.15)!important;
}
.camcLbl {
     font-size: 0.8rem;
     font-weight: bold;
     color:rgba(77, 108, 201, 0.6);
     margin-bottom: 0;
}

.camcfontsize01{
     font-size: 0.8rem;
}
.camcLbli {
     font-size: 0.8rem;
     font-weight: bold;
     color:rgba(179, 179, 179, 0.6);
     margin-bottom: 0;
}
.lblMarginR {
     margin-right: 25px;
     display: inline-block;
     vertical-align: middle;
}
.camcLblinact {
     font-size: 0.8rem;
     font-weight: bold;
     color:rgba(206, 14, 14, 0.6);
     margin-bottom: 0;
}
.dadosSocio {
     font-size: 0.8rem;
     /* margin-left: 10px; */
}
.btnEdit:hover {
     color: #345bcc;
}
.btnInactivar {
     height: 2em !important;
     width: 4.5em !important;
}

.btnInactivar:checked {
     background-color: #1ea670;
     border-color: #1ea670;
}

.camc-nowrap {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}

.gold-medal {
   color: #FFD700;
}
.silver-medal {
     color: #BBC2CC;
}
.loginOpacity { 
     background-color: rgba(255, 255, 255, .2); 
}
.loginColorGray { 
     color:#c3c3c3; 
}
.loginColorGray2 { 
     color:#9e9e9e;
     font-size: 0.7em;
}
.mt50p {
     margin-top: 30% !important;
}
.bg-gradient-primary-dev {
     background-image: linear-gradient(to left top, #737475, #004d7a, #626464, #555656, #4e504f);
     background-repeat: no-repeat;
     background-size: cover;
}
.bg-gradient-primary {
     background-image: linear-gradient(to left top, #051937, #004d7a, #008793, #00bf72, #1eab6d);
     background-repeat: no-repeat;
     background-size: cover;
}
.p5Log {
     padding: 5px 5px 0px 5px;
}
.gold-medal{
     background-image: linear-gradient(to left, #ae8625, #f7ef8a, #d2ac47, #d2ac47, #edc967);
     background-size: 100%;
    -webkit-background-clip: text;
     background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
}
.silver-medal{
     background-image: linear-gradient(to left, #a8a9ad, #a7acae, #f0f0f0, #abb0ae, #afb1ae);
     background-size: 100%;
    -webkit-background-clip: text;
     background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
}
.color1 {
     color: #1ea670;
}

.bell_color_no_request {
     color: #009A87;
}

.colorw {
     color: #fff;
}
.bgColor1 {
     background-color: #fff;
     border: 0;
}
/* --------------------- */
.bgColorErrImput {
     background-color : rgb(255, 222, 222) !important; 
}


.color2 {
     color: #1f858c;
}
.color3 {
     color: #2066a5;
}
.color4{
     font-size: 21px;
     background-color: #224abe;
     background-image: linear-gradient(to left top, #051937, #004d7a, #008793, #00bf72, #1eab6d);
     background-size: 100%;
    -webkit-background-clip: text;
     background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
}
.color5{
     font-size: 21px;
     background-color: #224abe;
     background-image: linear-gradient(to left top, #e0e0e0, #d1d1d1, #aaaaaa, #858a88, #2c2c2c);
     background-size: 100%;
    -webkit-background-clip: text;
     background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
}
.camc-buttonLog {
     width: 100%;
     padding-left: 30px;
     padding-right: 30px;
     background-color: #1eab6d;
     color: #ffffff;
     border: 2px solid #1ea670;
     border-radius: 0;
     transition-duration: 0.6s;
}
.camc-buttonLog:hover {
     background-image: linear-gradient(to left top, #051937, #004d7a, #008793, #00bf72, #1eab6d);
     border: 2px solid #1ea670;
     color: white;
}
.camc-button1 {
     width: auto;
     padding-left: 30px;
     padding-right: 30px;
     background-color: #1eab6d;
     color: #ffffff;
     border: 1px solid #346886;
     border-radius: 1;
     transition-duration: 0.6s;
}

.camc-button2 {
     width: auto;
     padding-left: 30px;
     padding-right: 30px;
     background-color: #5d8ba5;
     color: #ffffff;
     border: 1px solid #1ea670;
     border-radius: 1;
     transition-duration: 0.6s;
}

.camc-button1:hover, .camc-button2:hover {
     background-color: #1eab6d;
     background-image: linear-gradient(to left top, #051937, #004d7a, #008793, #00bf72, #e3f8ef);
     color: white;
}


.camc-eye {
     font-size: 21px;
     color: #bdbdbd !important;
}

.camc-eye:hover {
     font-size: 21px;
     color: #1f858c !important;
}


.camc-buttonCancelar {
     width: auto;
     padding-left: 30px;
     padding-right: 30px;
     color: #747474;
     border: 2px solid #747474;
     border-radius: 1;
     transition-duration: 0.4s;
}
   
.camc-buttonCancelar:hover {
     background-color: #747474;
     color: white;
}
.modalInact{
     margin: 0rem;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
     box-shadow: 0 0 0 30px #f7f7f7 inset !important;
    -webkit-box-shadow: 0 0 0 30px #f7f7f7 inset !important;
}
.form-check-input:checked {
     background-color: #1eab6d;
     border-color: #1eab6d;
}

.sidebar-dark hr.sidebar-divider {
     border-top: 1px solid #fff;
}

.errForm {
     color: rgb(180, 3, 3);
     font-size: 0.75em;
     margin-top: 1px;
}
.page-item .page-link {
     z-index: 3;
     color: #858586;
     background-color: #ffffff !important;
     border:none;
     
}
.form-check-input {
     outline: none;
     box-shadow: none; 
}
.page-item.active .page-link {
     outline: none;
     box-shadow: none; 
     z-index: 3;
     color: #215cae;
     background-color: #ffffff !important;
     border-color: #fff !important;
     border-bottom: 3px solid #215cae !important;
}

table {
     background-color: #fff !important;
     background-image: none !important;
}
table tbody tr:hover {
     background-color: #ececec !important;
}
table tbody tr td{
     border: none;
}
.table-striped>tbody>tr:nth-of-type(odd) {
     --bs-table-accent-bg: rgb(255, 255, 255) !important;
     color: var(--bs-table-striped-color);
 }
table tbody tr.odd{
     background-color: rgb(255, 255, 255) !important;
}
.table-striped>tbody>tr:nth-of-type(even) {
     --bs-table-accent-bg: rgb(248, 248, 248) !important;
     color: var(--bs-table-striped-color);
 }
table tbody tr.even{
     background-color: rgb(235, 235, 235) !important;
}

.numSocioEdit a {
     margin-left: 22px;
     color: #206ba1 !important;
     font-weight: bold;
}

.active {
     color: #fff !important;
}

.activeLink {
     color: #fff !important;
}
#tblSocios_filter label input {
     width: 400px !important;
}

.accordion .card-header:after {
     font-family: 'FontAwesome';  
     content: "\f0aa" !important;
     float: right;
     color: #1ea670 !important;
     font-size: large !important;
}

.accordion .card-header.collapsed:after {
     content: "\f0ab" !important;
     color: #1ea670 !important;
}

.navbar-expand .navbar-nav .nav-link {
     padding-right: 3.5rem;
     padding-left: 3.5rem;
}


.sidebar .nav-item.dropdown .dropdown-toggle::after,
.topbar .nav-item.dropdown .dropdown-toggle::after {
  content: '\f107';
}
.sidebar .nav-item.dropdown.show .dropdown-toggle::after,
.topbar .nav-item.dropdown.show .dropdown-toggle::after {
  content: '\f106';
}



.dropdown-menu {
     left: auto;
}

#popup-sucesso {
     position: fixed;
     top: 200px;
     right: 20px;
     background: #28a745;
     color: #fff;
     padding: 15px 20px;
     border-radius: 6px;
     box-shadow: 0 4px 10px rgba(0,0,0,0.2);
     font-size: 16px;
     opacity: 0;
     pointer-events: none;
     transition: opacity 0.4s ease;
     z-index: 9999999 !important;  /* <<< AQUI ESTÁ A CORREÇÃO */
 }
 
#popup-sucesso.show {
     opacity: 1;
     pointer-events: auto;
}
  


/*  |||||||||||||| CSS para listagens com inputs de data |||||||||||||||| */

.form-inline2 {  
     display: flex;
     flex-flow: row wrap;
     align-items: center;
}

.form-inline2 span {  
     align-items: left;
     font-weight: bold;
     /* margin-left: 5px; */
}
   
.form-inline2 label {
     margin: 5px 10px 5px 13px;
}
   
.form-inline2 input {
     vertical-align: middle;
     margin: 5px 10px 5px 0px;
     padding: 10px;
     background-color: rgba(199, 199, 199, 0.411);
     border: 1px solid #ddd;
     width: auto;
}

.form-inline2 a {
     margin-left: auto; 
     margin-right: 0;
}


@media (max-width: 880px) {
.form-inline2 input {
     margin: 10px 0;
     }

.form-inline2 {
     flex-direction: column;
     align-items: stretch;
     }
}

.form-inline2 span.alerta {
     font-size: 11px;
     color: red;
     padding-left: 15px;
}

.anim {
     position: absolute;
     top: 50%;
     left: 50%;
     animation: shake 1s linear infinite;
     transform-origin: 50% 0;
}
@keyframes shake {
     0% {
          transform: translate(-50%, -50%) rotate(0deg);
     }
     25% {
          transform: translate(-50%, -50%) rotate(-10deg);
     }
     50% {
          transform: translate(-50%, -50%) rotate(0deg);
     }
     75% {
          transform: translate(-50%, -50%) rotate(10deg);
     }
     100% {
          transform: translate(-50%, -50%) rotate(0deg);
     }
}

/* ===============button loader ==========================*/

.button_loader {
     position: relative;
     width: auto;
     padding-left: 30px;
     padding-right: 30px;
     background-color: #1eab6d;
     color: #ffffff;
     border: 1px solid #346886;
     border-radius: 0;
 }
 
 .button_loader:active {
     background: #1eab6d;
 }
 
 .button__text {
     color: #ffffff;
     transition: all 0.2s;
 }

 .button_loader--loading .button__text {
     visibility: hidden;
     opacity: 0;
 }

 .button_loader--loading::after {
     content: "";
     position: absolute;
     width: 16px;
     height: 16px;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     border: 3px solid transparent;
     border-top-color: #ffffff;
     border-radius: 50%;
     animation: button-loading-spinner 1s ease infinite;
 }

 @keyframes button-loading-spinner {
     from {
         transform: rotate(0turn);
     }
 
     to {
         transform: rotate(1turn);
     }
 }


/* ================== MEDIA QUERIES ========================= */
@media only screen and (max-width: 1200px) {
     
     #tblSocios_filter label input {
          width: 300px !important;
     }
     
}
@media only screen and (max-width: 1000px) {
     .camc-button1, .camc-button2, .camc-buttonCancelar {
          width: 100%;
          margin-top: 7px;
     }   
}
@media only screen and (max-width: 1000px) {
     .camc-buttonCancelar {
          width: 100%;
          margin-top: 7px;
     }
     .dataTables_length {
          display: none;
     }
     #tblSocios_filter label input {
          width: 250px !important;
     }  
}