﻿.control-label-custom {
    font-weight: normal !important;
    text-align: left !important;
}

.startWith {
    color: #23527c;
    vertical-align: middle;
    font-size: 17px;
}

.heading-custom {
    color: #5fbeaa !important;
    margin: 0 0 10px !important;
}

#datatable .actions a {
    padding: 5px;
}

#datatable .fa-pencil {
     color: #29b6f6;
}

#datatable .fa-trash-o {
    color: #f05050;
}

/* Password Toggle Icon Styles */
.password-toggle-wrapper {
    position: relative;
    display: block;
}

.password-toggle-wrapper input[type="password"],
.password-toggle-wrapper input[type="text"] {
    padding-right: 40px;
}

.password-toggle-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #6c757d;
    z-index: 10;
    padding: 5px;
    transition: color 0.2s ease;
}

.password-toggle-icon:hover {
    color: #495057;
}

.password-toggle-icon i {
    font-size: 16px;
}

/* Password Requirements Checklist Styles */
.password-requirements-checklist {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 12px;
    margin-top: 5px;
}

.password-requirements-checklist ul {
    margin-bottom: 0;
}

.password-requirements-checklist li {
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1.5;
}

.password-requirements-checklist li:last-child {
    margin-bottom: 0;
}

.password-requirements-checklist li i {
    margin-right: 8px;
    width: 16px;
    display: inline-block;
}

.password-requirements-checklist li span {
    transition: all 0.3s ease;
}