.mediaViewInfo {
    --web-view-name: Player – 1;
    --web-view-id: Player__1;
    --web-scale-on-resize: true;
    --web-enable-deep-linking: true;
}
:root {
    --web-view-ids: Player__1;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none;
}
.modal-lg{max-width: 1300px !important;}
#Player__1 {
    transform: scale(0.58);
    margin-top: -185px;
    margin-bottom: -170px;
    z-index: 1;
    margin-left: -5px;
    /*position: absolute;*/
    width: 414px;
    height: 896px;
    background-color: rgba(0,0,0,1);
    overflow: hidden;
    --web-view-name: Player – 1;
    --web-view-id: Player__1;
    --web-scale-on-resize: true;
    --web-enable-deep-linking: true;
}
#Mask_Group_1 {
    position: absolute;
    width: 579px;
    height: 1335px;
    /*left: -46px;*/
    top: -216px;
    overflow: visible;
}
#Player_Overlay_Gradient {
    position: absolute;
    width: 414px;
    height: 694px;
    left: 0px;
    top: 202px;
    overflow: visible;
}
#Rectangle_297_b {
    fill: url(#Rectangle_297_b);
}
.Rectangle_297_b {
    position: absolute;
    overflow: visible;
    width: 414px;
    height: 694px;
    left: 0px;
    top: 0px;
}
#Group_1056 {
    position: absolute;
    width: 201px;
    height: 67px;
    left: 108px;
    top: 359px;
    overflow: visible;
}
#Zen_at_Night {
    left: 0px;
    top: 20px;
    position: absolute;
    overflow: visible;
    width: 202px;
    white-space: nowrap;
    line-height: 36px;
    margin-top: -1.5px;
    text-align: left;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 33px;
    color: rgba(255,255,255,1);
    text-align: center;
}
#Now_Playing {
    opacity: 0.4;
    left: 50px;
    top: 0px;
    position: absolute;
    overflow: visible;
    width: 99px;
    white-space: nowrap;
    line-height: 35px;
    margin-top: -9.5px;
    text-align: center;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: rgba(255,255,255,1);
}
#Group_1051 {
    position: absolute;
    width: 288.999px;
    height: 198px;
    left: 63px;
    top: 552px;
    overflow: visible;
}
#Path_2698 {
    opacity: 0.119;
    fill: rgba(2,226,253,1);
}
.Path_2698 {
    overflow: visible;
    position: absolute;
    width: 187px;
    height: 187px;
    left: 51px;
    top: 11px;
    transform: matrix(1,0,0,1,0,0);
}
#Union_2 {
    fill: rgba(255,255,255,1);
}
.Union_2 {
    overflow: visible;
    position: absolute;
    width: 30px;
    height: 20.592px;
    left: 0px;
    top: 99px;
    transform: matrix(1,0,0,1,0,0);
}
#Union_3 {
    fill: rgba(255,255,255,1);
}
.Union_3 {
    overflow: visible;
    position: absolute;
    width: 30px;
    height: 20.592px;
    transform: translate(-63px, -552px) matrix(1,0,0,1,321.9998,651) rotate(180deg);
    transform-origin: center;
    left: 0px;
    top: 0px;
}
#Group_1050 {
    position: absolute;
    width: 187px;
    height: 198px;
    left: 51px;
    top: 0px;
    overflow: visible;
}
#Ellipse_194 {
    fill: transparent;
    stroke: rgba(0,226,255,1);
    stroke-width: 2px;
    stroke-linejoin: miter;
    stroke-linecap: round;
    stroke-miterlimit: 4;
    shape-rendering: auto;
}
.Ellipse_194 {
    position: absolute;
    overflow: visible;
    width: 187px;
    height: 187px;
    left: 0px;
    top: 11px;
}
#Ellipse_195 {
    fill: rgba(162,245,255,1);
}
.Ellipse_195 {
    position: absolute;
    overflow: visible;
    width: 23px;
    height: 23px;
    left: 82px;
    top: 0px;
}
#Path_2696 {
    opacity: 0.997;
    fill: rgba(2,226,253,1);
}
.Path_2696 {
    overflow: visible;
    position: absolute;
    width: 137.133px;
    height: 137.133px;
    left: 24.933px;
    top: 35.842px;
    transform: matrix(1,0,0,1,0,0);
}
#Icons_Play {
    position: absolute;
    width: 29.822px;
    height: 35px;
    left: 133.174px;
    top: 87.5px;
    overflow: visible;
}
#Fill_1-6 {
    fill: rgba(255,255,255,1);
}
.Fill_1-6 {
    overflow: visible;
    position: absolute;
    width: 29.823px;
    height: 35px;
    left: 0px;
    top: 0px;
    transform: matrix(1,0,0,1,0,0);
}
#Path_2697 {
    fill: rgba(2,226,253,1);
}
.Path_2697 {
    overflow: visible;
    position: absolute;
    width: 67.986px;
    height: 24px;
    left: 173.014px;
    top: 785px;
    transform: matrix(1,0,0,1,0,0);
}
#ID724 {
    left: 192px;
    top: 787px;
    position: absolute;
    overflow: visible;
    width: 34px;
    white-space: nowrap;
    line-height: 25px;
    margin-top: -5px;
    text-align: left;
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    color: rgba(0,0,0,1);
    letter-spacing: 0.5px;
}
#Group_1034 {
    position: absolute;
    width: 289px;
    height: 307px;
    left: 63px;
    top: 502px;
    overflow: visible;
}
#Group_1052 {
    position: absolute;
    width: 41px;
    height: 41px;
    left: 0px;
    top: 0px;
    overflow: visible;
}
#Oval {
    fill: rgba(1,225,252,0.502);
    stroke: rgba(255,255,255,1);
    stroke-width: 1px;
    stroke-linejoin: miter;
    stroke-linecap: butt;
    stroke-miterlimit: 4;
    shape-rendering: auto;
}
.Oval {
    overflow: visible;
    position: absolute;
    width: 42px;
    height: 42px;
    left: 0px;
    top: 0px;
    transform: matrix(1,0,0,1,0,0);
}
#Group_951 {
    position: absolute;
    width: 23.353px;
    height: 21.793px;
    left: 8.713px;
    top: 9.655px;
    overflow: visible;
}
#Path_2676 {
    fill: rgba(255,255,255,1);
}
.Path_2676 {
    overflow: visible;
    position: absolute;
    width: 13.6px;
    height: 17.529px;
    left: 9.753px;
    top: 4.264px;
    transform: matrix(1,0,0,1,0,0);
}
#Path_2677 {
    fill: rgba(255,255,255,1);
}
.Path_2677 {
    overflow: visible;
    position: absolute;
    width: 13.599px;
    height: 17.529px;
    left: 0px;
    top: 0px;
    transform: matrix(1,0,0,1,0,0);
}
#Group_1054 {
    position: absolute;
    width: 41px;
    height: 41px;
    left: 247px;
    top: 264px;
    overflow: visible;
}
#Oval_cr {
    fill: rgba(0,0,0,0.502);
    stroke: rgba(255,255,255,1);
    stroke-width: 1px;
    stroke-linejoin: miter;
    stroke-linecap: butt;
    stroke-miterlimit: 4;
    shape-rendering: auto;
}
.Oval_cr {
    position: absolute;
    overflow: visible;
    width: 42px;
    height: 42px;
    left: 0px;
    top: 0px;
}
#Icn_Favorite_Stroke {
    position: absolute;
    width: 24.195px;
    height: 22.735px;
    left: 8.352px;
    top: 8.268px;
    overflow: visible;
}
#Group_3 {
    position: absolute;
    width: 24.195px;
    height: 22.735px;
    left: 0px;
    top: 0px;
    overflow: visible;
}
#Fill_1 {
    fill: rgba(255,255,255,1);
}
.Fill_1 {
    overflow: visible;
    position: absolute;
    width: 24.195px;
    height: 22.735px;
    left: 0px;
    top: 0px;
    transform: matrix(1,0,0,1,0,0);
}
#Group_1053 {
    position: absolute;
    width: 41px;
    height: 41px;
    left: 0px;
    top: 266px;
    overflow: visible;
}
#Oval_cw {
    fill: rgba(0,0,0,0.502);
    stroke: rgba(255,255,255,1);
    stroke-width: 1px;
    stroke-linejoin: miter;
    stroke-linecap: butt;
    stroke-miterlimit: 4;
    shape-rendering: auto;
}
.Oval_cw {
    position: absolute;
    overflow: visible;
    width: 42px;
    height: 42px;
    left: 0px;
    top: 0px;
}
#Group_954 {
    position: absolute;
    width: 19px;
    height: 17.001px;
    left: 11px;
    top: 11.999px;
    overflow: visible;
}
#Rectangle_295 {
    fill: rgba(255,255,255,1);
}
.Rectangle_295 {
    position: absolute;
    overflow: visible;
    width: 19px;
    height: 2px;
    left: 0px;
    top: 15.001px;
}
#Rectangle_296 {
    fill: rgba(255,255,255,1);
}
.Rectangle_296 {
    position: absolute;
    overflow: visible;
    width: 19px;
    height: 2px;
    left: 0px;
    top: 9.001px;
}
#Path_2678 {
    fill: rgba(255,255,255,1);
}
.Path_2678 {
    overflow: visible;
    position: absolute;
    width: 6.539px;
    height: 6.539px;
    left: 0.048px;
    top: 0px;
    transform: matrix(1,0,0,1,0,0);
}
#Rectangle_297_c {
    fill: rgba(255,255,255,1);
}
.Rectangle_297_c {
    position: absolute;
    overflow: visible;
    width: 11px;
    height: 2px;
    left: 8px;
    top: 2.001px;
}
#Group_1055 {
    position: absolute;
    width: 41px;
    height: 41px;
    left: 248px;
    top: 0px;
    overflow: visible;
}
#Oval_c {
    fill: rgba(0,0,0,0.502);
    stroke: rgba(255,255,255,1);
    stroke-width: 1px;
    stroke-linejoin: miter;
    stroke-linecap: butt;
    stroke-miterlimit: 4;
    shape-rendering: auto;
}
.Oval_c {
    position: absolute;
    overflow: visible;
    width: 42px;
    height: 42px;
    left: 0px;
    top: 0px;
}
#Path_2695 {
    fill: rgba(255,255,255,1);
}
.Path_2695 {
    overflow: visible;
    position: absolute;
    width: 12.541px;
    height: 23.353px;
    left: 14.178px;
    top: 9.131px;
    transform: matrix(1,0,0,1,0,0);
}
#Rectangle_313 {
    opacity: 0.192;
    fill: rgba(255,255,255,1);
}
.Rectangle_313 {
    position: absolute;
    overflow: visible;
    width: 57px;
    height: 9px;
    left: 179px;
    top: 46px;
}
#Ellipse_204 {
    fill: transparent;
    stroke: rgba(255,255,255,1);
    stroke-width: 2px;
    stroke-linejoin: miter;
    stroke-linecap: butt;
    stroke-miterlimit: 4;
    shape-rendering: auto;
}
.Ellipse_204 {
    position: absolute;
    overflow: visible;
    width: 32px;
    height: 32px;
    left: 352px;
    top: 30px;
}
#x {
    left: 364px;
    top: 34px;
    position: absolute;
    overflow: visible;
    width: 9px;
    white-space: nowrap;
    line-height: 35px;
    margin-top: -6.5px;
    text-align: center;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    color: rgba(255,255,255,1);
}
#Narrated_By {
    left: 118px;
    top: 441px;
    position: absolute;
    overflow: visible;
    width: 81px;
    white-space: nowrap;
    line-height: 15px;
    margin-top: -2.5px;
    text-align: center;
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    color: rgba(255,255,255,1);
}
#Written__Narrated_By {
    left: 152px;
    top: 441px;
    position: absolute;
    overflow: visible;
    width: 111px;
    white-space: nowrap;
    line-height: 15px;
    margin-top: -2.5px;
    text-align: center;
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    color: rgba(255,255,255,1);
}
#Written_By {
    left: 220px;
    top: 441px;
    position: absolute;
    overflow: visible;
    width: 81px;
    white-space: nowrap;
    line-height: 15px;
    margin-top: -2.5px;
    text-align: center;
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    color: rgba(255,255,255,1);
}
#Group_1060 {
    position: absolute;
    width: 36px;
    height: 36px;
    left: 27px;
    top: 26px;
    overflow: visible;
}
#Ellipse_205 {
    fill: transparent;
    stroke: rgba(255,255,255,1);
    stroke-width: 2px;
    stroke-linejoin: miter;
    stroke-linecap: butt;
    stroke-miterlimit: 4;
    shape-rendering: auto;
}
.Ellipse_205 {
    position: absolute;
    overflow: visible;
    width: 36px;
    height: 36px;
    left: 0px;
    top: 0px;
}
#Union_6 {
    fill: rgba(255,255,255,1);
}
.Union_6 {
    overflow: visible;
    position: absolute;
    width: 16.021px;
    height: 9.021px;
    left: 10.172px;
    top: 14.171px;
    transform: matrix(1,0,0,1,0,0);
}
.react-input-emoji--container{
    z-index: 0 !important;
}

.searchwrap.col-sm-12.col-lg-6 > input {
    padding-right: 38px;
}
.searchwrap.col-sm-12.col-lg-6 > svg {
    position: absolute;
    top: 10px;
    right: 29px;
}

.searchwrap.col-sm-12.col-lg-6 {
    position: relative;
}

.toggle-push-container {
    width: 100%;
    display: block;
    height: 0px;
    margin: 0 !important;
    max-height: min-content;
    transition: height 0.5s;
    -webkit-transition: height 1.5s;
}
.toggle-push-container-show{
    height: 600px;
    overflow-x: auto;
}
.toggle-push-container-show thead{
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    z-index: 1;
    background: #fff;
}
.payment-history-dp .react-date-picker__wrapper{
  border: none !important;
}