.select-main{
    max-width: unset;
    width: 60%;
}
.main-step {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.frm-react-main {
    background: #fff;
    width: 45% !important;
    position: relative;
    /* padding: 40px !important; */
}
.ReactModal__Overlay.ReactModal__Overlay--after-open {
    position: fixed;
    inset: 0px;
    background-color: rgb(255 255 255)!important;
    z-index: 9999999;
    display: flex;
    align-items: center;
}
.modal.fade.show {
    background-color: rgb(69 184 76 / 72%)!important;
}
.ReactModal__Content.ReactModal__Content--after-open.modal-dialog  .modal.fade.show {
    background-color: rgb(255 255 255)!important;
}
.col-md-6.col-6.text-right {
    text-align: right;
}
.modal-title{
    color: #000
}
.frm-react-main .container.mt-5 {
    display: block !important;
}
.surveyForm button.btn.btn-primary.w-100.pt-2.pb-2 {
    font-size: 18px !important;
}
.ReactModalPortal .modal-body .form-group {
    padding: 15px !important;
}
nav button {
    font-size: 14px!important;
    white-space: pre;
}
.ReactModalPortal button.redClass.btn.btn-outline-secondary.w-100 {
    background: #3ab54a00 !important;
    border-color: #28a745;
    color: #060505 !important;
}
button.greenClass.btn.btn-outline-success.w-100:hover {
    color: #070707 !important;
    background-color: #19875400 !important;
    border-color: #198754 !important;
}
button.redClass.btn.btn-outline-secondary.w-100:hover {
    color: #070707 !important;
    background-color: #19875400 !important;
    border-color: #198754 !important;
}
.outline-success:focus {
    box-shadow: none !important;
}
.pop-fixd-mdl {
    background: #0000009e !important;
}
.form-control {
    width: 100% !important;
}
.pp-main-rct {
    background: #0000009e !important;
}

.ReactModalPortal label {
    margin-right: 10px;
}
.ReactModalPortal .form-control:focus {
    color: #212529;
    background-color: #fff;
    box-shadow: none !important;
}

.ReactModal__Overlay.ReactModal__Overlay--after-open  button.close {
    position: absolute;
    right: -18px;
    top: -40px;
}

.modal-open .container.mt-5 {
    margin-top: 0px!important;
}
.ReactModal__Overlay.ReactModal__Overlay--after-open .modal-dialog {
    max-width: unset;
    width: 500px;
    margin: 1.75rem auto;
}
.modal.fade.show {
    display: flex!important;
    align-items: center;
}
.ReactModalPortal input[type=checkbox]:not(old), input[type=radio]:not(old) {
    width: 14px !important;
}


@media screen and (max-width:449px) and (min-width:320px){
    .ReactModal__Overlay.ReactModal__Overlay--after-open .modal-dialog {
        max-width: unset;
        width: 100%;
        margin: 1.75rem auto;
    }
    .select-main{
        max-width: unset;
        width: 1000%;
    }
}