/*
Custom Css
*/
/*for rounded textbox*/
.roundedTxt {
    width: 100%;
    position: relative;
    border-radius: 100px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 8px 15px;
    text-align: left;
    font-size: 14px;
    /*    color: #757575;*/
    font-family: Inter;
    color: #333 !important;

}
/* Chrome, Edge, Safari, remove spinner for INT textbox */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
.btn-close.btn-close-sm {
    width: 0.6em;
    height: 0.6em;
}

.alert-dismissible .btn-close {
    padding: 0.9rem 1rem
}


.displaylbl {
    font-size: 14px;
    font-family: Inter;
    color: red !important;
}

.btn-close.btn-close-sm {
    width: 0.6em;
    height: 0.6em;
}

.alert-dismissible .btn-close {
    padding: 0.9rem 1rem
}

/*  Add border red to textbox on validation error */
/*input.input-validation-error {
    border-color: red !important;
    box-shadow: 0 0 5px rgba(255, 0, 0, 0.5);
}*/
/* Red border for validation errors */
input.input-validation-error,
select.input-validation-error,
textarea.input-validation-error,
input.is-invalid,
select.is-invalid,
textarea.is-invalid {
    border-color: red !important;
    box-shadow: 0 0 5px rgba(255, 0, 0, 0.5);
}



.label-md {
    font-size: 15px !important;
    color: #333 !important;
    padding-left: 10px !important;
}

/* Login card css*/
.login-card {
    /*    max-width: 400px;*/
    width: 30%;
    /*    margin: 50px auto;*/
    margin: 25px auto;
    padding: 20px;
    border-radius: 15px;
    /*   background: #fff;*/
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    background: #FFF8F1; /* very light orange background */
}

.login-card h3 {
text-align: center;
margin-bottom: 25px;
font-weight: 600;
}

.roundedTxt {
    /*    border-radius: 10px;
    padding: 12px;*/
    border-radius: 6px;
    padding: 6px;
}
.lblMinH {
    margin-bottom: .2rem;
}


.btn-login {
    background-color: #ff6600;
    color: #fff;
    font-weight: 600;
    border-radius: 25px;
    padding: 12px;
    width: 100%;
}

    .btn-login:hover {
        background-color: #e65c00;
        color: #fff;
    }

.password-wrapper {
    position: relative;
}

    .password-wrapper .toggle-password {
        position: absolute;
        top: 50%;
        right: 12px;
        transform: translateY(-50%);
        cursor: pointer;
        color: #777;
    }

.login-footer {
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
}

    .login-footer a {
        font-weight: 600;
        text-decoration: none;
    }

        .login-footer a:hover {
            text-decoration: underline;
        }


/* Login card css ends */

/*Left side menu*/
/* Sidebar menu */
/*.sidebar {
    min-height: 100vh;
    border-right: 1px solid #ddd;
    background-color: #f9f9f9;
    padding-bottom: 20px;
}*/
.sidebar {
    min-height: 100vh;
    border-right: 1px solid #e5e5e5;
    background-color: #f8f9fa;
}

    .sidebar .nav-link {
        color: #333;
        padding: 10px 15px;
        border-radius: 6px;
    }

        .sidebar .nav-link:hover,
        .sidebar .nav-link.active {
            background-color: #FE6D00;
            color: #fff;
        }

.content-area {
    /*    padding: 20px;*/
    padding: 30px 30px 10px 45px;
}

.sidebar .list-group-item {
    border: none;
    font-size: 14px;
    padding: 8px 15px;
    background: transparent;
}

    .sidebar .list-group-item a {
        text-decoration: none;
        color: #333;
    }

        .sidebar .list-group-item a:hover {
            color: #ff6600;
        }