.btn-light { border-color: transparent; }




.circled-icon {
display: inline-block;
width: 40px; /* Adjust the size as needed */
height: 40px; /* Adjust the size as needed */
background-color: #ffffff; /* Set the background color */
border-radius: 50%;
text-align: center;
line-height: 40px; /* Center the icon vertically */
margin-right: 10px; /* Adjust the spacing between icons */
}

                  @keyframes blink {
                                    0%, 50%, 100% {
                                        color: green;
                                    }
                                    25%, 75% {
                                        color: #0E1726;
                                    }
                                    50% {
                                        color: #FC3441;
                                    }
                                }

                                @keyframes arrowChange {
                                    0%, 50%, 100% {
                                        color: #FC3441;
                                    }
                                    25%, 75% {
                                        color:#2196F3;
                                    }
                                }

                                .blinking-icon {
                                    animation: blink 2s infinite;
                                }

                                .arrow-down-icon {
                                    animation: arrowChange 2s infinite;
                                }


                                .pin-code{
                              padding: 0;
                              margin: 0 auto;
                             display: flex;
                              justify-content:center;

                            }

                            .pin-code input {
                              border: 2px solid #2DBE60;
                              border-radius: 5px;
                              text-align: center;
                              width: 48px;
                              height:48px;
                              font-size: 22px;
                              background-color: #F3F3F3;
                              margin-right:5px;
                            }



                            .pin-code input:focus {
                              border: 1px solid #573D8B;
                              outline:none;
                            }


                            input::-webkit-outer-spin-button,
                            input::-webkit-inner-spin-button {
                                -webkit-appearance: none;
                                margin: 0;
                            }



                                .list-group-item{
                                    color:#e0e0e0 !important;
                                }
                                /* dark-theme.css */

body, html {
background-color: #121212 !important;
color: #e0e0e0 !important;
}

a, a:link, a:visited {
color: #90caf9 !important;
}

.menu a, .menu svg, h2,p,h4{
    color:#ddd !important
}
.card,.box, .container, .navbar, .footer, .modal, .dropdown-menu, .form-control,.widget-four,.widget-content,.card-header,
.widget-header,.widget-content-area,.widget,.modal ,.form-content,.form-control,.list-group-item,.list-group,.my-sidebar-style, #sidebar{
background-color: #1e1e1e !important;
color: #e0e0e0 !important;
/* border-color: #333 !important; */
}

.list-group-item h5, .list-group-item p{

color: #e0e0e0 !important;
}

.list-group h5, .list-group-item p {
color:#f1f1f1 !important;
}
.btn {
/* background-color: #333 !important; */
color: #fff !important;
}

.list-group-item, .list-group{
background-color: #222323 !important;
color:#fff !important;
}


input, textarea, select {
background-color: #2c2c2c !important;
color: #f1f1f1 !important;
border-color: #444 !important;
}

.table, tr, td, th {
background-color: #1e1e1e !important;
color: #fff !important;
}

.table th, .table td {
border-color: #333 !important;
}