/* Following changes are made to align with previous version of Bootstrap
 * 3 (i.e, 3.4.1) while updating the bootstrap to 5 (i.e, 5.3.1) for few elements
 */

a {
    color: #337ab7;
    text-decoration: none;
}

a:focus, a:hover {
    color: #23527c;
    text-decoration: underline;
}

.border-color {
    border-color: #ddd;
}

.form-control:focus {
    /*color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #66afe9;*/ /* change this to match Bootstrap 3 */
   /* outline: 0; */
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); /* change this to match Bootstrap 3 */
}

.form-control {
    font-size: var(--bs-body-font-size);
}

.text-info {
    color: #31708f !important;
}

/* to hide the caret after drop down*/
.nav-link.dropdown-toggle::after {
    display: none;
}


.btn-primary {
    --bs-btn-bg: #337ab7;
    --bs-btn-border-color: #2e6da4;

    --bs-btn-active-bg: #286090;
    --bs-btn-active-border-color: #204d74;

    --bs-btn-hover-bg: #286090;
    --bs-btn-hover-border-color: #204d74;

    --bs-btn-disabled-bg: #337ab7;
    --bs-btn-disabled-border-color: #2e6da4;
}

/* form-group is dropped from BS5 onwards.
Following is a corresponding modification. 
    Alternatively mb-3 also can be used in BS5.
*/
.form-group {
    margin-bottom: 1rem !important;
}

.input-group-text {
    font-size: var(--bs-body-font-size);
}

:root {
    --bs-font-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
    --bs-body-font-size: 0.875rem;
    --bs-tertiary-bg: #eee;
    --bs-border-radius: 4px;
}

/* Following class id is defined in existing 'login.css'
Here we are over-ridding the margin value which was only applicable for mid and above screen
size in existing definition.
*/
#login {
    margin: 5em 0;
}

.btn-block {
    width: 100%;
}

.navbar {
    --bs-navbar-padding-y: 0;
    --bs-navbar-nav-link-padding-x: 1rem;
}

.btn {
    --bs-btn-font-size: var(--bs-boxy-font-size);
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    text-indent: 20px;
    margin-left: -20px;
}

.checkbox > label {
    padding-left:20px;
}

.card-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.card {
    --bs-card-spacer-y:0 !important;
    --bs-card-spacer-x:0 !important;
}