html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/*mv$ 
* for use <dl class="dl-DVC-1 row row-cols-1 row-cols-md-2"> instead of <dl class="dl-horizontal">
*/
.dl-DVC-1 dt:nth-child(4n+1),
.dl-DVC-1 dd:nth-child(4n+2) {
    background-color: AppWorkspace /*Window #ffffff;  White for even rows */
}

.dl-DVC-1 dt:nth-child(4n+3),
.dl-DVC-1 dd:nth-child(4n+4) {
    background-color: lightgray /*#f2f2f2;  Light gray for odd rows */
}

.dl-DVC-1 dt {
    /* text-align: right; */
    padding-right: 10px;
}

.dl-DVC-1 dd {
    /* text-align: left; */
    margin-left: 0;
}

.dl-DVC-1 dd, .dl-DVC-1 dt {
    margin-bottom: 10px;
}
/*dl flex*/
/*dl*/
dl.flex-dl {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

dt.flex-dt,
dd.flex-dd {
    flex: 0 0 100%;
}

@media (min-width: 768px) {
    dt.flex-dt {
        flex: 0 0 20%;
        font-weight: bold;
    }

    dd.flex-dd {
        flex: 0 0 80%;
        margin-left: 0;
    }
    
    /*.flex-dt, .flex-dd {
        display: block;
        width: 100%;
    }*/
}
@media (max-width: 767.98px) {
    dt.flex-dt,
    dd.flex-dd {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
/*DL striped*/
.dl-striped dt:nth-child(4n+1),
.dl-striped dd:nth-child(4n+2) {
    background-color: AppWorkspace /*Window #ffffff;  White for even rows */
}

.dl-striped dt:nth-child(4n+3),
.dl-striped dd:nth-child(4n+4) {
    background-color: lightgray /*#f2f2f2;  Light gray for odd rows */
}
.dl-striped dd, .dl-striped dt {
    margin-bottom: 0px;
}

/*info table for details view*/
.tblDetails {
    border-collapse: collapse;
}

.tblDetails th, .tblDetails td {
    border: 1px solid; /* 1px solid black; */
    padding-left: 10px;
    padding-right: 10px;
}

.form-cntl-b {
    font-weight: bold;
}
/*-*/
@media (min-width: 768px) {
    .table-ra {
        width: 60%;
        margin-left: auto;
        margin-right: 0;
    }
}
@media (max-width: 767px) {
    .table-ra {
        width: 100%; /* Full width on smaller screens */
        margin-left: 0;
        margin-right: 0;
    }
}
@media (max-width: 1067px) {
    .hide-COL-on-TBL-narrow {
        display: none;
    }
}
@media (max-width: 767px) {
    .hide-on-DNA-narrow2 {
        display: none;
    }
}
/* to display attention sym*/
.symbol-badge {
    /*background-color: blue;*/
    color: black;
    display: inline-block;
    padding: 0 2px;
    /*line-height: 0.5;*/
    border-radius: 2px;
    font-size: 1rem;
}
/* DFUsersData Index */
.spinner {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    border: 4px solid #ccc;
    border-top-color: #337ab7; /* Bootstrap primary color */
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/* Fallback for older browsers */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg);}
    100% { -webkit-transform: rotate(360deg);}
}
@keyframes spin {
    0% { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}

/* site.css */
.navbar-not-signed-in {
    /*background-color: #343a40; *//* Default da color */
    /*background-color: red;*/
    /*color: white;*/
}
.navbar-signed-in-pwd {
    /*background-color: #007bff;*/ /* Blue color for signed in with password */
    /*color: white;
    background-color: #007bff;*/
    color: yellow;
    /*background-color: whitesmoke;*/
}
.navbar-signed-in-no2fa {
    /*background-color: #28a745;*/ /* Green color for signed in with 2FA */
    /*color: white;
    background-color: #28a745;*/
    color: magenta;
    /*background-color: whitesmoke;*/
}
.navbar-signed-in-2faX {
    /*background-color: #28a745;*/ /* Green color for signed in with 2FA */
    /*color: white;
    background-color: #28a745;*/
    color: lightseagreen;
    /*background-color: whitesmoke;*/
}
.navbar-signed-in-2fa {
    /*background-color: #28a745;*/ /* Green color for signed in with 2FA */
    /*color: white;
    background-color: #28a745;*/
    color: green;
    /*background-color: whitesmoke;*/
}