.OPTConfirmModalContent {
    border-radius: 6px !important;
    border: 1px solid #25282f;
}

.OPTConfirmModalHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #2e323b;
    border: none !important;
    padding: 12px !important;
}

.OPTConfirmModalHeaderColor {
    color: #cdcdcd;
}

.OPTConfirmModalbody {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    background-color: #ffffff;
}

.OPTConfirmModalCloseIcon {
    font-weight: 300;
    text-shadow: none !important;
}

.OPTConfirmModalSettingIcon {
    padding-top: 1px !important;
    padding-left: 24px !important;
    font-size: 23px !important;
}

.OPTConfirmModalHeaderCloseBTN,
.ConfirmModalHeaderSettingBTN {
    padding: 0 !important;
    margin: 0 !important;
}

.OPTConfirmModalEditIcon {
    padding-top: 1px !important;
    padding-left: 15px !important;
    font-size: 26px !important;
}

.OPTConfirmModalHeaderCloseTilte {
    font-size: 25px !important;
}

/*-------------------space---------------------*/
/*-------------------space---------------------*/
/*modal setup*/
/* Change  Commponnent*/
.OPTConfirmModalbody {
    background-color: #ffffff !important;
    padding: 12px !important;
}

.OPTConfirmPanel {
    background-color: transparent;
    position: relative;
}

/*-------------------space---------------------*/
/*-------------------space---------------------*/
/* Change  Commponnent*/
/*hamid reza akbari styling the guest-list page light box*/
/*light box responsive*/
.modal {
    padding: 0px !important;
}

/*this will cotrol height of modal content and enables scrolling*/
.modal-content {
    max-height: 98%;
}

/*x-large modal setup and large modal setup*/
.modal-dialog {
    max-width: 100% !important;
    height: 100%;
    margin: 0px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/*modal x large setup*/
.modal-content-xl {
    width: 85%;
    max-width: 1570px;
}

/*modal large setup*/
.modal-content-lg {
    width: 55%;
    max-width: 1100px;
}

/*small modal setup*/
.modal-content-sm {
    width: 25%;
    min-width: 420px;
}
/*normal modal setup*/
.modal-content-no {
    width: 40%;
    min-width: 760px;
}
.modal-body {
    height: 90%;
    overflow: auto;
    scroll-behavior: smooth;
}

/*light box responsive x-large large and small*/
@media (max-width: 1200px) {
    .modal-content-lg {
        width: 60%;
    }
}

@media (max-width: 950px) {
    .modal-content-lg {
        width: 70%;
    }
}

@media (max-width: 768px) {
    .modal-content-lg {
        width: 75%;
    }
}

@media (max-width: 600px) {
    .modal-content {
        max-height: 100%;
        height: 100%;
        width: 100%;
        min-width: unset;
    }
}