.recBtn {
    padding: 13px 10px;
    border-radius: 50%;
    color: white;
    border: 5px solid red;
}

.recBtn:hover {
    border: 3px solid red;
    padding: 15px 13px;
    cursor: pointer;
}

.rec-box {
    border: 1px solid #8080802e;
}

.stopAndpush {
    border-radius: 50px;
}

.stopPause {
    border-radius: 50% !important;
}

.speakerCss:hover {
    color: blue;
    cursor: pointer;
}

.progress-label .progress-bar .label {
    position: absolute !important;
    top: -40px !important;
    right: -16px !important;
    background-color: #405189 !important;
    color: #fff !important;
    display: inline-block !important;
    line-height: 20px !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
}

.video-recorder__Wrapper-sc-7k20rv-0 {
    width: 400px !important;
    margin: 2% 20%;
}

.Toastify__toast-container--top-center {
    width: 70% !important;
}

.Toastify__toast--success {
    background: #dcebe0 !important;
}

.Toastify__toast--error {
    background: #efdede !important;
}

@media only screen and (max-width: 600px) {
    .Toastify__toast-container--top-center {
        width: 100% !important;
    }
}

.imgques img {
    height: 100px;
}

.questionAns img {
    height: 100px;
}

.secCond p {
    margin-bottom: 0px;
}

.dsplaynone {
    display: none;
}

.Loader {
    position: fixed;
    z-index: 5;
    height: 130vh;
    width: 1150px;
    background-color: #000000;
    opacity: 0.5;
    margin: -23px 0px 0px -23px;
}

.pagination-css li {
    /* display: inline-block; */
    padding: 0 10px;
    border: 1px;
    margin: 0 10px;
    border-radius: 15%;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
    
}
.pagination-css .previous {
    display: flex;
    align-items: center;
}
.pagination-css .next {
    display: flex;
    align-items: center;
}

.pagination-css ul {
    display: inline;
    /* text-align: end; */
    display: flex;
    justify-content: end;
    padding: 5px 40px 40px 20px;
}

.pagination-css li:hover {
    color: #057a55;
}

.pagination-css .selected{
    border-radius: 15%;
    color: white !important;
    background-color: #057a55;
}





/* .confirmation-container {
    background-color: white;
    color: black;
    position: relative;
    width: 600px;
    left: 50%;
    transform: translate(-50%, 0px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
} */

.date-picker {
    padding: 5px 10px;
    outline: none;
    background: white;
    color: black;
    border-radius: 10px;
}

.react-datepicker-wrapper{
       width: 100% !important;
}