#spinner-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none; /* Initially hidden */
}


.invalid-feedback {
    color: red; /* Change the text color */
    font-size: 14px; /* Adjust the font size */
    margin-top: 5px; /* Add some space above the error message */
}

.is-invalid {
    border-color: red; /* Change the border color of invalid inputs */
}


#dialog .e-icon-settings::before {
    padding: 3px;
    font-size: 15px;
}

#sendButton {
    top: 5px;
    position: relative;
    right: 7px;
}

.custom-template.e-dialog .e-dlg-header-content {
    border-bottom: none;
    padding: 11px;
}

.e-dialog .e-footer-content {
    right: 7px;
}

.e-dialog .e-dlg-header-content {
    background-color: #007DD1;
    padding: 10px;
}

.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
    top: 5px;
    left: -11px;
}

.e-dialog .e-dlg-header {
    position: relative;
}

.e-dialog .e-dlg-content {
    padding: 0;
}

#sendbtn {
    margin-right: -17px;
    margin-top: -2%;
}

.e-open-icon::before {
    content: '\e782';
}

.e-dialog .e-dlg-header > .img2 {
    height: 36px;
    width: 36px;
    border-radius: 50%;
    vertical-align: middle;
    display: inline-block;
}

.e-dialog .e-dlg-header .dlg-template {
    display: inline-block;
    padding: 0 10px;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    color: #fff;
}

.e-dialog .e-dlg-header-content .e-btn .e-btn-icon {
    margin-top: -3px;
}

.custom-template .e-input {
    width: 75%;
    float: left;
    height: 18px;
}


.dialogContent .dialogText {
    font-size: 13px;
    padding: 5%;
    word-wrap: break-word;
    border-radius: 6px;
    text-align: justify;
    font-style: initial;
    display: block;
}

.dialogContent .dialogText {
    background-color: #f5f5f5;
}

.custom-template.e-dialog .e-footer-content {
    border-top: 0.5px solid #949494;
    padding-left: 31px;
}

.dialogContent {
    display: block;
    font-size: 15px;
    word-wrap: break-word;
    text-align: center;
    font-style: italic;
    border-radius: 6px;
    padding: 3%;
    position: relative;
    top: 25px;
}

.e-dialog .dialogContent {
    top: 20px;
}

.control-wrapper .e-control.e-dialog {
    width: 30%;
}

.e-dialog .e-dlg-header-content .e-icon-dlg-close {
    color: #fff;
}

.e-dialog .e-btn.e-dlg-closeicon-btn:hover span {
    color: #8ECBFF;
}

.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:hover {
    background-color: rgba(255,255,255, 0.10);
}

.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:focus {
    background-color: rgba(255,255,255, 0.10);
}

.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:active .e-icon-dlg-close {
    color: #fff;
}

.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:focus .e-icon-dlg-close {
    color: #fff;
}

.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:hover .e-icon-dlg-close {
    color: #fff;
}

/* Styling for the disabled button */
.nav-link:disabled {
    background-color: #d3d3d3; /* Light gray background */
    color: #6c757d; /* Gray text color */
    cursor: not-allowed; /* Shows the 'not-allowed' cursor */
    opacity: 0.6; /* Slightly transparent */
}
.spinner {
    border: 4px solid rgba(72, 72, 72, 0.1);
    border-left-color: #d34e4e;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    animation: spin 1s linear infinite;
    display: inline-block;
    margin-left: 8px;
}