/*Start: Alert Box*/
.confirmBoxContainer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.45); display: flex; 
                            align-items: center; justify-content: center; visibility: hidden; opacity: 0; transition: .3s ease; z-index: 9999; }
.confirmBoxContainer.showConfirmDialogBox { visibility: visible; opacity: 1; }
.confirmBoxContainerInner { background: #fff; max-width: 450px; padding: 30px; border-radius: 12px; text-align: center; box-shadow: 0 10px 25px rgba(0,0,0,.2);
                                                animation: scaleIn .3s ease; }
@keyframes scaleIn { from { transform: scale(.7); opacity: 0; } to { transform: scale(1); opacity: 1; } }
.confirmBoxAlertIcon { width: 70px; height: 70px; border: 4px solid #f5b97a; border-radius: 50%; margin: 0 auto 20px; font-size: 40px; 
                                    color: #f5b97a; display: flex; align-items: center; justify-content: center; }
.confirmBoxContainerInner h2 { margin-bottom: 10px; font-weight: 500; color: #555; }
.confirmBoxContainerInner p { margin-bottom: 25px; color: #666; }
.confirmBoxButtonsContainer { display: flex; justify-content: center; gap: 15px; }
.confirmBoxContainer .btnConfirm { background: #28a745; color: #fff; border: none; padding: 10px 22px; border-radius: 6px; cursor: pointer; }
.confirmBoxContainer .btnConfirm:hover { background: #218838!important; }
.confirmBoxContainer .btnCancel { background: #ccc; color: #333; border: none; padding: 10px 22px; border-radius: 6px; cursor: pointer; }
.confirmBoxContainer .btnCancel:hover { background: #b3b3b3 }

/*End: Alert Box*/

/*Start: Editable DDL*/
.editable-select-wrapper {position: relative;width: 100%;}
.editable-select-wrapper input{display:inline-block!important}
.editable-select-list {position: absolute;width: 100%;border: 1px solid #ccc;background: #fff;max-height: 150px;overflow-y: auto;
            list-style: none;margin: 0;padding: 0;z-index: 9999;}
.editable-select-list li {padding: 6px;cursor: pointer;}
.editable-select-list li:hover {background: #f0f0f0;}
/*End: Editable DDL*/

/*Start: Multi Select DDL*/
.custom-multiselect {position: relative;display: inline-block;}
.custom-multiselect .dropdown-btn {background: white;border: 1px solid #ddd;padding: 2px 2px 2px 3px;border-radius: 4px;
    cursor: pointer;text-align: left;width: 100%;}
.custom-multiselect .dropdown-panel {display: none;position: absolute;top: 110%;left: 0;background:white;
    border: 1px solid #bbb;border-radius: 6px;box-shadow: 0 5px 12px rgba(0,0,0,0.2);padding: 8px 0;z-index: 1000;width: 230px;
    max-height: 450px; overflow-y: auto;}
.custom-multiselect .txtSearch-boxMultiSelectDdl {padding: 5px 10px;}
.custom-multiselect .txtSearch-boxMultiSelectDdl input {width: 100%;padding: 5px;}
.custom-multiselect .divDividerAfterSearch {height: 1px;background: #ccc;margin: 5px 0;}
.custom-multiselect .checkbox-itemDDlMulti {display: block;padding:2px 4px;cursor: pointer;font-weight: normal!important;} 
.custom-multiselect .checkbox-itemDDlMulti.active {background-color:#428BCA; color:white}
.custom-multiselect .checkbox-itemDDlMulti:hover {background: #0080C0; color:white}
.custom-multiselect .checkbox-itemDDlMulti input {margin-right: 8px;}
/*End: Multi Select DDL*/