@media (prefers-color-scheme: light) {
    body {
      background: #f2f2f2;
      color: #333;
    }
    .dark-mode{
        background-color: #FFF;
        color: #000;
    }
    .dark-back-theme{
        background-color: rgba(0,0,0,0.1);
    }
    .dark-card-theme{
        background-color: rgba(255,255,255, 1);
    }
    textarea:focus, 
    textarea.form-control:focus, 
    input.form-control:focus, 
    input[type=text]:focus, 
    input[type=password]:focus, 
    input[type=email]:focus, 
    input[type=number]:focus, 
    .form-select:focus,
    [type=text].form-control:focus, 
    [type=password].form-control:focus, 
    [type=email].form-control:focus, 
    [type=tel].form-control:focus, 
    [contenteditable].form-control:focus {
    box-shadow: inset 0 -1px 0 #fff;
    background-color: #f6f6f6;
    }
  }
  @media (prefers-color-scheme: dark) {
    body {
      background: #333;
      color: #FFF;
    }
    .card-body{
        background: #333;
        color: #FFF;
    }
    .card{
        border: rgb(92, 91, 91) 1px solid;
    }
    .card-header{
        background: rgb(73, 73, 73);
        color: #FFF;
    }
    .dark-mode{
        background: rgb(36, 36, 36);
        color: #FFF;
    }
    .text-success{
        color: #FFF;
    }
    .dark-card-theme{
        background-color: rgba(0,0,0, 0.1);
        color: #FFF;
    }
    .dark-back-theme{
        background-color: rgba(73,73,73,1);
    }
    textarea:focus, 
    textarea.form-control:focus, 
    input.form-control:focus, 
    input[type=text]:focus, 
    input[type=password]:focus, 
    input[type=email]:focus, 
    input[type=number]:focus, 
    .form-select:focus,
    [type=text].form-control:focus, 
    [type=password].form-control:focus, 
    [type=email].form-control:focus, 
    [type=tel].form-control:focus, 
    [contenteditable].form-control:focus {
    box-shadow: inset 0 -1px 0 #616161;
    background-color: #616161;
    }
  }
.navbar .active{
    border-bottom: 1px solid rgb(189, 189, 189);
}
.bor-ten{
    border-radius: 6px 6px 6px 6px;
}
.bor-twen{
    border-radius: 20px 20px 20px 20px;
}