html * { font-family: 'LL Circular', Arial, Helvetica, sans-serif;}
html:lang(ta) * {font-family: 'Mukta Malar',sans-serif !important;}

body { background: #f6f7f8 !important; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400 !important;}
a[href^="tel"] { color: inherit; text-decoration: none;}
a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important;}
.wd-body { min-height: 100vh; -webkit-overflow-scrolling: touch; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.sticky-header { padding: 0px 14px !important; right: 0px !important; max-width: 100%; border: none !important; border-top: 20px solid #f6f7f8 !important; height: 90px; background: #f6f7f8 !important; box-shadow: none !important;}
.sticky-header .ui.grid.container { width: 100% !important; max-width: 1440px !important; background: #fff; margin-top: 0px; margin-bottom: 0px; -webkit-box-shadow: 0 4px 6px 0 rgba(157, 157, 157, 0.11) !important; box-shadow: 0 4px 6px 0 rgba(157, 157, 157, 0.11) !important;
    border: none !important; padding: 0px 15px !important;}
.sticky-header.ui.menu .item { padding: 0.942em 1em !important; font-weight: 400;}
.sticky-header.ui.menu .item.wd-help-card { padding-right: 0px !important;}
.sticky-header.ui.menu a.item:hover { background: transparent !important; color: #ff0037 !important;}
.ui.menu .active.item { background: transparent; font-weight: 600; color: #ff0037; border-bottom: 2px solid #ff0037;}
.wd-brand { margin-right: 8px !important; width: 190px !important; display: flex; align-items: center;}
.wd-language-switch { padding: 0px; border: none !important; display: flex !important; align-items: center;}
.ui.basic.buttons.wd-language-switch .ui.button {font-size: 12px !important; line-height: 22px !important; color: #646464 !important; font-weight: 4 00 !important; background-color: #fff !important; padding: 0px 7px; border: 1px solid rgba(34, 36, 38, .15);}
.ui.basic.buttons.wd-language-switch .ui.button:nth-child(1) { border-right: none !important;}
.ui.basic.buttons.wd-language-dropdown .ui.button { font-size: 12px !important; line-height: 22px !important; color: #646464 !important; font-weight: 400 !important; background-color: #fff !important; padding: 0px 7px;}
.vr-divider-left { margin: 0px 22px 0px 15px; background: rgba(100, 100, 100, 0.15); height: 23px; width: 1px; position: relative; top: 24px;}
.wd-help-card { padding: 0px !important; position: relative !important; display: flex !important; align-items: center;}
.wd-help-card a { font-size: 13px !important; color: #000; font-weight: 600;}
.wd-help-card a:hover { color: #000 !important;}
.wd-help-card.ui.dropdown .menu>.item i { display: inline-block; vertical-align: middle; width: 28px; height: 18px; background-size: 56px; margin-right: 7px;}
.wd-help-card .phono-no { margin-top: 5px; font-size: 12px; font-weight: 400; color: #646464;}
.right.menu .vr-divider { margin: 0px 22px; background: rgba(100, 100, 100, 0.15); height: 23px; width: 1px; position: relative; top: 24px;}
.ui.pushable.segment { margin: 90px 0px 0px 0px; background: #f6f7f8; border: none; box-shadow: none; height: auto; -webkit-box-flex: 1; flex-grow: 1;}
.wd-help-card.ui.dropdown .menu { min-width: 345px !important; -webkit-box-shadow: 0 4px 6px 0 rgba(157, 157, 157, 0.11) !important; box-shadow: 0 4px 6px 0 rgba(157, 157, 157, 0.11) !important; border: solid 1px rgba(151, 151, 151, 0.2) !important; left: auto; right: 0px;
    max-height: 445px; overflow: hidden; overflow-y: scroll;}
.my-account { padding: 0 1em 0 0 !important; position: relative !important; display: flex !important; align-items: center;}
.profile-header .my-account { padding: 0 !important;}
.my-account.ui.dropdown .menu { left: auto !important; right: -16px !important; min-width: 190px !important; -webkit-box-shadow: 0 4px 6px 0 rgba(157, 157, 157, 0.11) !important; box-shadow: 0 4px 6px 0 rgba(157, 157, 157, 0.11) !important;
    border: solid 1px rgba(151, 151, 151, 0.2) !important;}
.my-account .ui.feed>.event>.label { height: 35px;}
.content-wrapper { display: table; width: 100%; height: 100%; border-spacing: 0; table-layout: fixed;}
.wd-rail { margin-right: auto; padding: 2em 0px 0px 0px; position: relative !important; display: table-cell; vertical-align: top;}
/* .my-account-mobi { border-radius: 100%; height: 32px; width: 32px;} */
.selected-results .ui.label { margin: 10px 8px 0px 0px !important; display: inline-block; background-color: #f5f7fb; border-radius: 2px; border: solid 1px rgba(151, 151, 151, 0.2) !important;}
.selected-results .ui.label button { background: transparent; border: none; outline: none; width: 10px; height: 10px; color: #343a40; cursor: pointer; position: relative; top: 0px;}
.selected-results .ui.label button i { position: relative; width: 10px; height: 10px;}
.selected-results .ui.label button i::before { content: ""; position: absolute; background: #999; border-radius: 1px; left: 0px; right: auto; top: 0px; height: 2px; width: 12px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: background .1s;
    transition: background .1s;}
.selected-results .ui.label button i::after { content: ""; position: absolute; background: #999; border-radius: 1px; left: 0px; right: auto; top: 0px; height: 2px; width: 12px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: background .1s;
    transition: background .1s;}
.my-account-mobi .card { display: inline-block; background-color: #ff006d;}
.my-account-mobi .card .content { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start;}
.my-account-mobi .card .content .ui.image { margin-right: 6px; width: 32px; height: 32px;}
.my-account-mobi .card .content .ui.image img { width: 100%; height: 100%; object-fit: cover;}
.my-account-mobi .card .header { font-size: 13px; font-weight: 500; line-height: 18px; color: #fff}
.my-account-mobi .card .meta { font-size: 11px; color: #fff; line-height: 14px;}

/* Dashboard */
.ui.segment { position: initial !important; overflow: inherit;}
.pushable>.pusher { overflow: initial !important;}
.app-aside { position: fixed; z-index: 1; background-color: #fff; width: 250px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;}
.app-aside::before { position: absolute; top: 0; bottom: 0; z-index: -1; width: 250px; background-color: inherit; border: inherit; content: "";}
.aside-container { padding: 0px; display: inline-block; width: 100%;}
.aside-header { padding: 25px 18px 20px;}
.aside-brand { display: inline-block;}
.aside-brand img { display: block; width: 100%;}
.custom-card { border: none !important; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) !important;  border: solid 1px rgba(151, 151, 151, 0.2) !important;}
.aside-navbar ul { margin: 0px; padding: 0px; list-style: none;}
.aside-navbar li a { display: inline-block; padding: 0px 22px; font-size: 14px; line-height: 30px; color: #646464; width: 100%;}
.aside-navbar li a:hover { color: #000000; background-color: #f7f7f7;}
.aside-navbar li.divider { margin: 16px 22px; padding: 0px; border-top: solid 1px rgba(100, 100, 100, 0.15);}
.aside-navbar li .badge { margin-top: 8px;}
.btn-profile { margin: -12px 0px; padding: 20px 8px 20px 6px; float: right; background-color: transparent;}
.aside-body { position: relative; height: auto; -webkit-box-flex: 1; flex-grow: 1;}
.aside-profile-card { margin-bottom: 30px; padding: 0px 15px; position: relative;}
.aside-profile-card .aside-pro-status { position: absolute; top: -6px; right: 10px; z-index: 15; cursor: pointer;}
.aside-sticky { margin-top: 50px; padding: 0px 15px;}
.app-content { margin-left: 250px; padding: 20px 20px 0px 20px; min-width: 0px; height: 100%; min-height: 100vh; -webkit-overflow-scrolling: touch;
    display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.app-content .sticky-header { padding: 0px !important; max-width: none !important; width: auto !important; top: 0px !important; right: 0px !important; left: 250px !important; height: 80px;}
.app-content .sticky-header .ui.grid.container { max-width: 100% !important; left: 0px; position: relative; display: block; width: calc(100% - 42px) !important;}
.app-content .sticky-header .ui.grid>.row { height: 100% !important;}
.app-content .sticky-header.left-0 { left: 0px !important;}
.app-aside .ui.sidebar { visibility: visible !important; border: none; box-shadow: none; width: 250px; min-height: 100vh; -webkit-overflow-scrolling: touch; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.app-aside .ui.sidebar::-webkit-scrollbar-track { background-color: #F5F5F5; border-radius: 10px;}
.app-aside .ui.sidebar::-webkit-scrollbar { width: 6px; background-color: #F5F5F5;}
.app-aside .ui.sidebar::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgba(50, 61, 84, 0.1);}
.app-content .sticky-header.ui.menu .item.wd-help-card { padding-right: 0px !important;}
.wd-xs-progress { height: 2px;}
.ui.tiny.progress.wd-xs-progress .bar { height: 3px !important;}
.wd-profile-stats .ui.five.cards>.card { width: 20% !important; padding: 15px 0px; background: transparent;}
.wd-profile-stats .ui.five.cards>.card:hover { background: rgba(29, 131, 239, 0.05) !important; -webkit-transform: translateY(0px); transform: translateY(0px);}
.wd-profile-stats .ui.five.cards>.card:hover .text-black, .wd-profile-stats .ui.five.cards>.card:hover .text-gray { color: #1d83ef !important;}
.wd-profile-stats .ui.cards>.card>:only-child { border-radius: 0px !important;}
.wd-recommended-cards .ui.cards>.card>.image { overflow: hidden; border-radius: .28571429rem !important; border: solid 1px #eaeaea !important; background: #eaeaea !important;}
.wd-recommended-cards .ui.cards>.card>.image.female { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/default-girl.png) no-repeat;}
.wd-recommended-cards .ui.cards>.card>.image.male { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/default-boy.png) no-repeat;}
.wd-recommended-cards .ui.cards>.card>.image img { width: 100%; height: auto; object-fit: cover;}
.wd-recommended-cards .ui.four.cards>.card>.image { height: 165px !important;}
.ui.cards.wd-match-cards >.card { width: 23.19%; overflow: hidden; height: 178px; background: transparent;}
.ui.cards.wd-match-cards >.card .image img { width: 100%; height: 100%; object-fit: cover;}
.ui.cards.wd-match-cards >.ui.fluid.card { width: 100%;}
.ui.cards.wd-match-cards >.ui.fluid.card .bg-text { font-size: 24px !important; line-height: 30px !important; position: relative; padding: 40px 10px;}
.ui.cards.wd-match-cards >.ui.fluid.card .bg-text span { font-size: 30px !important;}
.ui.cards.wd-match-cards>.ui.fluid.card>:first-child { border-top: none !important;}
.ui.cards.wd-match-cards>.card>:first-child { border-top: solid 1px rgba(151, 151, 151, 0.2) !important; height: 100%; width: 100%;}
.coming-soon-card { height: 165px;}
.wd-recommended-cards .ui.cards>.card.coming-soon-card>.image { display: flex !important; padding: 12px !important; font-size: 14px; line-height: 18px; color: #343a40; text-align: center; align-items: center; justify-content: center; height: 100% !important; background: #fcfcfc !important; border: 1px solid #eaeaea !important;}
.upload-guidelines { display: flex; flex-direction: row;}
.upload-guidelines .ui.button:nth-child(2) { margin-left: auto;}
.ui.cards.wd-match-cards>.card.see-more>:first-child { border-top: none !important;}
.caption-bottom { position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 24; height: 31px; width: 100%; overflow: hidden; background-image: linear-gradient(to bottom, #ccba76, #eee2b0); opacity: 0.7;}
.caption-bottom::before{ content: ''; width: 100%; height: 30px; background: #fff; position: absolute; left: 0px; right: 0; bottom: 0; box-shadow: inset 0 0 0 200px rgba(255,255,255,0.6); filter: blur(10px);}
.bg-text { color: white; text-align: center; font-size: 16px; line-height: 22px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
a.bg-text:hover { color: white; opacity: .8;}
.overlay-blur { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 100%; width: 100%; overflow: hidden; background-image: linear-gradient(to bottom, #ccc9c1, #c1bfb3); opacity: 0.95;}
.overlay-blur::before { content: ''; width: 100%; height: 100%; background: #d0cbcb; position: absolute; left: 0px; right: 0; bottom: 0; box-shadow: inset 0 0 0 200px rgba(255,255,255,0.2); filter: blur(10px);}
.bg-text-center { color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; padding: 0px 8px; text-align: center; width: 100%; font-size: 12px;}
.bg-button-center { position: absolute !important; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; padding: .78571429em 0.25em !important; text-align: center !important; width: 85% !important; margin: 0px auto !important; display: none !important; z-index: 99;}
.ui.cards.wd-match-cards >.card:hover .bg-button-center { display: block !important;}
.see-more { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important; background-color: #f5faff !important; align-items: center; justify-content: center; height: 100%;}
.see-more span { padding: 0px 15px; font-size: 14px; font-weight: 400; font-style: normal; font-stretch: normal; text-align: center; color: #1d83ef; width: 100%;
    display: flex; align-items: center; justify-content: center; flex-direction: column;}
.see-more:hover { border: solid 1px #1d83ef !important;}
.card-help { padding: 0px 5px; width: 14px; height: 14px; background: #f0f0f0; border-radius: 100%; font-size: 10px; font-style: normal; line-height: 14px; position: relative; top: -8px; right: -8px; color: #9E9E9E; cursor: pointer;}
.update-dp { margin: 0px; background: rgba(0, 0, 0, 0.43); font-size: 9px; font-weight: 400; color: #fff; text-align: center; cursor: pointer; position: absolute; bottom: 0px; left: 0px; right: 0px; display: none;}
.update-dp label { padding: 5px 0px; margin-bottom: 0px; cursor: pointer; display: block;}
.update-dp label i { position: relative; top: -2px;}
.update-dp input[type="file"] { display: none;}
.profile-card-small .thumb-xxl:hover .update-dp, .profile-card-big .thumb-xxxl:hover .update-dp { display: block;}
.profile-card-small .thumb-xxl img, .profile-card-big .thumb-xxxl img { height: 100%;}
.profile-card-small .thumb-xxl img { width: 100%; height: 100%; object-fit: cover;}
.profile-card-small .profile-info, .profile-card-big .profile-info { width: 100%;}
.acc-lock { background-color: rgba(0, 0, 0, 0.43) !important; position: absolute; top: 5px; right: 5px; width: 15px; height: 15px; border-radius: 100%; cursor: pointer;}
.acc-lock i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); margin: 0px !important; padding: 0px !important;}
.top-stats {  border-radius: 2px !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important; background-color: #ffffff !important;}
.stats-help { padding: 0px 5px; width: 14px; height: 14px; background: #f0f0f0; border-radius: 100%; font-size: 12px; font-style: normal; line-height: 14px; position: relative; top: 0px; color: #9E9E9E; cursor: pointer;}
.sticky-notofication { width: 270px; display: table-cell; vertical-align: top; background: #fff; box-shadow: 0 4px 6px 0 rgba(157, 157, 157, 0.15) !important;}
.sticky-notofication .ui.card { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important;}
.empty-thumb { margin: 20px auto 10px; width: 58px; height: 58px; background-color: rgba(180, 180, 180, 0.19); background-size: 58px; border-radius: 100%; position: relative;}
.empty-thumb i { margin: 0px auto; width: 32px; height: 32px; display: block; background-size: 32px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.ui.grid.preference-wrapper { margin: -0.5em !important;}
.ui.grid.preference-wrapper>.column:not(.row) { padding: 0.5em !important;}
.pp-item .head { padding: 20px; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; justify-content: space-between;}
.pp-item .head .left { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start;}
.pp-item .head .left .ui.checkbox { width: 20px; height: 20px; top: 3px;}
.pp-item .head .left .ui.checkbox input { width: 20px; height: 20px;}
.pp-item .head .left .ui.checkbox label::before { width: 20px; height: 20px;}
.pp-item .head .left .ui.checkbox label:after { font-size: 13px; top: 2px; left: 2px;}
.pp-item .head .left .ui.checkbox input:checked~.box:before, .pp-item .head .left .ui.checkbox input:checked~label:before { border-color: #1d83ef; background: #1d83ef;}
.pp-item .pp-history { padding: 5px 10px 5px 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal;
    -ms-flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
.pp-item .pp-history .column { padding: 10px; width: 33.33333333%; position: relative; display: inline-block;}
.pp-item .pp-stats { padding: 10px 10px 10px 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -ms-flex-wrap: wrap;
    flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
.pp-item .pp-stats .column { padding: 10px; width: 33.33333333%; position: relative; display: inline-block;}
.pp-item .pp-stats .column:hover { background-color: #f5faff;}
.pp-item .pp-footer { padding: 10px 20px 10px 55px !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; align-items: center; justify-content: space-between;
    border-top: 1px solid rgba(34, 36, 38, .1);}
.pp-item .pp-footer .right { margin-left: auto; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; align-items: center;}
.pp-item .pp-footer .ui.toggle.checkbox label { padding-right: 45px !important; padding-left: 0px !important;}
.pp-item .pp-footer .ui.toggle.checkbox input { width: 36px; height: 20px;}
.pp-item .pp-footer .ui.toggle.checkbox .box:before, .pp-item .pp-footer .ui.toggle.checkbox label:before { width: 36px; height: 20px; background-color: #d8d8d8; right: 0px; left: auto;}
.pp-item .pp-footer .ui.toggle.checkbox .box:after, .pp-item .pp-footer .ui.toggle.checkbox label:after { width: 16px; height: 16px; left: 98px; /*right: 19px;*/ top: 2px;}
.pp-item .pp-footer .ui.toggle.checkbox input:checked~.box:before, .pp-item .pp-footer .ui.toggle.checkbox input:checked~label:before { background-color: #4ab48a !important;}
.pp-item .pp-footer .ui.toggle.checkbox input:checked~.box:after, .pp-item .pp-footer .ui.toggle.checkbox input:checked~label:after { left: 115px; /*right: 2px;*/}
.pp-adjust { padding: 20px 55px;}
.pp-count { margin: 0px auto 20px; width: 90px; height: 90px; display: inline-block; font-size: 30px; line-height: 90px;}
.pp-edit-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.add-preference { min-height: 127px !important;}
.add-preference:hover { border: solid 1px #1d83ef !important;}
.custom-form .mh-sm { min-height: 21px !important;}
.stats-popup { padding: 0px 0px 2px; position: relative; border-bottom: 1px dotted rgba(181, 178, 178, 0.68); cursor: pointer;}
.profile-card-small .profile-info .ui.dropdown .menu, .profile-card-big .profile-info .ui.dropdown .menu{ border-radius: 2px !important; box-shadow: 0 4px 6px 0 rgba(157, 157, 157, 0.15) !important; background-color: #ffffff !important; left: auto; right: 0px;}
.ui.card>.extra.bt-0 { border-top: 0px !important;}
.img-blur { background: rgba(0,0,0,.05);}
.img-blur .caption-center { padding: 10px; background: rgba(0,0,0,.6) !important; position: absolute !important; top: 0!important; left: 0!important; width: 100%; height: 100%; overflow: hidden; text-align: center; z-index: 15;}
.img-blur img { -webkit-filter: blur(5px) grayscale(.7); filter: blur(5px) grayscale(.7);}
.bg-text.middle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0px 5px; z-index: 10;}
.app-content .sticky-header .right.menu .vr-divider { top: 18px;}
.child-wrapper { margin-top: 5px; display: flex; flex-direction: row;}
.child-wrapper .child-group { max-width: 50%; flex: 50%;}
.ui.circular.label.hiring { float: none !important; font-size: 10px !important; padding: .5em .75em !important; position: relative; top: -1px; margin-left: 2px; font-weight: 400 !important; background-color: #1d83ef !important;}
.pending-list { margin: 0px; padding: 0px; list-style: none;}
.pending-list li { margin-bottom: 10px; padding: 0px; border: solid 1.5px rgba(151, 151, 151, 0.23); background-color: #ffffff;}
.pending-list li a { padding: 18px 25px; display: flex;; font-size: 15px; font-weight: 400; color: #000; cursor: pointer; align-items: center;}
.pending-list li a i.checkmark { margin-right: 15px; display: inline-block; border: solid 1px #1d83ef; border-radius: 0.8em; height: 22px; width: 22px; position: relative;}
.pending-list li a i.checkmark:after { content: " "; display: block; width: 5px; height: 10px; border: solid #1d83ef; border-width: 0 2px 2px 0; position: absolute; left: 8px; top: 4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);
    transform: rotate(45deg);}
.pending-list li a.wd-item-completed i.checkmark { background-color: #1d83ef;}
.pending-list li a.wd-item-completed i.checkmark:after { border: solid #fff; border-width: 0 2px 2px 0;}
.complete-stats-card .content { padding: 18px 25px !important; display: flex; flex-direction: row; align-items: center;}
.complete-stats-card .content .right { margin-left: auto;}
.photo-upload-card { padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center;
    -ms-flex-align: center; align-items: center;}
.photo-upload-card .upload-thumb { margin-right: 20px; display: flex; width: 70px; min-width: 70px; max-width: 70px; height: 90px;}
.photo-upload-card .upload-thumb img { width: 70px; height: 90px; object-fit: cover;}
.photo-wrapper { margin: 10px; padding: 20px; border: 2px dashed #ddd;}
.album-header { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center;}
.upload-items { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -.875em -.5em !important; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.upload-item { margin: .5em; width: 110px; height: 141px; background-size: 110px 141px;  position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center;}
.upload-item img { width: 100%; height: 141px; object-fit: cover;}
.peding-card { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center;}
.album-add { width: 100%; height: 100%; position: relative; border-radius: 2px; background-color: #f5faff; border: 1px solid #d6e5ff;}
.album-add label { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; cursor: pointer;}
.album-add i { margin-bottom: 10px; font-size: 48px; font-weight: 300; color: #468bfe; font-style: normal;}
.album-add span { font-size: 16px; color: #468bfe;}
.upload-item .middle-progress .ui.loader:before { border: .2em solid rgba(255,255,255,1) !important;}
.album-image-big .middle-progress .ui.loader:before { border: .2em solid rgba(255,255,255,1) !important;}
.pending-left { width: calc(100% - 145px);}
.peding-card i { display: inline-block; float: left; height: 32px !important; width: 32px !important; background-size: 32px !important;}
.pending-right { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex;}
.peding-card .description { overflow: hidden;}
.pending-right .button { width: 120px;}
.pro-error-img { width: 450px;}
.upload-items.charts .upload-item { height: 110px; background-size: 110px;}
.match-preference .ui.fluid.card { height: 140px;}
.match-preference .ui.fluid.card a { display: flex; align-items: center; justify-content: center; height: 100%;}
.match-preference .ui.fluid.card .title { font-size: 20px; line-height: 30px;}
.cursor-default { cursor: default !important;}
.uploading-options { margin: 0px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch;
    -ms-flex-align: stretch; align-items: stretch; max-width: 90%;}
.uploading-options .item { padding: .5rem; width: 50%;}
.uploading-options .item i { min-width: 26px; max-width: 26px;}
.slide .request-card .button em { font-style: normal;}
.viewd-list a:nth-child(2) { border-left: 1px solid rgba(34, 36, 38, .1) !important;}
.viewd-list a.ui.button { padding: 15px 10px !important;}
.viewd-list a span { margin-left: 5px !important; font-size: 10px !important; padding: 3px 4px 2px 4px !important; vertical-align: middle !important; min-width: 20px; position: relative; top: -1px;}
.upgrade-card .body { padding: 15px 25px !important; display: flex; flex-direction: row; align-items: center; background-image: linear-gradient(to right, #8e56fc 0%, #e42294 100%); position: relative;}
.upgrade-card .body:after { content: ''; width: 70px; height: 70px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/crown-white.svg) no-repeat; background-size: 70px; position: absolute; right: 25%; bottom: -10px; opacity: .35;}
.upgrade-card .title { margin-bottom: 0px; font-size: 18px; line-height: 24px; color: #fff;}
.upgrade-card .left span { font-size: 13px; line-height: 24px; color: #fff; font-weight: 300; display: block;}
.upgrade-card .body .right { margin-left: auto;}
.upgrade-card .body .right .button { padding: 15px 20px !important; min-width: 130px !important;}
.admin-verify-card .body { padding: 15px 25px !important; display: flex; flex-direction: row; align-items: center; background-image: linear-gradient(to right, #ff606d, #ff7a65, #ff9363, #ffab66, #ffc271) !important; position: relative;}
.admin-verify-card .title { margin-bottom: 3px; font-size: 18px; line-height: 24px; color: #fff;}
.admin-verify-card .left span { font-size: 13px; line-height: 18px; color: #fff; font-weight: 300; display: block;}
.admin-verify-card .body .right { margin-left: auto;}
.admin-verify-card .body .right .button { padding: 12px 20px !important; min-width: 100px !important; border: none !important;}
.id-verify-card .body { padding: 15px 25px !important; display: flex; flex-direction: row; align-items: center; background-image: linear-gradient(to right, #ff606d, #ff7a65, #ff9363, #ffab66, #ffc271) !important; position: relative;}
.id-verify-card .title { margin-bottom: 3px; font-size: 18px; line-height: 24px; color: #fff;}
.id-verify-card .left { display: flex;}
.id-verify-card .left span { font-size: 13px; line-height: 18px; color: #fff; font-weight: 300; display: block;}
.id-verify-card .body .right { margin-left: auto;}
.id-verify-card .body .right .button { padding: 12px 20px !important; min-width: 135px !important; border: none !important;}
.id-verify-card .body .description { display: flex; flex-direction: column;}
.id-verify-card .left i { margin-right: 15px; display: flex; width: 64px; height: 64px; min-width: 64px; background-size: 64px;}
.profile-complete-card .body { padding: 15px 25px !important; display: flex; flex-direction: row; align-items: center; position: relative;}
.profile-complete-card .title { margin-bottom: 0px; font-size: 18px; line-height: 24px; color: #000;}
.profile-complete-card .left { display: flex; align-items: center;}
.profile-complete-card .left span { font-size: 13px; line-height: 18px; color: #646464; font-weight: 300; display: block;}
.profile-complete-card .body .right { margin-left: auto;}
.profile-complete-card .body .right .button { padding: 12px 20px !important; min-width: 100px !important; border: none !important;}
.profile-complete-card .body .description { display: flex; flex-direction: column; padding-left: 20px;}
.wd-card.photo-upload-card { border: solid 1px rgba(29, 131, 239, 0.16) !important; background-color: #eff7ff !important;}
.photo-upload-card .avatar-circle { margin: 0px auto 15px; display: block; width: 52px; height: 52px; background-color: #1d83ef; border-radius: 100%; position: relative;}
.photo-upload-card .avatar-circle i { display: block; width: 24px; height: 18px; background-size: 24px 18px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.wd-card.horoscope-upload-card { border: solid 1px rgba(82, 153, 144, 0.16) !important; background-color: #e7fdfa !important;}
.wd-card.horoscope-upload-card i { margin: 0px auto 15px; display: block; width: 50px; height: 47px; background-size: 50px 47px;}
.wd-card.edit-preference-card { border: solid 1px rgba(231, 191, 59, 0.5) !important; background-color: #fff8e1 !important;}
.wd-card.edit-preference-card .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center;
    -ms-flex-align: center; align-items: center;}
.wd-card.edit-preference-card .content .left { display: flex; flex-direction: row; width: calc(100% - 100px);}
.wd-card.edit-preference-card .content .left i { display: flex; min-width: 20px !important;}
.wd-card.edit-preference-card .content .ui.button { margin-left: auto; width: 80px; line-height: 10px;}
.wd-card.add-email-card { background-color: #1d83ef !important;}
.wd-card.add-email-card .content { padding-top: 20px; padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.wd-card.add-email-card .content i { margin-right: 15px; display: flex;}
.wd-card.add-email-card .email-box { margin-left: auto;}
.wd-card.add-email-card input { margin-right: 15px; color: #fff; line-height: 27px; width: 200px; background: transparent; border: none; border-bottom: 1px solid rgba(255,255,255,.3); outline: none;}
.wd-card.add-email-card input::placeholder { color: rgba(255,255,255,.8)}
.wd-card.verify-email-card { background-color: #1d83ef !important;}
.wd-card.verify-email-card .content { padding-top: 20px; padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap;
    flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.wd-card.verify-email-card .content .left { display: flex; flex-direction: row; width: calc(100% - 100px);}
.wd-card.verify-email-card i { display: flex; min-width: 20px !important;}
.wd-card.verify-email-card .email-box { margin-left: auto;}
.wd-card.fb-card { background-color: #3B5998 !important;}
.wd-card.fb-card .content { padding-top: 20px; padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.wd-card.fb-card i { margin-right: 15px; display: inline-block; vertical-align: middle; width: 32px; height: 32px; background-size: 32px; position: relative; top: -2px;}
.wd-card.fb-card .content .ui.button { margin-left: auto; color: #3B5998 !important;}
.wd-card.get-assisted-card { border: solid 1px rgba(82, 153, 144, 0.16) !important; background-color: #e7fdfa !important;}
.wd-card.get-assisted-card .content { padding-top: 20px; padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap;
    flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.wd-card.get-assisted-card .content .ui.image { margin-right: 30px; width: 200px;}
.wd-card.get-assisted-card .content .description .title { font-size: 18px; font-weight: 500; color: #000;}
.wd-card.profile-highlight-card .content { padding-top: 20px; padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center;
    -ms-flex-align: center; align-items: center;}
.wd-card.profile-highlight-card .content .ui.image { margin-right: 30px; width: 150px;}
.wd-card.profile-highlight-card .content .description .title { margin-bottom: 5px; font-size: 17px; font-weight: 500; color: #000;}
.wd-card.profile-highlight-card .content .description p { color: #646464; margin-bottom: 15px;}
.wd-card.horoscope-match-card { border: solid 1px rgba(82, 153, 144, 0.16) !important; background-color: #e7fdfa !important;}
.wd-card.horoscope-match-card .content { padding-top: 20px; padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap;
    flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.wd-card.horoscope-match-card .content .horoscope-oval { margin: 0px 20px 0px 0px; display: flex;}
.wd-card.horoscope-match-card .content .description { display: flex; flex-direction: column; width: calc(100% - 250px);}
.wd-card.horoscope-match-card .content .description .title { margin-bottom: 5px; font-size: 17px; font-weight: 500; color: #000;}
.wd-card.horoscope-match-card .extra-content { margin-left: auto; min-width: 150px;}
.wd-card.horoscope-match-card .extra-content .ui.button { float: right; margin-right: 0px;}
.wd-card.horoscope-match-card2 { background: #14314f url(https://storage.googleapis.com/matrimony-assets/dashboard/img/horoscope-bg.svg) !important; background-size: 500px !important;}
.wd-card.horoscope-match-card2 .content { padding: 40px 20px !important; padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap;
    flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.wd-card.horoscope-match-card2 .content .horoscope-oval { margin: 0px 20px 0px 0px; display: flex;}
.wd-card.horoscope-match-card2 .content .description { display: flex; flex-direction: column; width: calc(100% - 250px);}
.wd-card.horoscope-match-card2 .content .description .title { margin-bottom: 5px; font-size: 24px; line-height: 30px; font-weight: 500; color: #fff;}
.wd-card.horoscope-match-card2 .content .description p { color: #fff;}
.wd-card.horoscope-match-card2 .extra-content { margin-left: auto; min-width: 150px;}
.wd-card.horoscope-match-card2 .extra-content .ui.button { float: right; margin-right: 0px;}
.wd-card.phone-mask-card { border: solid 1px rgba(29, 131, 239, 0.16) !important; background-color: #EFF7FE !important;}
.wd-card.phone-mask-card .content { padding-top: 20px; padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap;
    flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.wd-card.phone-mask-card .content i { margin-right: 30px; display: flex; width: 80px; height: 80px; min-width: 80px; background-size: 80px;}
.wd-card.phone-mask-card .content .description .title { margin-bottom: 5px; font-size: 17px; font-weight: 500; color: #000;}
.wd-card.photo-verify-card { background-image: linear-gradient(to right, #ff606d, #ff7a65, #ff9363, #ffab66, #ffc271) !important; position: relative;}
.wd-card.photo-verify-card .content { padding: 30px 25px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap;
    flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.wd-card.photo-verify-card .content .left {  display: flex; flex-direction: row; width: calc(100% - 250px);}
.wd-card.photo-verify-card .content .left i { margin: 0px 20px 0px 0px; width: 45px; height: 45px; min-width: 45px; background-size: 45px;}
.wd-card.photo-verify-card .content .description .title { margin-bottom: 5px; font-size: 17px; font-weight: 500; color: #fff;}
.wd-card.photo-verify-card .content .description p { color: #fff;}
.wd-card.photo-verify-card .extra-content { margin-left: auto; min-width: 150px;}
.wd-card.photo-verify-card .extra-content .ui.button { float: right; margin-right: 0px; border: none !important;}
.wd-card.add-contact-card { border: solid 1px rgba(82, 153, 144, 0.16) !important; background-color: #fde7eb !important;}
.wd-card.add-contact-card .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center;
    -ms-flex-align: center; align-items: center;}
.wd-card.pwd-card { background-color: #1d83ef !important;}
.wd-card.pwd-card .content { padding-top: 20px; padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap;
    flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.wd-card.pwd-card .content .left { display: flex; flex-direction: row; width: calc(100% - 105px);}
.wd-card.pwd-card i { display: flex; min-width: 20px !important;}
.wd-card.pwd-card .email-box { margin-left: auto;}
.wd-card.add-contact-card .content .left { display: flex; flex-direction: row;}
.wd-card.add-contact-card .content i { display: flex; min-width: 20px;}
.wd-card.add-contact-card .email-box { margin-left: auto;}
.wd-card.add-contact-card input { margin-right: 15px; color: #000; line-height: 28px; width: 125px; background: transparent; border: none; outline: none; font-size: 16px; vertical-align: middle;}
.wd-card.add-contact-card input::placeholder { color: rgba(0,0,0,.35)}
.gradient1 { background-image: linear-gradient(to right, #8e56fc 0%, #e42294 100%);}
.gradient2 { background-image: linear-gradient(to left, #84dd96, #70da9f, #5bd6a7, #43d2b0, #27ceb8) !important;}
.gradient3 { background-image: linear-gradient(to right, #ff606d, #ff7a65, #ff9363, #ffab66, #ffc271) !important;}
.gradient4 { background-image: linear-gradient(to right, #2487b7, #3899c5, #4bacd3, #5ebee1, #72d1ee) !important;}
.upgrade-card2 .body { padding: 0px; display: flex; flex-direction: row; position: relative;}
.upgrade-card2 .left { padding: 20px 30px; display: flex; justify-content: center; flex-direction: column; width: 50%;}
.upgrade-card2 i { width: 100px; height: 100px; background-size: 100px;}
.upgrade-card2 .right { padding: 20px 30px; display: flex; flex-direction: column; width: 50%;}
.upgrade-card2 .title { margin-bottom: 5px; font-size: 18px; line-height: 24px; font-weight: 500; color: #fff;}
.upgrade-card2 .left span { font-size: 13px; line-height: 18px; color: #fff; font-weight: 300; display: block;}
.upgrade-card2 .body .right { margin-left: auto;}
.upgrade-card2 .body .button { padding: 15px 20px !important;}
.upgrade-card2 .button.btn-green { background-color: #62d7a3 !important;}
.upgrade-card2 .button.btn-green:hover { background-color: #5bc194 !important;}
.upgrade-card2 .button.btn-orange { background-color: #ff606d !important; color: #fff !important;}
.upgrade-card2 .button.btn-orange:hover { background-color: #fb515f !important;}
.upgrade-card3 .body { padding: 40px 20px; display: flex; flex-direction: column; position: relative;}
.upgrade-card3 .body .ui.list { display: inline-block; max-width: 600px;}
.upgrade-card3 .body .ui.list .item { float: left; width: 50%; padding: 0px 15px;}
.upgrade-card3 i { width: 100px; height: 100px; background-size: 100px;}
.upgrade-card3 .title { margin-bottom: 0px; font-size: 18px; line-height: 24px; font-weight: 500; color: #fff;}
.upgrade-card3 .left span { font-size: 13px; line-height: 18px; color: #fff; font-weight: 300; display: block;}
.upgrade-card3 .body .button { padding: 15px 20px !important; min-width: 250px;}
.upgrade-card4 .header { padding: 18px 20px; position: relative;}
.upgrade-card4 .header::after { content: ''; width: 70px; height: 70px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/crown-white.svg) no-repeat; background-size: 70px; position: absolute; right: 25px; bottom: -8px; opacity: .35;}
.upgrade-card4 .body { padding: 20px;}
.upgrade-card4 .ui.list { display: inline-block; width: 100%;}
.upgrade-card4 .ui.list .item { float: left;width: 50%;}
.upgrade-card4 .ui.list .item:nth-child(odd) { padding-right: 30px;}
.upgrade-card5 { overflow: hidden;}
.upgrade-card5::after { position: absolute; top: -65px; right: 0px; border-radius: 0px 0px 0px 30px; background: #4ab48a; padding: 20px; width: 215px; height: 250px !important; visibility: visible !important; -moz-transform: rotate(60deg); -o-transform: rotate(60deg);
    -webkit-transform: rotate(60deg); transform: rotate(60deg); -ms-transform: rotate(60deg);}
.upgrade-card5 .body { padding: 25px !important; display: flex; flex-direction: row; align-items: center;}
.upgrade-card5 .left { width: calc(100% - 150px);}
.upgrade-card5 .title { font-size: 28px; line-height: 36px; font-weight: 500; color: #4ab48a;}
.upgrade-card5 .offer-img1 { position: absolute; bottom: 0px; right: 25px; display: block; width: 120px; height: 92px; background-size: 120px; z-index: 5;}
.offer-img1 { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/offer-img1.svg); background-repeat: no-repeat;}
.wd-card.upgrade-card6 { overflow: hidden;}
.upgrade-card6::after { position: absolute; top: 0px; left: -50px; width: calc(100% - 200px); height: 100% !important; visibility: visible !important; transform: skew(20deg); background: #ff0037;}
.wd-card.upgrade-card6 .left { padding: 0px 25px; width: calc(100% - 200px); position: relative; z-index: 5;}
.upgrade-card6 .body { padding: 0px !important; display: flex; flex-direction: row; align-items: center;}
.upgrade-card6 .title { font-size: 28px; line-height: 36px; font-weight: 500; color: #fff;}
.upgrade-card6 .offer-img2 { margin: 25px; display: block; width: 200px; height: 142px; background-size: 200px; z-index: 5;}
.offer-img2 { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/offer-img2.svg); background-repeat: no-repeat;}
.wd-card.upgrade-card7 { overflow: hidden; background-color: #fff2df !important;}
.wd-card.upgrade-card7 .content { padding: 30px 20px; text-align: center; position: relative; z-index: 5;}
.upgrade-card7 .title { font-size: 24px; line-height: 36px; font-weight: 500; color: #000;}
.upgrade-card7 .lead { font-size: 30px; line-height: 36px; font-weight: 500; color: #ff0037;}
.upgrade-card7 .bubble1 { position: absolute; width: 100px; height: 100px; border-radius: 100%; top: -40px; left: -40px; background-color: #ffc75d;}
.upgrade-card7 .bubble2 { position: absolute; width: 50px; height: 50px; border-radius: 100%; top: -20px; right: -20px; background-color: #ffc75d;}
.upgrade-card7 .bubble3 { position: absolute; width: 60px; height: 60px; border-radius: 100%; bottom: -45px; left: 45%; background-color: #ffc75d;}
.wd-card.upgrade-card8 { overflow: hidden; background: #11385f url(https://storage.googleapis.com/matrimony-assets/dashboard/img/offer-bg1.svg) !important; background-size: 100% !important; background-position: center !important; background-repeat: no-repeat !important;}
.wd-card.upgrade-card8 .content { padding: 80px 20px; text-align: center; position: relative; z-index: 5;}
.upgrade-card8 .title { margin-bottom: 5px; font-size: 40px; line-height: 48px; font-weight: 500; color: #68e780;}
.upgrade-card8 .lead { margin: 0px auto 10px; font-size: 16px; line-height: 20px; color: #fff; max-width: 300px;}
.upgrade-card8 .text-yellow { color: #ffa914 !important;}
.ui.card.upgrade-card9 { background-repeat: no-repeat !important; background-size: 100% !important; background-position: 50% center !important;}
.ui.card.upgrade-card9 .body { padding: 25px; display: flex; flex-direction: row; align-items: center; border-radius: 0px !important;}
.ui.card.upgrade-card9 .content { text-align: center; width: 100%;}
.upgrade-card9 .title { margin: 0px 0px 0px; font-size: 17px; color: #660c97; text-transform: uppercase;}
.upgrade-card9 .buy-now { margin: 0px 0px 15px; font-size: 36px; text-transform: uppercase; color: #660c97; line-height: 42px;}
.upgrade-card9 .lead { font-size: 14px; color: #000;}
.upgrade-card9 .offer-img3 { margin-bottom: 0px; display: block; min-width: 200px; width: 200px; height: 200px; background-size: 200px; z-index: 5;}
.offer-img3 { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/offer-img3.svg); background-repeat: no-repeat;}
.upgrade-card9 .off-box { margin: 0px auto 8px; padding: 10px 0px; border-top: 3px solid #95007e; border-bottom: 3px solid #95007e; max-width: 220px;}
.upgrade-card9 .tagline { font-size: 20px; text-transform: uppercase; color: #660c97; line-height: 24px;}
.upgrade-card9 .off-value { font-size: 48px; text-transform: uppercase; color: #660c97; line-height: 54px; font-weight: 900;}
.ui.card.upgrade-card10 { overflow: hidden; background-position: 50% top !important; background-size: 250px !important; position: relative;}
.ui.card.upgrade-card10::after { content: ''; position: absolute; top: 0px; left: -70px; width: calc(100% - 150px); height: 100% !important; visibility: visible !important; transform: skew(45deg); background: linear-gradient(to right, #f7798d 30%, #f66a80 30% 60%, #f55972 60% );}
.ui.card.upgrade-card10::before { content: ''; position: absolute; top: 0px; left: -70px; width: calc(100% - 150px); height: 100% !important; visibility: visible !important; transform: skew(-45deg); background: linear-gradient(to right, #f55972 30%, #f66a80 30% 60%, #f7798d 60% );}
.ui.card.upgrade-card10 .body { padding: 30px 25px !important; display: flex; flex-direction: row; align-items: center;}
.ui.card.upgrade-card10 .heart { position: relative; z-index: 5; width: 100px; height: 80px; display:flex;}
.ui.card.upgrade-card10 .heart span { display: block; text-align: center; font-size: 22px; line-height: 24px; color: #fff; font-weight: 600; text-transform: uppercase; position: relative; z-index: 5; margin: 10px 0px; width: 100%;}
.ui.card.upgrade-card10 .heart:before, .ui.card.upgrade-card10 .heart.heart:after{ position: absolute; content: ""; left: 50px; top: 0; width: 50px; height: 80px; background: #f6a2af; -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%;}
.ui.card.upgrade-card10 .heart:after{ left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%;}
.ui.card.upgrade-card10 .description { padding: 0px 20px; position: relative; z-index: 5; width: calc(100% - 300px);}
.ui.card.upgrade-card10 .title { margin-bottom: 4px; color: #fff; font-size: 26px; font-weight: 600; line-height: 32px;}
.ui.card.upgrade-card11 { background-repeat: no-repeat !important; background-size: 100% !important; background-position: 50% center !important;}
.ui.card.upgrade-card11::after { content: ''; position: absolute; top: 0px; left: 0px; background-color: rgba(0,0,0,.5); width: 100%; height: 100%; visibility: visible;}
.upgrade-card11 .body { padding: 25px; display: flex; flex-direction: column; align-items: center; border-radius: 0px !important; position: relative; z-index: 5;}
.upgrade-card11 .off-duration { margin-bottom: 0px; font-size: 14px; color: #fff;}
.upgrade-card11 .title { margin-bottom: 5px; font-size: 32px; line-height: 38px; color: #fff; font-weight: bold;}
.upgrade-card11 .lead { margin-bottom: 10px; font-size: 16px; color: #fff;}
.ui.card.upgrade-card12 { overflow: hidden; background-position: 0px !important; background-size: 45% !important; background-repeat: no-repeat; position: relative;}
.upgrade-card12 .body { padding: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center;
    -ms-flex-align: center; align-items: center;}
.upgrade-card12 .ui.image { height: 232px;}
.upgrade-card12 .offer-img4 { display: block; width: 250px; height: 120px; background-size: 250px;}
.offer-img4 { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/offer-img4.svg); background-repeat: no-repeat;}
.upgrade-card12 .content { display: flex; margin-left: auto; padding: 40px 25px; flex-direction: column; align-items: flex-end;}
.upgrade-card12 .content .off-name { font-size: 18px; line-height: 24px; color: #3e004f;}
.upgrade-card12 .content .title { font-size: 36px; color: #3e004f; font-weight: bold; line-height: 42px; text-transform: uppercase;}
.upgrade-card12 .content .lead { font-size: 18px; color: #3e004f; line-height: 24px;}
.upgrade-card12 .content .off-value { font-size: 36px; color: #00a47a; font-weight: bold; line-height: 42px; text-transform: uppercase;}
.ui.card.upgrade-card13 { overflow: hidden; background-position: center bottom; background-size: 100% !important; background-repeat: no-repeat; position: relative; min-height: 200px;}
.upgrade-card13 .body { padding: 40px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center;
    -ms-flex-align: center; align-items: center; justify-content: center;}
.upgrade-card13 .body .content { padding-left: 150px; text-align: center;}
.upgrade-card13 .title { margin-bottom: 20px; font-size: 42px; color: #ffffff; line-height: 42px; font-weight: bold; text-shadow: 4px 4px rgba(0,0,0,.15);}
.upgrade-card13 .off-value { margin-bottom: 20px; padding: 20px 35px 15px 35px; text-align: center; border: 2px solid #fff;}
.upgrade-card13 .head { margin: -32px 0px 12px; padding: 0px 15px; font-size: 30px; font-weight: 600; color: #2b4469; background: #92c3e8; text-shadow: 3px 3px rgba(0,0,0,.15);}
.upgrade-card13 .lead { color: #fff; font-size: 18px;}
.ui.card.upgrade-card14 { background-position: 0px; background-size: 500px !important; background-repeat: no-repeat;}
.ui.card.upgrade-card14 .body { padding: 30px 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.upgrade-card14 .ui.image { margin-left: auto; width: 200px;}
.upgrade-card14 .head { font-size: 14px; line-height: 22px; font-weight: bold; color: #8637bb; text-transform: uppercase;}
.upgrade-card14 .title { font-size: 36px; line-height: 42px; color: #8637bb; font-weight: bold; text-transform: uppercase;}
.upgrade-card14 .off-value { margin: 0px; padding: 0px; font-size: 13px; color: #333; text-transform: uppercase;}
.ui.card.upgrade-card15 { background-color: #eda126 !important;}
.ui.card.upgrade-card15 .body { padding: 0px 0px 0px 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.upgrade-card15 .ui.image { margin-left: auto; width: 200px;}
.upgrade-card15 .head { font-size: 14px; line-height: 22px; font-weight: bold; color: #fff;}
.upgrade-card15 .title { margin: 0px 0px 5px; font-size: 36px; line-height: 42px; color: #fff; font-weight: bold;}
.upgrade-card15 .off-value { margin: 0px; padding: 0px; font-size: 13px; color: #fff;}
.pro-status-card .ui.three.cards { margin: -4px !important;}
.pro-status-card .ui.three.cards>.card { margin: 4px !important; width: calc(33.33333333% - 8px);}
.pro-status-card .ui.three.cards>.card i.i-eye-circle-blue { margin-right: 10px; display: flex; min-width: 36px; width: 36px; height: 36px; background-size: 36px;}
.pro-status-card2 i.i-eye-circle-blue { margin-right: 10px; display: flex; min-width: 45px; width: 45px; height: 45px; background-size: 45px;}
.preference-tiny .icon-circle { margin-right: 15px; display: flex; min-width: 50px; width: 50px; height: 50px;  position: relative; background-color: #dfedfd; border-radius: 100%;}
.preference-tiny .icon-circle i { display: block; width: 24px; height: 24px; background-size: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.exclusive-card .body .left { margin-right: 15px;}
.exclusive-card .body .left i { display: block; min-width: 48px; width: 48px; height: 42px; background-size: 48px 42px;}
.exclusive-card .body .description { font-size: 17px; color: #fff;}
.exclusive-card .body .right { margin-left: auto;}
.request-card-tiny .icon-circle { margin-right: 15px; display: flex; min-width: 64px; width: 64px; height: 64px; position: relative; background-color: #dfedfd; border-radius: 100%;}
.request-card-tiny .icon-circle i { display: block; width: 32px; height: 32px; background-size: 32px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.pro-tiny-card .left { margin-right: 20px; display: flex; flex-direction: row; align-items: center;}
.pro-tiny-card .ui.image { margin-right: 0px !important; min-width: 74px !important; width: 74px !important; height: 74px !important; box-shadow: 0 4px 6px 0 rgba(157, 157, 157, 0.15); border: solid 3px #f6f7f8;}
.pro-tiny-card .ui.image+.ui.image { margin-left: -25px;}
.pro-tiny-card .left i.i-heart-pink-circle { margin-left: -15px; display: flex; width: 44px; height: 44px; position: relative; z-index: 10;}
.pro-tiny-card2 .body { -ms-flex-direction: column; flex-direction: column;}
.pro-tiny-card2 .body .thubms-group { padding-bottom: 15px;}
.pro-tiny-card2 .ui.image { margin-right: 0px !important; min-width: 40px !important; width: 40px !important; height: 40px !important; box-shadow: 0 4px 6px 0 rgba(157, 157, 157, 0.15); border: solid 3px #f6f7f8;}
.pro-tiny-card2 .ui.image+.ui.image { margin-left: -20px;}
.pro-tiny-card2 i.i-heart-pink-circle { margin: -35px auto 10px; display: flex; width: 35px; height: 35px; background-size: 35px; position: relative; z-index: 10;}
.pro-tiny-card2 .ui.image:last-child::after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);}
.pro-tiny-card2 .ui.image:last-child .count { position: absolute; top: 50%; left: 50%; font-size: 13px; color: #fff; transform: translate(-50%, -50%); z-index: 15;}
.view-card-tiny i.i-eye-circle-blue { margin-right: 15px; display: flex; min-width: 45px; width: 45px; height: 45px;}
.priority-match-card { overflow: hidden;}
.priority-match-card::after { position: absolute; top: -60px; right: -50px; border-radius: 0px 0px 0px 30px; background: #d9ebff; padding: 20px; width: 230px; height: 275px !important; visibility: visible !important; -moz-transform: rotate(67deg); -o-transform: rotate(67deg);
    -webkit-transform: rotate(67deg); transform: rotate(67deg); -ms-transform: rotate(67deg);}
.priority-match-card .content { padding-top: 20px; padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.priority-match-card .description { width: calc(100% - 170px);}
.priority-match-card .description .title { margin-bottom: 5px; font-size: 22px; font-weight: 500; color: #1d83ef;}
.priority-match-card .description p { color: #646464; margin-bottom: 15px;}
.priority-match-card .ui.image { margin-left: auto; width: 150px; position: relative; z-index: 5;}
.action-card .header { padding: 15px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center;}
.action-card .header.bg-red { background-color: #ed6c6e !important; color: #fff;}
.action-card .body { padding: 15px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center;}
.action-card .body .ui.avatar { margin-right: 15px; width: 50px !important; min-width: 50px; height: 50px; background-size: 100%; overflow: hidden;}
.action-card .body .ui.avatar img { height: 100%; width: 100%; object-fit: cover;}
.action-card .body .description { width: calc(100% - 270px);}
.action-card .body .card-left { width: calc(100% - 270px); display: flex; align-items: center;}
.action-card .body .card-left .description { width: 100%;}
.action-card .body .action-btn-group { margin-left: auto;}
.action-card .footer { padding: 15px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center;}
.action-card .footer .right { margin-left: auto;}
.ui.list.common-list .item { margin: 0px 0px 10px; padding: 0px 20px 0px 0px; display: inline-block; width: 33%;}
.reverse-match-upgrade .content { padding: 50px 30px !important;}
.reverse-match-upgrade .title { font-size: 24px; line-height: 30px; margin-bottom: 6px; color: #000;}
.reverse-match-upgrade .lead { font-size: 15px; font-weight: 300; color: #646464; line-height: 22px;}
.reverse-match-upgrade .ui.image { width: 200px;}
.wd-custom-accordion { box-shadow: none !important; border-radius: 0px !important; background: transparent !important;}
.acc-group { margin-bottom: 10px; border: solid 1.5px rgba(151, 151, 151, 0.23); background-color: #ffffff;}
.ui.styled.accordion.wd-custom-accordion .title { padding: 18px 25px; font-size: 15px; font-weight: 400; color: #000; border: none;}
.ui.styled.accordion.wd-custom-accordion .content { padding: 18px 25px;}
.wd-tip { margin-left: 10px; padding: 3px 10px; float: right; color: #fff; font-size: 14px; border-radius: 2px; background-color: #1d83ef; position: relative;}
.wd-tip::after { content: ''; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 6px solid #1d83ef; position: absolute; left: -6px; top: 7px;}
.progress-bar .ui.progress { margin: 1em 6em 2.5em 0em;}
.ui.cards.wd-album-cards >.card { margin: 0em .5em .875em .5em; width: 14.75%; height: 130px; overflow: hidden;}
.ui.cards.wd-album-cards>.card>:first-child { border-top: solid 1px rgba(151, 151, 151, 0.2) !important; width: 100%; height: 100%;}
.ui.cards.wd-album-cards>.card img { height: 130px; width: 100%; object-fit: cover;}
.ui.cards.wd-album-cards >.card:hover { -webkit-transform: translateY(0px); transform: translateY(0px);}
.add-album { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important; background-color: #f5faff !important;}
.add-inputfile { margin: 0px; cursor: pointer; position: absolute; bottom: 0px; left: 0px; right: 0px; top: 0px;}
.add-inputfile label { margin: 0px auto; cursor: pointer; display: flex; height: 100%; align-items: center; justify-content: center; font-size: 48px; font-weight: 300; color: #1d83ef;}
.add-inputfile input[type="file"] { display: none;}
.ui.cards.wd-album-cards>.card>.add-inputfile { border-top: none !important;}
.add-inputfile:hover { border: 1px solid #1d83ef !important;}
.ui.cards.wd-album-cards>.card>.add-inputfile:hover { border-top:  1px solid #1d83ef !important;}
.ui.cards.wd-album-cards >.card .ui.dimmer.transition  { background-color: rgba(0, 0, 0, .46) !important;}
.ui.cards.wd-album-cards >.card .ui.dimmer.transition.d-flex { display: flex !important;}
.ui.cards.wd-album-cards >.card .ui.inverted.dimmer { background-color: rgba(255, 255, 255, .46); padding: .5em;}
.upload-exaples .item { padding: 15px 0px !important; display: flex !important; flex-direction: row; align-items: center;}
.upload-exaples .item:nth-child(1) { padding-top: 0px !important;}
.upload-exaples .item:last-child { padding-bottom: 0px !important;}
.upload-exaples .item .item-left { display: flex; flex-direction: row; align-items: center; max-width: 50%;}
.upload-exaples .item .item-left .ui.avatar { width: 34px; height: 34px; border: solid 1px rgba(29,131,239,.12); border-radius: 100%; margin-right: 15px; position: relative;}
.upload-exaples .item .item-left .ui.avatar i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5;}
.upload-exaples .item .item-right { display: flex; flex-direction: row; margin-left: auto; max-width: 50%; text-align: end;}
.modal .content .upload-exaples { border: 1px solid rgba(34, 36, 38, .15) !important;}
.modal .content .upload-exaples .item { padding: 15px 20px !important;}
.ui.card .border-blue-light.bg-blue-light { border-top: solid 1px #deeaf3 !important;}
.instruction-left { display: flex; flex-direction: row; }
.instruction-left .item { margin: 0px 8px; width: 80px;}
.instruction-right { margin: 0px -8px; display: flex; flex-direction: row; }
.instruction-right .item { margin: 0px 8px; width: 80px;}
.album-main { display: flex;}
.album-image { display: flex; min-width: 100px; max-width: 100px; height: 120px; position: relative; border-radius: 4px; overflow: hidden; background: #f9f9f9; border: solid 2px #efeeee;}
.album-image img { width: 100%; object-fit: cover;}
.album-image:hover .update-dp { display: block;}
.album-content { display: flex; padding-left: 30px; width: 100%; flex-direction: column;}
.album-content .item { margin-bottom: 15px; display: flex; flex-direction: row;}
.album-content .item .ui.checkbox { margin-right: 8px; display: flex;}
.album-content .item:last-child { margin-bottom: 0px;}
.album-image .ui.inverted.dimmer { padding: 0.625em 6px !important;}
.album-image-big { margin: 0px auto; display: block; width: 140px; height: 168px; position: relative; border-radius: 4px; overflow: hidden; background: #f9f9f9; border: solid 2px #efeeee;}
.album-image-big img { width: 100%; height: 168px; object-fit: cover;}
.album-image-big .add-img label { padding: 10px; font-size: 14px; line-height: 18px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.album-image-big:hover .update-dp { display: block;}
.album-image-big .album-content { display: flex; padding-left: 30px; align-items: center;}
.album-image-big .ui.inverted.dimmer { padding: 0.625em 6px !important;}
.album-image-big .ui.dimmer.transition { background-color: rgba(0, 0, 0, .46) !important;}
.upload-card .album-image { margin: 0px auto; display: block; min-width: 140px; max-width: 140px; width: 140px; height: 168px; position: relative; border-radius: 4px; overflow: hidden; background: #f9f9f9; border: solid 2px #efeeee;}
.upload-card .album-image img { width: 100%; height: 168px; object-fit: cover;}
.upload-card .album-image .add-img label { padding: 10px; font-size: 14px; line-height: 18px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.upload-card .album-image .album-content { display: flex; padding-left: 30px; align-items: center;}
.upload-card .album-image .ui.inverted.dimmer { padding: 0.625em 6px !important;}
.upload-card .album-image .ui.dimmer.transition { background-color: rgba(0, 0, 0, .46) !important;}
.album-btn { margin-left: 130px !important;}
.album-lock { width: 25px; height: 25px; background-size: 25px; border-radius: 100%; background-color: rgba(0, 0, 0, 0.37) !important; position: relative; z-index: 999999; display: block; margin: 0px auto;}
.album-lock i { position: absolute; top: 46%; left: 52%; transform: translate(-50%,-50%);}
.add-img { margin: 0px; cursor: pointer; position: absolute; bottom: 0px; left: 0px; right: 0px; top: 0px;}
.add-img label { margin: 0px auto; padding: 32px 0px; cursor: pointer; height: 100%; font-size: 12px; color: #646464; text-align: center; display: block;}
.add-img input[type="file"] { display: none;}
.chart-wrapper { margin: 0px -13px;}
.chart-wrapper .card { margin: 0px 13px 13px; display: inline-block; vertical-align: top; position: relative; max-width: 80px;}
.chart-wrapper .card button { margin: 0px !important; position: absolute; top: -6px; right: -6px; z-index: 5; padding: 5px 6px 6px 6px !important; box-shadow: 0 0 0 1px rgba(34, 36, 38, .25) inset;}
.chart-wrapper .card button:hover { box-shadow: 0 0 0 1px rgba(34, 36, 38, .25) inset;}
.chart-wrapper .card button i { opacity: 0.5 !important;}
.chart-wrapper .card button:hover i { opacity: 1 !important;}
.chart-wrapper .ui.image { height: 80px;}
.chart-wrapper .ui.image img { width: 80px; object-fit: cover; height: 80px;}
.chart-wrapper .ui.image .middle-progress .ui.loader:before { border: .2em solid rgba(255,255,255,1) !important;}
.add-chart { margin: 0px; cursor: pointer; position: absolute; bottom: 0px; left: 0px; right: 0px; top: 0px; height: 80px; background: #f5faff; border: 1px solid #1d83ef;}
.add-chart label { margin: 0px auto; cursor: pointer; display: flex; height: 100%; align-items: center; justify-content: center; font-size: 48px; font-weight: 300; color: #1d83ef;}
.add-chart input[type="file"] { display: none;}
.upload-btn-wrapper { position: relative; overflow: hidden; display: inline-block;}
.upload-btn-wrapper .btn { color: white; background-color: #1d83ef; padding: 10px 20px; border-radius: 4px; font-size: 12px; border: none; cursor: pointer; letter-spacing: 0.05em; font-weight: bold;}
.upload-btn-wrapper input[type=file] { font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0;}
.blurring.dimmable>.inverted.dimmer { background-color: rgba(142, 142, 142, .3);}
.featured-container { margin: 0px auto; text-align: center;}
.featured-container img { margin: 100px auto 50px; display: block !important; max-width: 250px !important;}
.featured-container .header { margin-bottom: 10px; font-weight: 600; font-size: 30px; line-height: 36px; color: #000;}
.featured-container .leads { margin-bottom: 20px; font-size: 20px; color: #646464;}
.more-popup { padding: 0px; position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #fff; border-radius: 0px; opacity: 0; visibility: hidden; -webkit-transform: scale(.99); transform: scale(.99); -webkit-transform-origin: 100% 0; transform-origin: 100% 0;
    will-change: transform,opacity; -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform; -webkit-transition-duration: .25s;
    transition-duration: .25s; overflow-y: auto; height: 0px; display: none;}
.more-popup-active { -webkit-transform: none; transform: none; opacity: 1; visibility: visible; height: auto; display: block; z-index: 163;}
.more-popup .ui.vertical.text.menu .item { margin-left: 12px; font-size: 18px !important; line-height: 22px !important; color: #343a40; font-weight: 700; display: flex; align-items: center;}
.more-popup .ui.vertical.text.menu .item .icon-md { width: 18px !important; height: 18px !important; background-size: 18px !important;}
.more-popup .ui.vertical.text.menu .item .badge-pill { margin: 0px 0px 0px 10px !important;}
.more-popup .wd-menu-close { position: absolute; padding: 0px; right: 10px; top: 6px; width: 40px; height: 40px; border: none; background: transparent; outline: none; z-index: 15;}
.more-popup .wd-menu-close::before { content: ""; position: absolute; background:rgba(0,0,0,0.7); border-radius: 1px; left: 8px; right: auto; top: 20px; height: 3px; width: 25px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: background .1s; transition: background .1s;}
.more-popup .wd-menu-close::after { content: ""; position: absolute; background: rgba(0,0,0,0.7); border-radius: 1px; left: 8px; right: auto; top: 20px;  height: 3px; width: 25px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: background .1s; transition: background .1s;}
.colored-header { padding: 25px 20px; background: #1d83ef; position: relative;}
.colored-header .header { font-size: 18px; color: #fff;}
.app-aside .ui.sidebar.menu .item:hover { background-color: #f7f7f7; color: #000;}
.app-aside .ui.sidebar.menu .divider { display: block; height: 1px; background-color: rgba(100, 100, 100, 0.15);}
.wd-account-dropdown { padding: 12px 0px 0px 8px !important; font-weight: 600; vertical-align: middle !important;}
.app-aside .ui.sidebar.menu .item { display: inline-block; padding: 0px 18px; font-size: 14px; font-weight: 400; line-height: 36px; color: #646464; width: 100%;}
.app-aside .ui.sidebar.menu .item.active { border: none !important; color: #000; background-color: rgba(180,180,180,.1);}
.app-aside .ui.vertical.menu .item:before, .app-aside .ui.menu .item:before { display: none !important;}
.count-box .custom-radio { width: 41px; margin-right: 8px;}
.count-box .custom-radio label { width: auto !important; padding: 10px 0px !important;}
.count-box .custom-radio label::before, .count-box .custom-radio label::after { display: none !important;}
.skin-box.error .custom-radio label { border-color: #e0b4b4; color: #9f3a38 !important; background: #fff6f6;}
.bodytype-box.error .custom-radio label { border-color: #e0b4b4; color: #9f3a38 !important; background: #fff6f6;}
.app-content .content-body { margin-top: 60px;}
.top-notification { margin: 0px auto; padding: 10px 15px; font-size: 15px; color: #fff; text-align: center; box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.16); background-color: #1d83ef;}
.wd-middle-content { margin: 0px auto 80px; max-width: 760px !important; width: 100%;}
.wd-card { border-radius: 2px !important; box-shadow: 0 4px 6px 0 rgba(157, 157, 157, 0.15) !important; background-color: #ffffff !important;}
.wd-card-overlay { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 12; background: rgba(255,255,255,0.7);}
.btn-suspended { padding: 12px 30px; font-size: 16px; font-weight: 600; color: #ff3030; border-radius: 2px; border: dashed 2px #ff3030; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 12; opacity: 0.8;}
.card-pending { border: solid 1.5px rgba(255, 48, 48, 0.43) !important;}
.wd-video-card { position: relative; overflow: hidden;}
.wd-video-card .content { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 15; text-align: center; width: 80%;}
.profile-nav { display: inline-block !important; width: 100%; white-space: nowrap; border-top: 1px solid rgba(34, 36, 38, .1);}
.profile-nav::-webkit-scrollbar{ display:none;}
.profile-nav .ui.menu { border-radius: 0px !important; box-shadow: none !important; background-color: #ffffff !important; border: 0px !important; display: table; width: 100%;}
.profile-nav .ui.menu a { font-size: 14px !important; font-weight: 400 !important; color: #494949 !important; text-align: center !important; display: table-cell !important; border-radius: 0px !important; height: 52px;}
.profile-nav .ui.menu a.active { color: #ff0037 !important;}
.profile-nav .ui.menu button { font-size: 14px !important; font-weight: 400 !important; color: #494949 !important; text-align: center !important; display: table-cell !important; border-radius: 0px !important; border: none !important; height: 52px; cursor: pointer; outline: none;}
.profile-nav .ui.menu button.active { color: #ff0037 !important; font-weight: 600 !important; border-bottom: 2px solid #ff0037 !important;}
.profile-nav .ui.menu .item:last-child::before { background: none !important;}
.profile-nav .ui.menu .ui.dropdown.item .menu { width: 170px; left: auto !important; right: 0 !important;}
.profile-nav .ui.menu .ui.dropdown.item .menu .item:not(.filtered) { display: block !important; text-align: left !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.profile-nav .ui.menu .ui.dropdown.item.active { border-bottom: none !important; background: #fff !important;}
.profile-nav.mobi, .profile-nav.middle { display: none !important; overflow-x: auto !important;}
.profile-nav.middle { border-radius: 0px !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important; background-color: #ffffff !important; border-top: none !important;}
.addons-box .content { padding: 18px 22px !important}
.addons-box .ui.cards { margin: -0.25em !important;}
.addons-box .ui.cards .ui.card { min-height: 90px; margin: 0.25em !important; width: calc(33.33% - .5em);}
.addons-box .wd-card .title { font-size: 15px;}
.wd-error { padding: 150px 0px 0px !important;}
.wd-error .ui.container { margin: 0px auto !important; padding: 0px 15px !important; max-width: 600px !important; text-align: center !important;}
.wd-error h1 { margin-bottom: 15px;}
.wd-error p { margin-bottom: 30px; font-size: 16px; line-height: 1.63; text-align: center; color: #646464;}
.wd-privacy { padding: 40px 0px 80px !important; background: #fff !important;}
.wd-privacy .wd-round { margin: 0px auto 25px; display: block; width: 80px; height: 80px; border-radius: 100%; overflow: hidden; background-color:rgba(255, 1, 54, 0.0784313725490196);}
.wd-privacy .wd-round i { display: block; margin: 28px auto; width: 24px; height: 24px; background-size: 24px;}
.wd-privacy .column { text-align: center; position: initial !important;}
.skin-box { display: block; margin: 0% -1% -1%; overflow: hidden;}
.skin-box .custom-radio { margin: 0px 1% 2%; float: left; width: 23%;}
.skin-box .custom-radio label { width: auto; padding: 5px 12px !important; position: relative; text-align: left; font-size: 13px; font-weight: 400 !important; color: #000 !important;}
.inline.fields .skin-box .custom-radio label::before { margin-right: 8px; content: ''; display: inline-block; vertical-align: middle; height: 32px !important; width: 32px !important; border: none !important; background-repeat: no-repeat !important; position: relative; top: 0px;}
.inline.fields .skin-box .custom-radio.skintone-vfair-female label::before { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-very-fair.png) !important; background-size: 32px !important;}
.inline.fields .skin-box .custom-radio.skintone-fair-female label::before { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-fair.png) !important; background-size: 32px !important;}
.inline.fields .skin-box .custom-radio.skintone-wheatish-female label::before { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-wheatish.png) !important; background-size: 32px !important;}
.inline.fields .skin-box .custom-radio.skintone-dark-female label::before { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-dark.png) !important; background-size: 32px !important;}
.inline.fields .skin-box .custom-radio.skintone-vfair-male label::before { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/m-very-fair.png) !important; background-size: 32px !important;}
.inline.fields .skin-box .custom-radio.skintone-fair-male label::before { background: url(https://storage.googleapis.com/matrimony-assets/admin/img/m-fair.png) !important; background-size: 32px !important;}
.inline.fields .skin-box .custom-radio.skintone-wheatish-male label::before { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/m-wheatish.png) !important; background-size: 32px !important;}
.inline.fields .skin-box .custom-radio.skintone-dark-male label::before { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/m-dark.png) !important; background-size: 32px !important;}
.inline.fields .skin-box .custom-radio label::after { display: none !important;}
.inline.fields .skin-box .custom-radio { margin: 0px 1% 2%; float: left; width: 48%;}
.inline.fields .skin-box .custom-radio label i { margin: 0px; display: inline-block; vertical-align: middle;}
.inline.fields .skin-box .custom-radio label span { display: inline-block; vertical-align: middle;}
.need-help { display: block; margin-top: 5px;}
.text-blur { -webkit-filter: blur(3px); filter: blur(3px);}
.card-btn { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%,-50%) !important; width: 70% !important; z-index: 25;}
.bodytype-box { display: block; margin: 0% -1% -10px; overflow: hidden;}
.bodytype-box .custom-radio { margin: 0px 1% 10px; float: left; width: 23%;}
.bodytype-box .custom-radio label { font-size: 13px !important; width: auto; padding: 5px 10px !important; font-weight: 400 !important; color: #000 !important;}
.bodytype-box .custom-radio label::before { content: ''; margin: 0px auto; display: block; height: 80px !important; width: 30px !important; border: none !important; background-repeat: no-repeat !important; position: relative; top: 0px;}
.inline.fields .bodytype-box .custom-radio.body-skinny-female label::before { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-skinny.png) !important; background-size: 30px 80px !important;}
.inline.fields .bodytype-box .custom-radio.body-slim-female label::before { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-slim.png) !important; background-size: 30px 80px !important;}
.inline.fields .bodytype-box .custom-radio.body-average-female label::before { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-average.png) !important; background-size: 30px 80px !important;}
.inline.fields .bodytype-box .custom-radio.body-fat-female label::before { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-fat.png) !important; background-size: 30px 80px !important;}
.inline.fields .bodytype-box .custom-radio.body-skinny-male label::before { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/m-skinny.png) !important; background-size: 30px 80px !important;}
.inline.fields .bodytype-box .custom-radio.body-slim-male label::before { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/m-slim.png) !important; background-size: 30px 80px !important;}
.inline.fields .bodytype-box .custom-radio.body-average-male label::before { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/m-average.png) !important; background-size: 30px 80px !important;}
.inline.fields .bodytype-box .custom-radio.body-fat-male label::before { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/m-fat.png) !important; background-size: 30px 80px !important;}
.bodytype-box .custom-radio label::after { display: none !important;}
.wd-template { position: absolute !important; top: 12px; right: 20px;}
.wd-template.ui.dropdown>.text { float: right;}
.wd-template.ui.dropdown .menu { left: auto !important; top: 165% !important; right: -3em !important; max-width: 100% !important; min-width: 150px !important;}
.wd-template.ui.dropdown .menu>* { white-space: initial;}
.wd-template.ui.dropdown .menu>.item { font-size: 14px; line-height: 20px; border-top: 1px solid rgba(34, 36, 38, .1) !important;}
.wd-template.ui.dropdown .menu>.item:nth-child(1) { border-top: none !important;}
.wd-template.ui.dropdown .scrolling.menu { border: 1px solid #1d83ef; box-shadow: none !important; border-radius: 0.25em !important;}
.wd-template.ui.dropdown .menu:after { display: block; position: absolute; pointer-events: none; content: ''; visibility: visible; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: .8em; height: .8em; -webkit-box-shadow: -1px -1px 0 0 #1d83ef !important;
    box-shadow: -1px -1px 0 0 #1d83ef !important; background: #fff; z-index: 99; right: 8em; left: auto; top: -4px; margin: 0;}
.wd-template.ui.dropdown .scrolling.menu:after { display: none !important;}
.wd-template.ui.dropdown .button { width: 150px !important;}
.card-activate { background-color: #f6f6f6 !important; box-shadow: 0 4px 6px 0 #fff3f3 !important; border: solid 1px #d0d0d0 !important;}
.pro-status-sm i { width: 16px; height: 16px; background-size: 16px; position: relative; top: 3px;}
.pro-status i { width: 16px; height: 16px; background-size: 16px; position: relative; top: 3px;}
.wd-footer { padding: 46px 0px 0px !important; background: #fff !important; border-top: solid 1px #dce3e6 !important;}
.wd-footer .ui.container { width: 100%; max-width: 1400px !important;}
.wd-footer .header.item { color: #242422 !important; margin-top: 0px !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.88 !important; letter-spacing: 1.1px; padding-top: 0px !important; margin-bottom: 0px !important; text-transform: capitalize !important;}
.wd-footer .ui.vertical.menu { width: 100% !important;}
.wd-copyrights { margin-top: 30px; padding: 30px 0px; border-top: solid 1px #dce3e6 !important;}
.wd-copyrights .column { position: initial !important;}
.social-link { text-align: right; vertical-align: middle !important;}
.social-link a { margin-top: 15px; display: inline-block;}
.wd-footer .ui.vertical.menu a.item { margin: 0px !important; padding: 0px !important; line-height: 2.86; color: #737373; font-size: 14px;}
.wd-footer .ui.vertical.menu a.item:hover { color: #333;}
.wd-footer .ui[class*="five column"].grid>.column:nth-child(1) { width: 30% !important;}
.wd-footer .ui[class*="five column"].grid>.column:nth-child(2) { width: 20% !important;}
.wd-footer .ui[class*="five column"].grid>.column:nth-child(3) { width: 15% !important;}
.wd-footer .ui[class*="five column"].grid>.column:nth-child(4) { width: 15% !important;}
.wd-footer .ui[class*="five column"].grid>.column:nth-child(5) { width: 20% !important;}
.temp-footer { margin: -15px auto 0px; text-align: center;}
.temp-footer a { margin: 0px !important; padding: 0px !important; line-height: 2.86; color: #737373; font-size: 14px;}
.temp-footer a:hover { color: #333;}
.temp-footer a+a::before { content: '|'; display: inline-block; margin: 0px 10px; color: #737373; line-height: 18px;}
.ui.search>.results { overflow-x: hidden; overflow-y: auto; max-height: 20.2rem !important; margin: 0px; box-shadow: none !important; border-color: #1d83ef !important; border-top: none; top: 99%; border-top-left-radius: 0px; border-top-right-radius: 0px;}
.top-stats.ui.menu:not(.vertical) .item { -webkit-box-align: flex-start !important; -ms-flex-align: flex-start !important; align-items: flex-start !important; padding: 1em !important;}
.wd-item-completed { opacity: 0.5;}
.alert-card .content { padding: 18px 25px !important;}
.privacy-options .album-content { padding-left: 0px; justify-content: center; flex-direction: row; align-items: center; flex-wrap: wrap; width: auto;}
.privacy-options .album-content .row.w-100 { width: auto !important;}
.alert-card.bg-yellow { background: #f8f3c1 !important;}
.alert-card .header { font-weight: 400 !important; font-size: 24px !important;}
.circle-bar.p100:before { content: ' '; width: 100px; height: 100px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/dots.svg) no-repeat; background-size: 100px; position: absolute; top: -15px; left: -15px;}
.match-upgrade { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; background: rgba(255,255,255,.8); z-index: 15;}
.reverse-upgrade { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; background: rgba(255,255,255,.9); z-index: 10;}
.reverse-upgrade .content { font-size: 24px; line-height: 30px; color: #1d83ef; max-width: 400px; text-align: center;}
.ui.basic.active.wd-menu-button .button, .ui.basic.buttons.wd-menu-button .active.button { background: #fff !important;}
.wd-mobi-menu { padding: 0px 0px 50px; position: absolute; left: 10px; top: 10px; right: 10px; background: #fff; -webkit-box-shadow: 0 50px 100px -20px rgba(50,50,93,.25), 0 30px 60px -30px rgba(0,0,0,.3), 0 -18px 60px -10px rgba(0,0,0,.025); height: 0px; display: none;
    box-shadow: 0 50px 100px -20px rgba(50,50,93,.25), 0 30px 60px -30px rgba(0,0,0,.3), 0 -18px 60px -10px rgba(0,0,0,.025); border-radius: 4px; opacity: 0; visibility: hidden; -webkit-transform: scale(.99);
    transform: scale(.99); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; will-change: transform,opacity; -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform; -webkit-transition-duration: .25s; transition-duration: .25s;}
.wd-mobi-menu-active { -webkit-transform: none; transform: none; opacity: 1; visibility: visible; height: auto; display: block; z-index: 163;}
.wd-menu-close { margin: 2px 0px !important; padding: 0px !important; float: right; width: 40px; height: 40px; position: absolute; z-index: 99; top: 10px; right: 12px;}
.wd-menu-close i { width: 20px !important; height: 20px !important; background-size: 20px !important; opacity: 0.4 !important; position: relative; top: 2px;}
.category-group.ui.stackable.grid { margin: 0px !important;}
.ui.stackable.grid.category-group>.column:not(.row) { padding-top: 5px !important; padding-bottom: 5px !important;}
.ui.stackable.grid.category-group>.column:nth-child(1) { padding-top: 0px !important;}
.category-group .ui.card { border-radius: 4px !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03) !important; border: solid 1px rgba(151, 151, 151, 0.2) !important;}
.category-group .card .header { font-size: 15px !important;}
.category-group .card img { margin-right: 20px; width: 40px;}
.wd-mobi-menu .ui.vertical.text.menu .item { padding-right: 0px !important; padding-left: 0px !important; margin-top: 0px !important; width: 100% !important; float: left;}
.wd-mobi-menu .ui.fluid.item { padding: 0.942em 1em !important; font-weight: 400;}
.wd-menu-button { border: none !important; background-color: transparent !important; /*padding: 0px 15px;*/}
.wd-menu-button i { display: block; width: 32px; height: 32px; background-size: 32px;}
.wd-menu-button .ui.button { padding: 0px !important; position: relative; width: 25px; height: 25px; top: 2px; background: transparent !important;}
.wd-menu-button .m-line { position: absolute; width: 26px; height: 3px; left: 0px; border-radius: 1px; background: #000;}
.wd-menu-button .m-line:nth-child(1) { top: 0px;}
.wd-menu-button .m-line:nth-child(2) { top: 9px; }
.wd-menu-button .m-line:nth-child(3) { top: 18px;}
.profile-label { margin: 8px 15px 10px 5px !important; padding: 4px !important; width: 200px; display: none !important; border-radius: 4px !important; border: solid 1px rgba(151, 151, 151, 0.4) !important; flex-wrap: wrap; flex-direction: row;}
.profile-label span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 28px;}
.profile-label.ui.label>img { width: 28px !important; height: 28px !important; float: left;}
.sticky-bottom-menu {  z-index: 162; display: none;}
.sticky-bottom-menu .ui.menu { border: none; background-color: #fff !important; border-radius: 0px !important; box-shadow: 0 4px 6px 0 rgba(157, 157, 157, 0.15) !important;}
.sticky-bottom-menu .ui.menu .item { font-size: 12px; color: #646464;}
.sticky-bottom-menu .ui.menu .item.active { color: #ff0037; border-bottom: none !important; font-weight: 600;}
.sticky-bottom-menu .ui.menu .item.active .i-dashboard { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/user-pink.png); background-repeat: no-repeat;}
.sticky-bottom-menu .ui.menu .item.active .i-hearts { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/hearts-pink2.png); background-repeat: no-repeat;}
.sticky-bottom-menu .ui.menu .item.active .i-message { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/message-pink.png); background-repeat: no-repeat;}
.sticky-bottom-menu .ui.menu .item.active .i-bell { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/bell-pink.png); background-repeat: no-repeat;}
.sticky-bottom-menu .ui.menu .item.active .i-crown { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/crown-pink.svg); background-repeat: no-repeat;}
.sticky-bottom-menu .ui.menu .item:before { display: none !important;}
.sticky-bottom-menu .ui.menu .item .custom-floating { top: 5px !important; left: 72% !important; z-index: 10;}
.sticky-bottom-menu.ta .ui.menu .item { font-size: 10px;}
.popup-header { width: calc(100% - 40px); padding-left: 15px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: absolute; top: 12px;}
.popup-header .header { padding: 0px 15px 0px 0px; font-weight: 600;}
.ui.cards.upload-options { margin: 0px; padding: 20px 15px 0px;}
.upload-options .ui.card { width: calc(50% - 1em);}
.ui.selection.dropdown .menu.mh-xs { max-height: 3rem !important;}
.wd-popup-menu { padding: 12px 0px 0px; position: absolute; left: 10px; top: 10px; right: 10px; background: #fff; border-radius: 4px; opacity: 0; visibility: hidden; -webkit-transform: scale(.99); transform: scale(.99);-webkit-transform-origin: 100% 0;
    transform-origin: 100% 0; will-change: transform,opacity; -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform;
    -webkit-transition-duration: .25s; transition-duration: .25s; -webkit-box-shadow: 0 50px 100px -20px rgba(50,50,93,.25), 0 30px 60px -30px rgba(0,0,0,.3), 0 -18px 60px -10px rgba(0,0,0,.025); height: 0px; display: none;
    box-shadow: 0 50px 100px -20px rgba(50,50,93,.25), 0 30px 60px -30px rgba(0,0,0,.3), 0 -18px 60px -10px rgba(0,0,0,.025); border-radius: 4px;}
.popup-brnd { float: left; margin-left: 15px; width: 190px; margin-top: 2px;}
.popup-brnd img { width: 100%;}
.wd-popup-menu .profile-label { margin: 0px 15px 0px 0px !important; display: block !important; float: right;}
.wd-popup-menu .ui.cards { margin-top: 0px !important; display: inline-block; width: 100%; padding: 20px; }
.wd-popup-menu-active { -webkit-transform: none; transform: none; opacity: 1; visibility: visible; height: auto; display: block; z-index: 109999999;}
.wd-popup-close { margin: 2px 0px !important; padding: 0px !important; float: right; width: 40px; height: 40px; position: absolute; z-index: 99; top: 10px; right: 12px;}
.wd-popup-close i { width: 20px !important; height: 20px !important; background-size: 20px !important; opacity: 0.4 !important; position: relative; top: 2px;}
.popup-bottom { padding: 20px 20px 15px; text-align: center; position: fixed; bottom: 0px; left: 0px; right: 0px; background: #fff; box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.08);}
.popup-bottom .wd-menu-close { margin: 0px !important; padding: 0px !important; float: none; width: 40px; height: 40px; position: relative; z-index: 99; top: 0px; right: 0px; background: #fff !important; border: 1px solid #d5d5d5 !important;}
.popup-bottom .wd-menu-close i { opacity: 0.2 !important;}
.wd-popup-menu .ui.cards .ui.card .pro-status { position: absolute; top: -6px; right: -5px; z-index: 15; cursor: pointer;}
.popup-close { position: absolute; padding: 0px; right: 10px; top: 6px; width: 40px; height: 40px; border: none; background: #fff; outline: none; z-index: 15;}
.popup-close::before { content: ""; position: absolute; background: #343a40; border-radius: 1px; left: 8px; right: auto; top: 20px; height: 3px; width: 25px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: background .1s;
    transition: background .1s;}
.popup-close::after { content: ""; position: absolute; background: #343a40; border-radius: 1px; left: 8px; right: auto; top: 20px; height: 3px; width: 25px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: background .1s;
    transition: background .1s;}
.wd-popup-menu .ui.vertical.text.menu .item { font-size: 15px !important; color: #000;}
.mobi-contact-lightbox { padding: 0px; position: absolute; left: 10px; top: 10px; right: 10px; background: #fff; -webkit-box-shadow: 0 50px 100px -20px rgba(50,50,93,.25), 0 30px 60px -30px rgba(0,0,0,.3), 0 -18px 60px -10px rgba(0,0,0,.025);
    box-shadow: 0 50px 100px -20px rgba(50,50,93,.25), 0 30px 60px -30px rgba(0,0,0,.3), 0 -18px 60px -10px rgba(0,0,0,.025); border-radius: 4px; opacity: 0; visibility: hidden; -webkit-transform: scale(.99);
    transform: scale(.99); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; will-change: transform,opacity; -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform; -webkit-transition-duration: .25s; transition-duration: .25s; height: 0px; display: none;}
.wd-contact-active { -webkit-transform: none; transform: none; opacity: 1; visibility: visible; height: auto; display: block; z-index: 163;}
.mobi-contact-lightbox .menu { padding: 15px 0px 70px; display: block;}
.mobi-contact-lightbox .menu .ui.header { padding: 0px 15px !important;}
.mobi-contact-lightbox .menu .item { padding: .78571429em 15px !important; display: block; font-size: 1em!important; line-height: 1em; white-space: nowrap; color: rgba(0, 0, 0, .87)!important;}
.mobi-contact-lightbox .menu .item i { display: inline-block; vertical-align: middle; width: 28px; height: 18px; background-size: 56px; margin-right: 7px;}
.input-range__track { background: #dee4ec !important;}
.input-range__track--active { background: #a5aeb9 !important;}
.input-range__slider { border: 4px solid #a5aeb9 !important; box-shadow: 0 1px 3px rgba(167, 174, 184, 0.3) !important; cursor: pointer; background: #fff !important; width: 24px !important; height: 24px !important; top: -5px !important;}
.input-range__label--value { top: -3rem !important;}
.input-range__label--value .input-range__label-container { background-color: #a5aeb9 !important; font-size: 12px !important; color: #fff !important; line-height: 1 !important; padding: 3px 5px !important; border-radius: 4px;}
.input-range__label--value .input-range__label-container::after { position: absolute !important; display: block !important; content: ""; bottom: -6px !important; left: 50% !important; width: 0 !important; height: 0 !important; margin-left: -3px !important;
    overflow: hidden !important;
    border: 3px solid transparent !important; border-top-color: #a5aeb9 !important;}
.input-range__label--max { top: -2.3rem !important;}
.input-range__label--max .input-range__label-container { background-color: #f5f5f5 !important; color: #333 !important; line-height: 1 !important; padding: 3px 5px !important; border-radius: 4px !important; font-size: 12px !important;}
.notify-list .item { padding: 12px 15px !important; border-top: solid 1px rgba(100, 100, 100, 0.1) !important;}
.notify-list .item:hover { background-color: rgba(180,180,180,.09);}
.notify-list .item a { display: flex; flex-direction: row; flex-wrap: wrap;}
.notify-list .item .thumb { margin-right: 16px; min-width: 35px; width: 35px; height: 35px; border-radius: 100%; /*float: left;*/ position: relative;}
.notify-list .item .thumb.female { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/default-girl.png) no-repeat; background-size: 100%;}
.notify-list .item .thumb.male { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/default-boy.png) no-repeat; background-size: 100%;}
.notify-list .item .thumb img { width: 100%; height: 100%; object-fit: cover;}
.notify-list .item .description { display: flex !important; flex-direction: row; align-items: center; width: calc(100% - 52px);}
.notify-list .item .description .right { margin-left: auto;}
.notify-list .item.viewed { background-color: rgba(180,180,180,.09);}
.notify-list .item .icon-center { display: block; width: 12px; height: 12px; position: absolute; top: 11px; left: 11px; background-size: 12px;}
.notify-list .item .thumb .badge { width: 20px; height: 20px; position: absolute; bottom: -5px; right: -5px; overflow: hidden; border-radius: 100%; text-align: center; font-size: 9px; line-height: 17px; color: #fff;}
.notify-list .item .thumb .badge i { width: 10px; height: 10px; display: block; position: absolute; top: 50%; left: 50%; background-size: 10px; transform: translate(-50%,-50%);}
.match-description { margin-left: 0px; padding: 0px 5px; font-size: 12px; font-style: normal; color: #b4b4b4; line-height: 14px; width: 16px !important; height: 16px !important; background-size: 16px; border-radius: 100%; border: 1px solid rgba(0,0,0,.2);
    background: #fff; cursor: pointer;}
.additional-info-card { padding: 20px !important; box-shadow: 0 12px 14px 0 rgba(0, 0, 0, 0.13) !important; border-radius: 0px !important; -webkit-box-align: flex-start !important; -ms-flex-align: flex-start !important; align-items: flex-start !important;}
.additional-info-card span { min-width: 50px; width: 50px; height: 50px; border-radius: 100%; background-color: rgba(0, 0, 0, 0.15); position: relative;}
.additional-info-card span i { margin: 0px auto; display: block; width: 32px; height: 32px; background-size: 32px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.additional-info-card .content { padding-left: 20px;}
.additional-info-card p { margin-right: 60px !important; font-size: 13px;}
.uploar-wrapper { margin: 0px; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.uploar-wrapper .item { margin: 0px 10px; width: 200px; text-align: center;}
.guideline-xs { display: none !important;}
.footer-map-wrapper { overflow: hidden;}
.footer-map { top: -50px; position: relative; width: 730px; height: 470px; margin: 0 auto; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/footermap.png) no-repeat bottom; background-size: 100%;}
.map-dot { width: 14px; height: 14px; border-radius: 14px; box-shadow: 0 1px 1px 0 rgba(0,0,0,.05); background-color: #2393fa; border: 2px solid #fff; position: relative; cursor: pointer;}
.map-dot:before { position: absolute; background: rgba(35,147,250,.3); margin-left: -5px; margin-top: -5px; width: 20px; height: 20px; content: ""; display: block; border-radius: 50%; -webkit-animation: wave 3s infinite linear; animation: wave 3s infinite linear;}
.map-dot:after { position: absolute; background: rgba(35,147,250,.3); margin-left: -5px; margin-top: -5px; width: 20px; height: 20px; content: ""; display: block; border-radius: 50%; opacity: 0; -webkit-animation: wave 3s 1.5s infinite linear; animation: wave 3s 1.5s infinite linear;}
.dot-us { top: 45%; left: 25%; position: absolute;}
.dot-uk { top: 30%; left: 54%; position: absolute;}
.dot-fr { top: 46%; left: 50%; position: absolute;}
.dot-de { top: 40%; left: 58%; position: absolute;}
.dot-ch { top: 52%; left: 58%; position: absolute;}
.dot-ca { top: 33%; left: 18%; position: absolute;}
.dot-in { top: 59%; left: 67%; position: absolute;}
.dot-lk { top: 67%; left: 69%; position: absolute;}
.dot-au { top: 85%; left: 88%; position: absolute;}
.ui.form .four.fields.marriage-stats { flex-wrap: wrap;}
.ui.form .four.fields.marriage-stats>.field { margin-bottom: 15px; width: 50%;}
.saved-cards .ui.fluid.card .card-hover { display: none;}
.saved-cards .ui.fluid.card:hover .card-hover { display: block;}
.saved-cards .ui.fluid.card:hover .content { -webkit-filter: blur(5px); filter: blur(5px);}
.page-form { margin: 0px auto; padding-top: 20px; max-width: 650px;}
.login-form { max-width: 530px !important;}
.wd-form-title { margin: 0px auto 20px; font-size: 20px; color: #000; font-weight: 400; text-align: center; max-width: 600px; line-height: 24px;}
.page-form .ui.card { padding: 0px; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);}
.page-form .ui.card .card-head, .page-form .ui.card .content { padding: 25px 60px;}
.card-head h3.ui.header { font-size: 18px !important; font-weight: 500 !important;}
.login-form .ui.card .card-head, .login-form .ui.card .content { padding: 25px 40px;}
.page-form .ui.form .field>label, .page-form .ui.form .inline.fields label:nth-child(1) { margin-bottom: 6px; font-size: 14px !important; color: #4a5669 !important; font-weight: 500; outline: none;}
.ui.form .inline.fields>label.w-50.lh-md { font-size: 14px !important; color: #4a5669 !important; font-weight: 500; outline: none;}
.page-form .ui.form .field.error>label, .page-form .ui.form .inline.fields label.error:nth-child(1) { color: #9f3a38 !important;}
.page-form .ui.form .field>label.w-50, .page-form .ui.form .inline.fields label.w-50 { width: 48% !important;}
.ui.form .field.error>label.w-50.lh-md, .ui.form .inline.fields.error>label.w-50.lh-md:nth-child(1) { color: #9f3a38 !important;}
.ui.form .field>label { font-size: 14px;}
.ui.button { font-weight: 500 !important;}
.custom-input::-webkit-input-placeholder { font-size: 16px; font-weight: 400;}
.custom-input::-moz-placeholder {font-size: 16px; font-weight: 400;}
.custom-input:-ms-input-placeholder { font-size: 16px; font-weight: 400;}
.custom-input::placeholder { font-size: 16px; font-weight: 400;}
::-webkit-input-placeholder { color: #ccc;}
::-moz-placeholder { color: #ccc;}
:-ms-input-placeholder { color: #ccc;}
::placeholder { color: #ccc;}
.steps-wrapper { margin: 0px auto 0px; padding: 0px 0px 30px; position: relative; display: inline-block; width: 100%; overflow: hidden;}
.steps-wrapper::before { content: ''; width: 100%; height: 2px; background: #ff0037; position: absolute; left: -50%; bottom: 10px; z-index: -1;}
.steps-wrapper::after { content: ''; width: 100%; height: 2px; background: #d5d5d6; position: absolute; right: -50%; bottom: 10px; z-index: -1;}
#progressbar { margin: 0px auto; padding: 0px; counter-reset: step; width: 100%; text-align: center;}
#progressbar li { list-style-type: none; color: #9e9e9e; text-transform: uppercase; font-size: 12px; font-weight: 600; width: 33.33%; float: left; position: relative; letter-spacing: 1px;}
#progressbar li a { color: #9e9e9e; }
#progressbar li:before { content: ''; width: 15px; height: 15px; display: block; background: #f6f7f8; border-radius: 25px; margin: 0px auto; position: absolute; left: 45%; bottom: -26px; border: 2px solid #afafaf; z-index: 9;}
#progressbar li:after { content: ''; width: 100%; height: 2px; background: #c4c4c5; position: absolute; left: -50%; bottom: -20px; z-index: 5;}
#progressbar li:first-child:after { content: none;}
#progressbar li.active, #progressbar li.active a { color: #ff0037;}
#progressbar li.active:before, #progressbar li.active:after { background: #ff0037; border: 0px solid #ff0037;}
.tablet.mobile .wd-brand img { width: 100%;}
.income-group-full { margin: 0px -10px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.income-item { padding: 0px 10px;-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
.income-item:nth-child(1) { width: 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;}
.income-item:nth-child(3) { padding: 0px !important; margin-right: -5px;}
.income-item:nth-child(2) { width: 28.5%; -ms-flex: 0 0 28.5%; flex: 0 0 28.5%; max-width: 28.5%; }
.income-item:nth-child(4) { width: 28.5%; -ms-flex: 0 0 28.5%; flex: 0 0 28.5%; max-width: 28.5%;}
.income-group .ui.selection.dropdown { min-width: 6.7em !important;}
.preference-filter .income-group .ui.selection.dropdown { min-width: 6em !important;}
.ui.form .two.fields.income-group>.field:nth-child(1) { width: 23%;}
.ui.form .two.fields.income-group>.field:nth-child(2) { width: 77%;}
.ui.form .two.fields.income-group .ui.selection.dropdown { min-width: 5em !important;}
.page-form .ui.form .two.fields.income-group .ui.selection.ui.dropdown>.text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 22ch; line-height: 18px;}
.ui.form .two.fields.income-group .ui.selection.dropdown .menu>.item { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.wd-form-divider { margin: 0px -60px; padding: 30px 0px; text-align: center; position: relative;}
.wd-form-divider .ui.header { margin: 0px; position: relative; font-weight: 500 !important;}
.wd-form-divider .ui.header span { margin: 0px auto; padding: 0px 15px; font-size: 16px !important; color: #000 !important; background: #fff; display: inline-block; z-index: 5; position: relative;}
.wd-form-divider .ui.header::before { content: ''; border: 0.5px solid #e6e6e6; position: absolute; left: 0px; width: 50%; top: 52%; z-index: 1;}
.wd-form-divider .ui.header::after { content: ''; border: 0.5px solid #e6e6e6; position: absolute; right: 0px; width: 50%; top: 52%; z-index: 1;}
.custom-input { padding: 0.75em 1em !important; font-size: 18px !important; font-weight: 600 !important;}
.form-divider { text-align: center; position: relative;}
.form-divider::before { content: ''; border: 0.03em solid #e6e6e6; position: absolute; left: 0px; width: 42%; top: 21px;}
.form-divider::after { content: ''; border: 0.03em solid #e6e6e6; position: absolute; right: 0px; width: 42%; top: 21px;}
.form-divider span { margin: 0px; padding: 0px; display: inline-block; font-size: 12px; font-weight: 500; line-height: 40px; color: #646464; border: 1px solid #e6e6e6; border-radius: 100%; width: 40px; height: 40px;}
.icon-left-arrow { border: solid black; border-width: 0 1px 1px 0; display: inline-block; padding: 4px; transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.help-notes { padding: 0px 5px; display: inline-block; width: 14px; height: 14px; background: #d2e6fc; border-radius: 100%; font-size: 10px; font-style: normal; line-height: 14px; position: relative; top: -1px; color: #1d83ef;}
.page-form i.icon.delete:before { content: "×" !important;}
.page-form .ui.label>.close.icon, .page-form .ui.label>.delete.icon { opacity: 1.0;}
.wd-radio-box label { padding: 12px 10px; border-radius: 2px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03); border: solid 1px rgba(151, 151, 151, 0.2); cursor: pointer;}
.wd-radio-box.ui.radio.checkbox .box, .wd-radio-box.ui.radio.checkbox label { padding-left: 2.85714em !important;}
.wd-radio-box.ui.radio.checkbox .box:before, .wd-radio-box.ui.radio.checkbox label:before { top: 13px !important; left: 15px !important;}
.wd-radio-box.ui.radio.checkbox .box:after, .wd-radio-box.ui.radio.checkbox label:after { top: 13px !important; left: 15px !important;}
.rbt-menu.dropdown-menu { padding: 10px 0px 0px 0px !important; margin: 0px !important; top: -1px !important; border-radius: 2px !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03) !important; border: solid 1px rgba(151, 151, 151, 0.2) !important; padding: 0px; list-style: none; z-index: 9 !important;
    background-color: #fff !important;}
.searchResults { padding: 8px 15px !important; color: rgba(0,0,0,.87) !important;}
.searchResults:hover { color: rgba(0,0,0,.95) !important; background: rgba(0,0,0,.05) !important;}
.rbt.clearfix.open.myclass { border-radius: 2px !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03) !important; border: solid 1px rgba(151, 151, 151, 0.2) !important;}
.rbt-input { border: none !important;}
.wd-container-box { margin: 0px auto 80px; display: block; width: 100%; max-width: 1024px; /*max-width: 1150px;*/}
.wd-container-box.no-leftbar { max-width: 810px;}
.wd-container-box.no-leftbar .box-left { display: none !important;}
.wd-container-box.no-leftbar .box-content { margin-left: 0px;}
.box-left { position: relative; float: left; width: 200px;}
.box-left .ui.vertical.menu { box-shadow: 0 4px 6px 0 rgba(157, 157, 157, 0.11) !important; border: none !important; border-radius: 0px !important;}
.box-left .ui.vertical.menu .item { color: #646464 !important; border-radius: 0px !important; border-left: 1px solid #fff;}
.box-left .ui.vertical.menu .active.item { color: #000 !important; background: transparent; border-bottom: none; border-left: 1px solid #ff0037;}
.box-content { margin-left: 215px;}
.box-content .content-container { position: relative; box-shadow: 0 4px 6px 0 rgba(157, 157, 157, 0.11); background-color: #ffffff;}
.box-content .header { margin: 0px; padding: 18px 30px;  display: block; font-size: 16px; font-weight: 500; border-radius: 2px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border: solid 1px #deeaf3; background-color: #f4faff; width: 100%;}
.box-content .content { padding: 20px 20px 0px;}
.ui.divided.list.edit-list .item { padding: 20px 12px; border-top: solid 1px rgba(100, 100, 100, 0.15); display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;}
.ui.divided.list.edit-list .item .left { display: flex; align-items: center; width: calc(100% - 100px);}
.ui.divided.list.edit-list .item .left .label { min-width: 150px;}
.ui.divided.list.edit-list .item .right { margin-left: auto;}
.ui.divided.list.edit-list .item:nth-child(1) { border-top: none;}
.ui.divided.list.edit-list .item .content { padding: 0px !important; overflow: hidden;}
.ui.divided.list.notification-list .item { padding: 20px 12px; display: flex; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-top: solid 1px rgba(100, 100, 100, 0.15);}
.ui.divided.list.notification-list .item:nth-child(1) { border-top: none;}
.ui.divided.list.notification-list .item .left { padding-right: 30px;}
.ui.divided.list.notification-list .item .right { display: flex; margin-left: auto; width: 122px;}
.ui.divided.list.notification-list .item .right .ui.fluid.dropdown { width: 122px !important;}
.ui.three.column.doubling.stackable.grid.delete-option { margin: -0.5rem !important;}
.ui.three.column.doubling.stackable.grid.delete-option .column { padding: 0.75rem !important; width: 50%;}
.check-radio { margin: 0px; padding: 0px; display: inline-block;}
.check-radio input[type=radio] { display: none;}
.check-radio label { margin: 0px; padding: 21px 10px !important; display: block !important; -webkit-font-smoothing: antialiased; font-size: 14px !important; font-weight: 600; color: #646464 !important; text-align: center; cursor: pointer !important; border-radius: 2px !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) !important; border: solid 1px rgba(151, 151, 151, 0.4) !important; background-color: rgba(180, 180, 180, 0.08) !important;}
.check-radio label .checkmark { margin-right: 8px; display: inline-block; }
.check-radio input:checked + label { color: #1d83ef !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important; border: solid 1px #1d83ef !important; background-color: #f5faff !important;}
.check-radio input:checked + label:hover { color: #1d83ef;}
.check-radio input + label .checkmark:after { content: ''; display: block; width: 6px; height: 12px; border: solid #f9f9f9; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.check-radio input:checked + label .checkmark:after { content: ''; display: block; width: 6px; height: 12px; border: solid #1d83ef; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.ui.checkbox.check-radio .box:before, .ui.checkbox.check-radio label:before { display: none !important;}
.ui.checkbox.check-radio .box:after, .ui.checkbox.check-radio label:after { display: none !important;}
.page-form .ui.form .inline.fields .update-dp label { margin-bottom: 0px !important; font-size: 9px !important; color: #fff !important; display: block;}
.middle-progress { background-color: rgba(0, 0, 0, .46) !important; position: absolute; top: 0!important; left: 0!important; width: 100%; height: 100%; z-index: 9;}
.middle-progress .ui.progress { width: 90%; background: rgba(255,255,255,0.19);}
.middle-progress .ui.tiny.progress.wd-xs-progress .bar { height: 1px !important; background-color: #fff;}
.chart-table { background: #ffe2e2; border-radius: 2px; width: 100%; overflow-x: auto;}
.chart-table table { width: 100%; max-width: 100%; border-collapse: collapse;}
.chart-table table td { padding: 15px; border: 1px solid rgba(151,151,151,.19); border-collapse: collapse;}
.chart-table table td .ui.selection.dropdown .menu>.item { white-space: nowrap !important; text-overflow: ellipsis !important; overflow: hidden !important;}
.verification-wrapper { display: flex; flex-direction: row;}
.verify-label { min-width: 100px;}
.profile-pregress { display: flex; width: 100%; flex-direction: row;}
.statusbar { display: flex; width: 100%;}
.statusbar .levels { width: 25%; height: 100%; float: left; cursor: pointer;}
.statusbar .levels:nth-child(1) span { border-radius: 30px 0px 0px 30px;}
.statusbar .levels:last-child span { border-radius: 0px 30px 30px 0px;}
.statusbar .levels+.levels { border-left: 1px solid #fff;}
.statusbar .levels span { width: 100%; height: 20px; display: block; text-align: center; font-size: 10px; line-height: 20px; font-weight: 500; color: #fff;}
.statusbar span.level1 { background-color: #d8d8d8;}
.statusbar span.level2 { background-color: #ffcc1c; color: #000;}
.statusbar span.level3 { background-color: #1d83ef;}
.statusbar span.level4 { background-color: #4ab48a;}
.ui.accordion.verify-list .row { margin-bottom: 12px; border-radius: 2px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); background-color: #ffffff;}
.ui.cards.verify-list { margin: 0px !important;}
.ui.cards.verify-list .ui.card { margin: 0px 0px 12px !important; border-radius: 2px !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important; background-color: #ffffff !important;}
.ui.cards.verify-list .ui.card .content { padding: 20px;}
.ui.cards.verify-list .ui.card .header { padding: 0px; font-size: 16px; color: #000; background-color: transparent; border: none;}
.ui.cards.verify-list .ui.card .description { font-size: 13px;}
.verify-icon { width: 34px; height: 34px; min-width: 34px; display: flex; border-radius: 100%; background-color: #fff; position: relative; border: solid 1px rgba(29,131,239,.12);}
.verify-icon i { width: 16px; height: 16px; background-size: 16px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.verify-complete { opacity: 0.5;}
.verify-complete .header { text-decoration: line-through;}
.ui.form:not(.unstackable) .four.fields.time-group .ui.selection.dropdown .menu>.item { white-space: nowrap !important;}
.ui.form:not(.unstackable) .four.fields.time-group .field:nth-child(1) { width: 30% !important;}
.ui.form:not(.unstackable) .four.fields.time-group .field:nth-child(3) { width: 20% !important;}
.sub-heading { margin: 0px -25px 20px; padding: 15px 25px; background-color: #f5faff !important; border-radius: 0px !important;}
.sub-title { font-weight: 500 !important; color: #4a5669 !important;}
.age-group { max-width: 300px;}
.card-edit { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 10;}
.card-overlay { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 5; opacity: 0.81; background: rgba(0,0,0,.2);}
.page-title { font-size: 20px; font-weight: 500 !important;}
.album-guide { padding-left: 30px;}
.tag-img { position: relative;}
.tag-img img { margin-bottom: 20px; max-width: 60% !important;}
.tag-img::before { content: ""; position: absolute; left: -40px; top: 75%; width: 34px; height: 90px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/angle.png) no-repeat; background-size: 34px 90px;}
[slider] { position: relative; height: 14px; border-radius: 10px; text-align: left; margin: 22px 0px 15px;}
[slider] > div { position: absolute; left: 0px; right: 0px; height: 10px;}
[slider] > div > [inverse-left] { position: absolute; left: 0; height: 10px; border-radius: 5px; background-color: #e1e4e9; margin: 0px 7px;}
[slider] > div > [inverse-right] { position: absolute; right: 0; height: 10px; border-radius: 5px; background-color: #e1e4e9; margin: 0px 7px;}
[slider] > div > [range] { position: absolute; left: 0; height: 10px; border-radius: 5px; background-color: #ff0037;}
[slider] > div > [thumb] { position: absolute; top: -5px; z-index: 2; height: 20px; width: 20px; text-align: left; margin-left: -11px; cursor: pointer; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); background-color: #ff0037; border-radius: 50%; outline: none;}
[slider] > input[type=range] { position: absolute; pointer-events: none; -webkit-appearance: none; z-index: 3; height: 14px; top: -2px; width: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}
div[slider] > input[type=range]::-ms-track { -webkit-appearance: none; background: transparent; color: transparent;}
div[slider] > input[type=range]::-moz-range-track { -moz-appearance: none; background: transparent; color: transparent;}
div[slider] > input[type=range]:focus::-webkit-slider-runnable-track { background: transparent; border: transparent;}
div[slider] > input[type=range]:focus { outline: none;}
div[slider] > input[type=range]::-ms-thumb { pointer-events: all; width: 28px; height: 28px; border-radius: 0px; border: 0 none; background: red;}
div[slider] > input[type=range]::-moz-range-thumb { pointer-events: all; width: 28px; height: 28px; border-radius: 0px; border: 0 none; background: red;}
div[slider] > input[type=range]::-webkit-slider-thumb { pointer-events: all; width: 28px; height: 28px; border-radius: 0px; border: 0 none; background: red; -webkit-appearance: none;}
div[slider] > input[type=range]::-ms-fill-lower { background: transparent; border: 0 none;}
div[slider] > input[type=range]::-ms-fill-upper { background: transparent; border: 0 none;}
div[slider] > input[type=range]::-ms-tooltip { display: none;}
[slider] > div > [sign] { position: absolute; margin-left: -12px; top: -35px; z-index: 3; color: #ff0037; align-items: center; -webkit-justify-content: center; justify-content: center; text-align: center;}
[slider] > div > [sign] > span { font-size: 13px; font-weight: 600; line-height: 28px;}
[slider]:hover > div > [sign] { opacity: 1;}
[data-tooltip][data-inverted]:after { font-size: 13px !important; height: 24px !important; line-height: 4px !important;}
[data-inverted][data-position="right center"][data-tooltip]:before { background: #1b1c1d !important; -webkit-box-shadow: -1px 1px 0 0 #bababc !important; box-shadow: -1px 1px 0 0 #bababc !important;}
.wd-input { border-radius: 2px !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03) !important; border: solid 1px rgba(151, 151, 151, 0.2) !important;}
.wd-input.ui.dropdown>.dropdown.icon:before { color: #9d9d9d !important;}
.wd-input.h-50 { font-size: 16px !important;}
.wd-close { padding: 8px 10px 8px 9px !important; top: 1rem!important; right: 3rem!important; color: #999!important; background-color: #efefef; border-top-left-radius: 100%!important; border-top-right-radius: 100%!important; border-radius: 100%; width: 32px!important; height: 32px!important;
    margin: 0 auto; text-align: center; font-size: 24px!important; line-height: 13px; background-size: 32px; font-style: normal;}
.wd-close2 { padding: 8px 10px 8px 9px !important; top: 1.5rem!important; right: 3rem!important; color: #999!important; background-color: #efefef; border-top-left-radius: 100%!important; border-top-right-radius: 100%!important; border-radius: 100%; width: 32px!important; height: 32px!important;
    margin: 0 auto; text-align: center; font-size: 24px!important; line-height: 13px; background-size: 32px; font-style: normal;}
.mr-33 { width: calc(100% - 26px);}
.form-error-message { color: #9f3a38; margin-top: 5px;}
.ui.checkbox.pink input:checked~.box:before, .ui.checkbox.pink input:checked~label:before { border-color: #4ab48a; background: #4ab48a;}
.ui.radio.checkbox.pink input:checked~.box:after, .ui.radio.checkbox.pink input:checked~label:after { background-color: #4ab48a !important;}
.ui.checkbox input:checked~.box:after, .ui.checkbox input:checked~label:after { color: #fff !important;}
.ui.checkbox .box:after, .ui.checkbox label:after { font-size: 10px; top: 1px;}
.ui.radio.checkbox.pink input:checked~.box:before, .ui.radio.checkbox.pink input:checked~label:before { border-color: #4ab48a; background: transparent;}
.ui.form input:not([type]):focus,
.ui.form input[type=date]:focus,
.ui.form input[type=datetime-local]:focus,
.ui.form input[type=email]:focus,
.ui.form input[type=file]:focus,
.ui.form input[type=number]:focus,
.ui.form input[type=password]:focus,
.ui.form input[type=search]:focus,
.ui.form input[type=tel]:focus,
.ui.form input[type=text]:focus,
.ui.form input[type=time]:focus,
.ui.form input[type=url]:focus,
.ui.selection.dropdown:focus,
.ui.selection.dropdown:focus .menu, .ui.selection.active.dropdown, .ui.selection.active.dropdown .menu, .ui.form textarea:focus { border-color: #1d83ef !important;}
.irs--round .irs-line { background-color: #dee4ec;}
.irs--round .irs-min, .irs--round .irs-max { background-color: #f5f5f5 !important;}
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single, .irs--round .irs-min, .irs--round .irs-max { font-family: 'LL Circular' !important;}
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { background-color: #a5aeb9 !important; font-size: 12px !important;}
.irs--round .irs-min, .irs--round .irs-max { font-size: 12px !important;}
.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before { border-top-color: #a5aeb9 !important;}
.irs--round .irs-handle { border: 4px solid #a5aeb9 !important; box-shadow: 0 1px 3px rgba(167, 174, 184, 0.3) !important; cursor: pointer;}
.irs--round .irs-bar { background-color: #a5aeb9 !important;}
.ui.popup { font-size: 12px !important; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) !important;}
.ui.search.dropdown .menu, .ui.selection.dropdown .menu { max-height: 20.2rem !important;}
.ui.text.menu .header.item a { color: rgba(0, 0, 0, .85) !important;}
.ui.text.menu .header.item a:hover { color: #737373 !important;}
.wd-otp input { border-radius: 2px !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03) !important; border: solid 1px rgba(151, 151, 151, 0.2) !important; font-size: 18px !important; font-weight: bold !important; height: 50px !important;}
.wd-otp input::-webkit-input-placeholder { font-size: 15px !important; font-weight: 400 !important;}
.wd-otp input::-moz-placeholder { font-size: 15px !important; font-weight: 400 !important;}
.wd-otp input:-ms-input-placeholder { font-size: 15px !important; font-weight: 400 !important;}
.wd-otp input:-moz-placeholder { font-size: 15px !important; font-weight: 400 !important;}
.field-error { color: #ff3030 !important;}
.wd-signup-btn-group.two.fields { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0 -.5em 1em; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.wd-signup-btn-group.two.fields:not(.unstackable)>.field { width: 50% !important; padding-left: .5em; padding-right: .5em;}
.wd-modal .header { padding: 24px 40px !important;}
.wd-modal .content { padding: 24px 40px !important;}
.wd-modal .ui.header h3 { font-size: 22px !important; font-weight: 500 !important;}
.wd-modal .actions { border-top: solid 1px rgba(180, 180, 180, 0.12) !important;}
.align-baseline { vertical-align: baseline;}
.align-top { vertical-align: top !important;}
.align-middle { vertical-align: middle !important;}
.align-bottom { vertical-align: bottom;}
.align-sub { vertical-align: sub !important;}
.align-text-bottom { vertical-align: text-bottom;}
.align-text-top { vertical-align: text-top;}
.bg-pink-lt { background-color: rgba(255, 17, 115, 0.04) !important;}
.bg-red-lt { background-color: #fcfaff !important;}
.bg-dark-lt { background-color: rgba(0, 0, 0, 0.06) !important;}
.bg-green-lt { background-color: rgba(74, 180, 138, 0.11) !important;}
.bg-orange-lt { background-color: #fff0e9 !important}
.border-gradient { border-style: solid !important; border-width: 2px !important; border-image: linear-gradient(244deg, #ff1173, #8e56fc) !important; border-image-slice: 1 !important; background-image: #fcfaff, linear-gradient(244deg, #ff1173, #8e56fc) !important;
    background-origin: border-box !important; background-clip: content-box, border-box !important;}
.bg-fb { background-color: #3b5998 !important;}
.bg-google { background-color: #f44336 !important;}
.bg-blue { background-color: #1d83ef !important;}
.bg-light { background-color: #f7f7f7 !important;}
.bg-white { background-color: #fff !important;}
.bg-transparent { background: transparent !important;}
.bg-blue-light { background-color: #f5faff !important;}
.bg-yellow-light { background-color: #fff8e1 !important;}
.bg-pink-light { background-color: #fbefef !important; }
.bg-gray { background-color: rgba(140, 140, 140, 0.11) !important;}
.bg-yellow { background-color: #f6c44f !important;}
.bg-green { background-color: #74d099 !important;}
.bg-pink { background-color: #ff1173 !important;}
.bg-red { background-color: #ff3636 !important;}
.bg-red2 { background-color: #ff6b6b !important;}
.bg-gradient { background-image: linear-gradient(75deg, #8e56fc 11%, #e42294 114%) !important;}
.badge { padding: 0.25em 0.4em !important;}
.badge-pill { padding-right: 0.6em !important; padding-left: 0.6em !important; border-radius: 10rem !important;}
.badge-green { background-color: #4ab48a!important; border-color: #4ab48a!important; color: #fff!important;}
.badge-gray { background-color: #b4b4b4!important; border-color: #b4b4b4!important; color: #fff!important;}
.badge-blue { background-color: #1d83ef!important; border-color: #1d83ef!important; color: #fff!important;}
.badge-yellow { background-color: #e7bf3b!important; border-color: #e7bf3b!important; color: #fff!important;}
.b-none { border: 0px !important;}
.bt-0 { border-top: 0px !important;}
.bb-0 { border-bottom: 0px !important;}
.br-0 { border-right: 0px !important;}
.bl-0 { border-left: 0px !important;}
.border { border: solid 1px rgba(151, 151, 151, 0.2) !important;}
.border-top { border-top: 1px solid rgba(34, 36, 38, .10);}
.border-right { border-right: solid 1px rgba(151, 151, 151, 0.2) !important;}
.border-bottom { border-bottom: solid 1px #e6e6e6 !important;}
.border-left { border-left: solid 1px rgba(151, 151, 151, 0.2);}
.border-right { border-right: solid 1px rgba(151, 151, 151, 0.2);}
.border-green { border: 1px solid #4ab48a !important;}
.border-green-lt { border: 1px solid rgba(74, 180, 138, 0.2) !important;}
.border-yellow { border: 1px solid #ff8821 !important;}
.border-gold { border: 1px solid #e7bf3b !important;}
.border-gold-lt { border: 1px solid rgba(231,191,59,.3) !important;}
.border-blue { border: solid 1px #1d83ef !important;}
.border-blue-light { border: solid 1px #deeaf3 !important;}
.border-pink { border: solid 1px #ff0037 !important;}
.border-pink-lt { border: solid 1px rgba(255,0,55,.1) !important;}
.border-dark-lt { border: solid 1px rgba(0,0,0,.1) !important;}
.border-dark { border: solid 1px #646464 !important;}
.border-gray { border: solid 1px rgba(100,100,100,.3) !important;}
.btn-link { background: transparent !important; outline: none; cursor: pointer;}
.btn-white { color: #343a40 !important;  background: #fff !important; border: 1px solid #e0e1e2 !important;}
.btn-white:hover { color: #000 !important; background: #fff !important; border: 1px solid #bbb !important;}
.btn-rounded { border-radius: 18.5px !important;}
.d-block-xs { display: none !important;}
.btn-submit {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 17px 20px !important; font-size: 14px; line-height: 1.2; border-radius: .25rem;}
.btn-pink { background-color: #ff0037 !important; color: #fff !important; border: 1px solid #ff0037 !important;}
.btn-pink:hover, .btn-pink:focus { background-color: #ec0638 !important; color: #fff !important;  border: 1px solid #ec0638;}
.btn-pink-gradient { color: #fff !important; background-image: linear-gradient(to right, #ff00d3, #e82ae0, #ce3dec, #b14bf5, #8e56fc) !important;}
.btn-pink-gradient:hover { background-image: linear-gradient(to left, #ff00d3, #e82ae0, #ce3dec, #b14bf5, #8e56fc) !important;  color: #fff !important;}
.btn-facebook { padding: 12px 20px !important; background-color: #fff !important; color: #333 !important; font-weight: 500 !important; border: 1px solid #dee2e6 !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03) !important;}
.btn-facebook:hover, .btn-facebook:focus { background-color: #304d8a !important; color: #fff !important; box-shadow: 0 4px 6px 0 rgba(157, 157, 157, 0.15) !important;}
.btn-google { padding: 12px 20px !important; background-color: #fff !important; color: #333 !important; font-weight: 500 !important; border: 1px solid #dee2e6 !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03) !important;}
.btn-google:hover, .btn-google:focus { background: #fff !important; color: #333 !important; box-shadow:  0 4px 6px 0 rgba(157, 157, 157, 0.15) !important;}
.btn-shadow { box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.16) !important;}
.custom-floating { top: 1.25em !important; left: 80% !important; font-size: 9px !important;}
.btn-blue { color: #fff !important; background: #1d83ef !important;}
.btn-blue:hover, .btn-blue:focus { color: #fff !important; background-color: #1273da !important;}
.btn-blue-invert { color: #1d83ef !important; background: #fff !important; border: 1px solid #1d83ef !important;}
.btn-blue-invert:hover { color: #fff !important; background: #1d83ef !important;}
.btn-orange { background-color: #e7723b !important; color: #fff !important;}
.btn-yellow { color: #000 !important; background: #e7bf3b !important;}
.btn-yellow:hover, .btn-yellow:focus { color: #000 !important; background-color: #d9b231 !important;}
.btn-yellow2 { color: #fff !important; background: #e7bf3b !important;}
.btn-yellow2:hover, .btn-yellow:focus { color: #fff !important; background-color: #d9b231 !important;}
.ui.inverted.white.button, .ui.inverted.white.buttons .button { color: #646464 !important; border: solid 1px rgba(151, 151, 151, 0.2) !important;}
.btn-green { color: #fff !important; background-color: #4ab48a !important;}
.btn-green:hover, .btn-green:focus { color: #fff !important; background-color: #3ea77d !important;}
.custom-radio { margin: 0px; padding: 0px; display: inline-block;}
.custom-radio input[type=radio] { display: none;}
.custom-radio label { margin: 0px; padding: 10px 0px; width: 85px; display: block; border-radius: 4px; -webkit-font-smoothing: antialiased; font-size: 14px; font-weight: 600; color: #1b1919; text-align: center; cursor: pointer; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03);
    border: solid 1px rgba(151, 151, 151, 0.2);}
.custom-radio label .checkmark { margin-left: 10px; display: none;}
.custom-radio input:checked + label { border: solid 1px #4ab48a; color: #4ab48a; background: #fff;}
.custom-radio input:checked + label:hover { color: #4ab48a;}
.custom-radio input:checked + label .checkmark { display: inline-block;}
.custom-radio input:checked + label .checkmark:after { content: ''; display: block; width: 7px; height: 14px; border: solid #ff0037; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.autocomplete-dropdown-container { background: #fff; border: 0.03em solid #e6e6e6; border-top: none; position: absolute; z-index: 9; right: 0px; left: 0px; top: 38px;}
.autocomplete-dropdown-container .suggestion-item { border-top: 1px solid #fafafa; padding: .78571429rem 1.14285714rem!important; white-space: normal; word-wrap: normal; position: relative; cursor: pointer; display: block; height: auto; text-align: left; line-height: 1em;
    color: rgba(0,0,0,.87); font-size: 1rem; text-transform: none; font-weight: 400; box-shadow: none; -webkit-touch-callout: none;}
.autocomplete-dropdown-container .suggestion-item-active { background: rgba(0,0,0,.03); color: rgba(0,0,0,.95); font-weight: 600; padding: .78571429rem 1.14285714rem!important;}
.autocomplete-dropdown-container .suggestion-item:hover { background: rgba(0,0,0,.03); color: rgba(0,0,0,.95);}
.autocomplete-dropdown-footer-image { float: right; height: 24px; padding: 5px;}
.wd-matches-wrapper { margin: 0px auto 80px; max-width: 1070px !important; width: 100%;}
.matches-aside { padding-right: 15px; position: relative; float: left; width: 255px;}
.matches-aside .ui.vertical.menu { border-radius: 2px !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important; border: none !important;}
.matches-aside .ui.vertical.menu .header { padding: 1rem; font-weight: 500; font-size: 16px; border-bottom: 1px solid rgba(34, 36, 38, .1);}
.matches-aside .ui.vertical.menu .item { color: #646464; font-size: 14px; font-weight: 400; padding: .75em 1.14285714em !important;}
.matches-aside .ui.vertical.menu .item:before { background: none !important;}
.matches-aside .ui.vertical.menu .item.active { color: #000 !important; background: transparent; border-bottom: none;}
.matches-aside .ui.vertical.menu .label-pink { font-size: 10px; color: #ff1173; border-radius: 2px !important; background-color: rgba(255, 17, 115, 0.12) !important;}
.matches-middle-col.floating-left { margin-left: 255px;}
.match-col-header { max-width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;align-items: center;}
.match-col-header .title { font-size: 15px; color: #000; font-weight: 500;}
.match-col-header.mobi { display: none;}
.mobi-filters { margin-left: auto; display: none; border-radius: 2px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); background-color: #ffffff;}
.mobi-filters .ui.menu { border: none !important; box-shadow: none !important;}
.mobi-filters .ui.menu .active.item { font-weight: 400 !important; border-bottom: none !important;}
.mobi-filters .ui.menu .dropdown.item.match-sort-btn .menu { left: auto; right: 0px; min-width: 150px !important;}
.match-sort-btn .menu .item.active { border-bottom: none !important;}
.match-middle-menu { /* padding-left: 12px; */ border-radius: 2px !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important; border: none !important;}
.match-middle-menu .item { border-radius: 0px !important;}
.match-middle-menu .item.hide-lg { display: none !important;}
.match-middle-menu .item .i-heart { margin-right: 8px; display: none; vertical-align: middle; width: 18px; height: 18px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/heart-pink.png) no-repeat;
    background-size: 18px; position: relative; top: -2px;}
.match-middle-menu .right.menu .item { border-left: 1px solid rgba(34, 36, 38, .1) !important;}
.match-middle-menu .item label { margin-bottom: 6px; display: none; color: #646464 !important; background-color: transparent !important;}
.match-middle-menu .item.active label { color: #ff0037 !important; background-color: transparent !important;}
.match-middle-menu .item.ui.dropdown.active { border-bottom: none !important; font-weight: 400 !important;}
.match-middle-menu .dropdown.icon { margin-left: 5px !important; top: 1px;}
.match-card-container { display: flex; position: relative; border: none !important; align-items: flex-start;}
.match-card-left { max-width: 150px; min-width: 150px; margin-right: 15px;}
.match-card-left .c100, .match-card-left .circle-bar { margin: 30px auto 0px;}
#slideshow { overflow: hidden; width: 120px; margin: 0px auto;}
.slide { height: 194px; width: 150px; border-radius: 2px; position: relative; overflow: hidden;}
.slide a { width: 100%; height: 100%;}
.slide a img { width: 100% !important; height: 100% !important; object-fit: cover;}
.slide-wrapper .slide.female { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/default-girl.png) no-repeat; background-size: 100%;}
.slide-wrapper .slide.male { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/default-boy.png) no-repeat; background-size: 100%;}
.slide-nav { margin: 0px; display: inline-block; width: 100%;}
.slide-nav button { padding: 0px; width: 24px; height: 24px; border: 0px; outline: none; cursor: pointer; background: transparent;}
.slide-nav button i { margin: 0px auto; display: block; width: 10px; height: 10px; background-size: 10px;}
.slide-count { margin: 0px auto; display: block; font-size: 12px; line-height: 24px; color: #fff; text-align: center; position: absolute; z-index: 9; bottom: 10px; width: 100%;}
.match-card-content { display: flex; width: 100%; flex-wrap: wrap; flex-direction: row;}
.match-content-header { margin-bottom: 10px; display: flex; flex-direction: row; width: calc(100% - 150px); align-items: flex-start;}
.match-name { margin-bottom: 5px; display: block; font-size: 20px; line-height: 30px;}
.match-name a { color: #000;}
.match-name a:hover { color: #ff1173;}
.match-label { margin-right: 10px !important; padding: 4px 5px !important; border-radius: 1px !important; font-size: 13px !important; font-weight: 400 !important;}
.match-label.premium { color: #fff !important; background-color: #e7bf3b !important;}
.match-label.vip { color: #fff !important; background-color: #3bc4e7 !important;}
.match-label.plus { color: #fff !important; background-color: #c03be7 !important;}
.match-id { margin-right: 10px !important; color: #646464; line-height: 14px; font-size: 13px;}
.createdby { padding-left: 10px; line-height: 14px; font-size: 12px; color: #646464; border-left: 1px solid #ccc; font-style: italic; font-weight: 300;}
.match-short-info { display: flex; margin-left: auto; align-items: center; position: absolute; top: 14px; right: 12px; z-index: 9;}
.match-short-info .ui.fluid.dropdown { width: auto;}
.match-short-info .ui.dropdown>.text { display: block;}
.match-card-content .extra-content { display: inline-block; width: 100%;}
.match-card-content .extra-content .eight.wide.column { padding: 8px 1em 8px 0px; border-top: 1px solid rgba(100, 100, 100, 0.1);}
.match-card-content .extra-content .eight.wide.column:nth-child(-n + 2) { border-top: none;}
.match-horoscope { width: 38px; height: 38px; background-size: 38px; border-radius: 100%; border: 1px solid rgba(180,180,180,.46); position: relative;}
.match-horoscope i { width: 20px; height: 20px; background-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.match-horoscope span.i-verified-fill { position: absolute; right: -3px; top: -3px;}
.match-info { margin-left: 12px; padding: 0px 6px; font-size: 8px; font-style: italic; color: #b4b4b4; line-height: 14px; width: 16px; height: 16px; background-size: 16px; border-radius: 100%; border: 1px solid rgba(0,0,0,.2); background: #fff; cursor: pointer;}
.match-favourite { margin-left: 8px; width: 32px; height: 32px; background-color: #e7bf3b; border-radius: 100%; position: relative;}
.match-favourite i { display: block; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.match-tags { margin-top: 5px;}
.match-tags span { margin: 5px 5px 0 0px; padding: 0px 8px; display: inline-block; font-size: 12px; color: #646464; border: solid 1px rgba(180, 180, 180, 0.53); background-color: rgba(133, 133, 133, 0.04); border-radius: 12px;}
.match-viewed { width: 32px; height: 32px; position: relative;}
.match-viewed i { display: block; width: 24px; height: 24px; background-size: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.match-deleted { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center;}
.deleted-tag { padding: 12px 15px; font-size: 15px; font-weight: 600; color: #ff3030; border: dotted 2px #ff3030; background-color: #ffffff; z-index: 10; border-radius: 2px !important;}
.delete-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: .5; background: #fff; z-index: 9;}
.ui.card.match-deleted>:first-child.deleted-tag { border-top: dotted 2px #ff3030 !important;}
.custom-pagination { margin: 20px auto 0px !important; text-align: center; border: none !important; box-shadow: none !important; width: 100%; background: transparent !important; justify-content: center;}
.custom-pagination a { margin: 0px 5px; padding: 0px 0px !important; display: inline-block !important; line-height: 40px !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03); border: solid 1px rgba(151, 151, 151, 0.2); background-color: #ffffff !important; border-radius: 100% !important; width: 40px;
    min-width: 40px !important; height: 40px;}
.custom-pagination a i { margin: 12px auto; display: block; width: 14px; height: 14px; background-size: 14px;}
.custom-pagination a:before { display: none !important;}
.custom-pagination a.active, .custom-pagination a:hover { color: #1d83ef !important; font-weight: normal; border: solid 1px #1d83ef !important;}
.custom-pagination a:nth-child(1) { margin-right: 18px;}
.custom-pagination a:last-child { margin-left: 18px;}
.ui.grid.featured-options { margin: -5px !important}
.ui.grid.featured-options .column { padding: 5px !important;}
.ui.grid.featured-options .column a { padding: 8px;}
.step-count { margin: 0px 8px 0px 0px; padding: 0px 0px; float: left; font-size: 14px; line-height: 24px; width: 24px; color: #fff8e1; text-align: center; height: 24px; background: #1d83ef; border-radius: 100%; position: relative; top: -1px;}
.promote-link { margin: 12px auto 0px; padding: 10px 0px; font-size: 15px; font-weight: 600; line-height: 22px; text-align: center; background: -webkit-linear-gradient(180deg, #ff1173, #8e56fc); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    color: #fcfaff; border-top: solid 1px rgba(255, 17, 115, 0.1); width: 100%;}
.matches-rightbar { margin-left: 30px; float: right; width: 250px;}
.matches-middle-col.floating-right { margin-right: 280px;}
.match-thumb-sm { width: 82px; height: 82px; float: left; border-radius: 2px; background-size: 82px !important; overflow: hidden;}
.match-thumb-sm.female { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/default-girl.png) no-repeat;}
.match-thumb-sm.male { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/default-boy.png) no-repeat;}
.match-thumb-sm img { display: block; object-fit: cover; width: 82px; height: 82px;}
.match-view-nav { border-bottom: solid 1px #e6e6e6 !important; margin: 0px 0px 1px 0px !important;}
.match-view-nav .ui.menu { margin: 0px 0px -2px !important; padding: 0px 10px !important; display: block; border: none !important;}
.match-view-nav .ui.menu .item { margin: 0px 15px !important; padding: 16px 0px !important; display: inline-block; color: #646464 !important; font-size: 13px !important; font-weight: 400 !important;}
.match-view-nav .ui.menu .item.active { font-weight: 500 !important; color: #ff0037 !important;}
.match-view-nav .ui.menu .item:hover { background: transparent !important; color: #000;}
.match-view-nav .ui.menu::after { content: ''; clear: inherit;}
.match-view-nav .ui.menu.bb { border-bottom: solid 1px rgba(100, 100, 100, 0.1) !important;}
.invitation-card { padding: 17px 20px !important;}
.view-content .description { margin-top: 5px; padding-bottom: 18px; margin-left: 45px; border-bottom: solid 1px #e6e6e6;}
.view-content .description .wide.column { padding-top: 0px; padding-bottom: 0px;}
.view-content .description .wide.column .row { margin-bottom: 8px; display: inline-block; width: 100%; position: relative;}
.view-content .description .wide.column span { float: left; width: 50%;}
.view-card-group .header { padding: 15px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center;}
.view-card-group .header .title span { margin-right: 10px; width: 35px; height: 35px; display: inline-block; background-color: #fff; border-radius: 100%; position: relative; vertical-align: middle; border: solid 1px rgba(29,131,239,.12);}
.view-card-group .header .title span i { display: block; width: 16px; height: 16px; background-size: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.view-card-group .content { padding: 20px 35px !important;}
.tags-square span { margin: 0px 5px 5px 0px; padding: 3px 10px; display: inline-block; vertical-align: middle; font-size: 13px; color: #646464; border: solid 1px #d4d4d4; background-color: #fafafa; border-radius: 2px;}
.ui[class*="five column"].grid.lifestyle-wrapper>.column:not(.row) .content { padding: 8px !important; text-align: center; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) !important;
    border: solid 1px rgba(151, 151, 151, 0.2) !important;}
.ui[class*="five column"].grid.lifestyle-wrapper>.column:not(.row) .content i { margin: 0px auto; display: block; width: 40px; height: 40px; background-size: 40px;}
.preference-top { margin-bottom: 25px; padding: 20px 80px 30px; background-color: #fff8e1 !important; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative;}
.preference-thumb { min-width: 82px;}
.preference-thumb .avatar { margin: 0px auto 15px; width: 65px; height: 65px; border-radius: 100%; box-shadow: 0 12px 14px 0 rgba(0, 0, 0, 0.2); background-size: 65px; overflow: hidden;}
.preference-thumb .avatar img { width: 100% !important; height: 100% !important; object-fit: cover;}
.preference-grap { margin-left: auto; margin-right: auto; text-align: center; align-items: center; justify-content: center;}
.preference-grap .leads { margin-bottom: 30px; padding: 0px 35px; position: relative; display: flex; width: 100%;}
.preference-grap .leads .arrow { display: inline-block; width: 8px; min-width: 8px; height: 14px; vertical-align: middle; position: relative; top: -1px;}
.preference-grap .leads .arrow-left { margin-right: 30px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/arrow-left.png) no-repeat; background-size: 8px 14px;}
.preference-grap .leads .arrow-left::before { content: ''; display: block; width: 8px; height: 14px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/arrow-left.png) no-repeat; background-size: 8px 14px; opacity: 0.5; position: absolute; right: -10px;}
.preference-grap .leads .arrow-left::after { content: ''; display: block; width: 8px; height: 14px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/arrow-left.png) no-repeat; background-size: 8px 14px; opacity: 0.3; position: absolute; right: -20px;}
.preference-grap .leads .arrow-right { margin-left: 30px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/arrow-right.png) no-repeat; background-size: 8px 14px;}
.preference-grap .leads .arrow-right::before { content: ''; display: block; width: 8px; height: 14px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/arrow-right.png) no-repeat; background-size: 8px 14px; opacity: 0.5; position: absolute; left: -10px;}
.preference-grap .leads .arrow-right::after { content: ''; display: block; width: 8px; height: 14px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/arrow-right.png) no-repeat; background-size: 8px 14px; opacity: 0.3; position: absolute; left: -20px;}
.preference-grap .leads .pre-leads-mobi { display: none; font-size: 16px; color: #000; font-weight: 500;}
.preference-grap .leads .pre-leads-mobi em { display: block; font-size: 10px; color: #646464; font-weight: 400; font-style: normal; line-height: 14px;}
.preference-grap .score-card { margin: 0px auto; background: #fff8e1; position: absolute; left: 45%; bottom: -40px; right: auto;}
.preference-grap .circle-bar:after { top: 4px; left: 4px;}
.invitation-card .circle-bar:after { top: 4px; left: 4px;}
.preference-grap p { margin:0px auto 10px; max-width: 80%;}
.match-preference-wrapper .content { padding: 20px 58px 20px 46px !important;}
.preference-list { margin: 10px 0px 0px; padding: 0px 0px 0px 45px; list-style: none;}
.preference-list li { margin: 0px; padding: 8px 0px; font-size: 13px; color: #000; position: relative; font-weight: 500; display: flex; align-items: center; flex-direction: row;}
.preference-list li span { display: block; font-size: 13px; color: #646464; font-weight: 400; max-width: 200px;}
.preference-list li i { margin-left: auto; display: flex; height: 18px; width: 18px; background-size: 18px;}
.preference-list li::after { content: ''; background: rgba(100, 100, 100, 0.1); left: 230px; right: 40px; top: 50%; height: 1px; position: absolute;}
.square-icon-sm { width: 15px !important; height: 40px !important; background-size: 15px 40px !important;}
.ui[class*="two column"].grid.contact-row>.column:not(.row) i { min-width: 26px !important;}
.strict-box { margin: 11px 0px 0px 15px; display: flex; width: 18px;}
.prefrence-match::before { content: ''; background: rgba(100, 100, 100, 0.1); left: 0px; right: 40px; top: 50%; height: 1px; position: absolute;}
.ui.grid.lifestyle-wrapper { margin: -.4em !important;}
.ui.grid.lifestyle-wrapper .column { padding: .4em;}
.match-preference-card { padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex;}
.thumb-circle { width: 86px; height: 86px; min-width: 86px; border-radius: 100%; box-shadow: 0 12px 14px 0 rgba(0, 0, 0, 0.2); background-size: 86px !important; overflow: hidden;}
.thumb-circle.female { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/default-girl.png) no-repeat;}
.thumb-circle.male { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/default-boy.png) no-repeat;}
.thumb-circle img { display: block; object-fit: cover; width: 86px; height: 86px;}
.match-graph { margin-left: auto; margin-right: auto;}
.match-graph .leads { position: relative;}
.match-graph .leads .arrow { display: inline-block; width: 8px; height: 14px; vertical-align: middle; position: relative; top: -1px;}
.match-graph .leads .arrow-left { margin-right: 30px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/arrow-left.png) no-repeat; background-size: 8px 14px;}
.match-graph .leads .arrow-left::before { content: ''; display: block; width: 8px; height: 14px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/arrow-left.png) no-repeat; background-size: 8px 14px; opacity: 0.5; position: absolute; right: -10px;}
.match-graph .leads .arrow-left::after { content: ''; display: block; width: 8px; height: 14px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/arrow-left.png) no-repeat; background-size: 8px 14px; opacity: 0.3; position: absolute; right: -20px;}
.match-graph .leads .arrow-right { margin-left: 30px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/arrow-right.png) no-repeat; background-size: 8px 14px;}
.match-graph .leads .arrow-right::before { content: ''; display: block; width: 8px; height: 14px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/arrow-right.png) no-repeat; background-size: 8px 14px; opacity: 0.5; position: absolute; left: -10px;}
.match-graph .leads .arrow-right::after { content: ''; display: block; width: 8px; height: 14px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/arrow-right.png) no-repeat; background-size: 8px 14px; opacity: 0.3; position: absolute; left: -20px;}
.matching-circle { width: 80px; height: 80px; border-radius: 100%; box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.08); position: relative;}
.matching-circle::after { position: absolute; top: 10px; left: 10px; display: block; content: " "; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #fff; width: 60px; height: 60px;
    -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in;}
.matching-circle span { position: absolute; width: 100%; z-index: 1; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 5em; line-height: 16px; font-size: 14px; font-weight: bold; color: #000; display: block; text-align: center; white-space: nowrap;
    -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.matching-circle .slice { position: absolute; width: 80px; height: 80px; clip: rect(auto, auto, auto, auto);}
.matching-circle .bar { position: absolute; width: 80px; height: 80px; clip: rect(0em, 80px, 80px, 0em); border-radius: 50%; -webkit-transform: rotate(266.4deg); -moz-transform: rotate(266.4deg); -ms-transform: rotate(266.4deg); -o-transform: rotate(266.4deg);
    transform: rotate(266.4deg);}
.matching-circle .bar:before { content: ""; position: absolute; background: #f5f5f5; width: 66px; height: 66px; border-radius: 50%; top: 7px; left: 7px; clip: rect(0em, 66px, 66px, 0em); z-index: 999; transform: rotate(270deg);}
.matching-circle .fill { position: absolute; top: 0px; width: 80px; height: 80px; clip: rect(0em, 80px, 80px, 0em); border-radius: 50%; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg);
    transform: rotate(180deg);}
.matching-circle .fill:after { content: ""; position: absolute; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8e56fc), to(#ff1173)); background-image: -webkit-linear-gradient(#8e56fc, #ff1173); background-image: -moz-linear-gradient(#8e56fc, #ff1173);
    background-image: -o-linear-gradient(#8e56fc, #ff1173); background-image: linear-gradient(#8e56fc, #ff1173); clip-path: circle(50% at 50% 50%); width: 66px; height: 66px; top: 7px; left: 7px; border-radius: 50%; clip: rect(0em, 66px, 66px, 0em); z-index: 9;}
.matching-circle.p50 .fill:after { clip: rect(0em, 33px, 66px, 0em);}
.match-graph .matching-circle { margin: -40px auto 15px; background: #fff8e1; position: relative;}
.view-match-name { font-size: 24px; line-height: 30px;}
.view-match-name i { position: relative; top: -2px;}
.matches-quick-link { margin-left: auto;}
.top-notification-msg { border-radius: 2px 2px 0px 0px !important;}
.match-view-header { display: -webkit-box; display: -ms-flexbox; display: flex; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03) !important; background: #fff; border-radius: 2px; position: relative;}
.mobi-match-label { padding: 0px 5px !important; border-radius: 2px 0px 0px 2px !important; font-size: 11px !important; font-weight: 400 !important; position: absolute; top: 6px; right: 0px; display: none;}
.mobi-match-label.premium { color: #fff !important; background-color: #e7bf3b !important;}
.mobi-match-label.vip { color: #fff !important; background-color: #3bc4e7 !important;}
.mobi-match-label.plus { color: #fff !important; background-color: #c03be7 !important;}
.view-header-left { margin: 8px 15px 8px 8px; padding: 0px; width: 176px; min-width: 176px; max-width: 176px; height: 228px; overflow: hidden; position: relative; cursor: pointer;}
.slide-item { margin: 0px; width: 176px; height: 233px; position: relative; overflow: hidden; float: left;}
.slide-item img { display: block; object-fit: cover; width: 176px !important; height: 233px !important;}
.slide-prev { position: absolute; bottom: 20px; left: 30px; background: transparent; border: none; cursor: pointer; outline: none; z-index: 12;}
.slide-next { position: absolute; bottom: 20px; right: 30px; background: transparent; border: none; cursor: pointer; outline: none; z-index: 12;}
.thumb-overlay-shadow { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 9; object-fit: contain; background-image: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.3));}
.slide-big-nav { position: absolute; bottom: 20px; left: 40px; right: 40px; z-index: 12; margin: 0px auto; display: flex; flex-direction: row;}
.slide-big-nav .slide-count { font-style: normal; color: #fff; position: initial;}
.slide-big-nav button { background: transparent; border: none; cursor: pointer; outline: none;}
.caret-right { width: 0px; height: 0px; display: block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #fff;}
.caret-left { width: 0; height: 0; display: block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 8px solid #fff;}
.match-view-content { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start !important; width: 100%;}
.match-view-header .extra-content { margin-top: 0px; margin-bottom: 0px; margin-right: 0px; padding-top: 12px;}
.match-view-header .extra-content .wide.column { padding-top: 0px; padding-bottom: 0px; margin-bottom: 9px;}
.match-view-nav::-webkit-scrollbar{ display:none;}
.view-content .description .single-col-sm .wide.column span i { display: none;}
.prefrence-match { margin-top: 2px !important;}
.rTable { display: block; width: 100%;}
.rTable:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.rTableHeading { margin-bottom: 12px;}
.rTableHeading .rTableRow { clear: both; border-radius: 2px; background-color: #e9e9e9; overflow: hidden; }
.rTableHead { float: left; overflow: hidden; padding: 15px 25px; font-size: 15px; font-weight: 400; width: 25%; }
.rTableBody .rTableRow { margin-bottom: 6px; clear: both; border-radius: 2px; background-color: #fff; overflow: hidden; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);}
.rTableCell { float: left; overflow: hidden; padding: 15px 25px; font-size: 14px; font-weight: 400; width: 25%;}
.rTableBody .rTableRow .rTableCell:nth-child(4) { text-align: right;}
.match-calculation .item { padding: 15px 25px !important; border-top: 1px solid rgba(34, 36, 38, .10) !important;}
.match-calculation .item .header { color: #000; font-size: 14px;}
.match-calculation .item p { margin: 0px; color: #646464; font-size: 12px; line-height: 18px;}
.match-card-footer button.button, .match-card-footer a.button { vertical-align: middle !important; height: 40px; line-height: 16px;}
.btn-filter.filtered i { position: relative;}
.btn-filter.filtered i::after { content: ''; width: 6px; height: 6px; border-radius: 100%; background-color: #ff1173; position: absolute; top: -2px; right: -4px;}
.ui.menu.match-middle-menu .dropdown.item.match-sort-btn .menu { min-width: 150px !important; max-height: 110px !important;}
.ui.menu.match-middle-menu .dropdown.item.more-menu .menu { min-width: 180px !important;}
.c100.gradient .fill { width: 70px; height: 70px; border: none; background: linear-gradient(to right, #ff1173, #8e56fc);}
.c100.gradient .bar { width: 70px; height: 70px; border: none; background: linear-gradient(to right, #8e56fc, #ff1173);}
.c100.gradient::after { background-color: #fcfaff !important;}
.wd-card-overlay .deleted-tag { top: 30%; left: 45%; background-color: transparent;}
.file-input input { display: none;}
.nomatch-card { display: flex !important; padding: 50px 65px !important; align-items: center !important; justify-content: center;}
.nomatch-card .header { margin: 0px auto 15px; padding: 0px 0px 10px; font-size: 18px; text-align: center; font-weight: 500; border-bottom: solid 1px rgba(100, 100, 100, 0.1); width: 100%;}
.nomatch-card p { margin: 0px 0px 15px !important; text-align: center;}
.nomatch-card .ui.button { width: auto !important; border-radius: 2px !important;}
.schedule-round { display: flex; width: 50px; min-width: 50px; max-width: 50px; height: 50px; border-radius: 100%; background: rgba(182, 148, 38, 0.19) !important; position: relative;}
.schedule-round i { display: block; height: 22px; width: 22px; background-size: 22px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.bg-blue-light .schedule-round { background: rgba(28, 131, 239,.15) !important;}
.bg-pink-lt .schedule-round { background: rgba(255, 0, 55,.15) !important;}
.bg-dark-lt .schedule-round { background: rgba(0, 0, 0,.1) !important;}
.status-icon { height: 32px !important; width: 32px !important; min-width: 32px !important; max-width: 32px !important; background-size: 32px !important;}
.status-icon-lg { margin-right: 15px;}
.status-icon-lg i { height: 42px !important; width: 42px !important; background-size: 42px !important;}
.photo-file-input { margin: 0px auto 15px; padding: 0px; width: 145px; height: 145px; text-align: center; position: relative; background: #fff; border: 2px solid #d7dde3; border-radius: 100%;}
.photo-file-input label { position: relative; display: block; cursor: pointer; width: 100%; height: 100%;}
.photo-file-input label span { display: block; position: relative; font-size: 10px; line-height: 12px; margin-bottom: 10px; color: #7e7e7e;}
.photo-file-input label i { margin: 15px auto 10px; display: block; width: 70px; height: 70px; background-size: 70px !important; opacity: 0.8;}
.photo-default { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/upload-default.png?v=1.2) no-repeat;}
.photo-default-male { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/upload-default-boy.png) no-repeat;}
.photo-default-female { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/upload-default-girl.png) no-repeat;}
.photo-file-input .photo-security { margin: 0px; position: absolute; bottom: 25px; right: 5px; width: 28px; height: 28px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/plus-fill.svg) no-repeat; background-size: 28px !important; z-index: 10;}
.photo-file-input input { display: none;}
.photo-file-input img { width: 141px; height: 141px; object-fit: cover; border-radius: 100%;}
.photo-file-input .middle-progress { border-radius: 100%; height: 141px; width: 141px;}
.photo-file-input .middle-progress .ui.loader:before { border: .2em solid rgba(255,255,255,1) !important;}
.photo-file-input .button { margin: 0px auto!important; padding: 3px 12px; font-size: 12px !important; color: #333; font-weight: 400; background: #cfcfd1;}
.upload-new { display: none; width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: rgba(0, 0, 0, .46); border-radius: 100%;}
.upload-new label { display: flex; align-items: center; justify-content: center; flex-direction: column;}
.upload-new input { display: none;}
.upload-new label i { margin: 0px 0px 8px !important; width: 24px; height: 24px; background-size: 24px !important;}
.upload-new span { margin: 0px !important; font-size: 12px !important; color: #fff !important;}
.photo-file-input:hover .upload-new { display: flex;}
.upload-exaples .circle-icon { width: 34px; height: 34px; min-width: 34px; max-width: 34px; border: solid 1px rgba(29,131,239,.12); border-radius: 100%; margin-right: 15px; position: relative;}
.upload-exaples .circle-icon i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5;}
.upload-exaples .description { overflow: hidden;}
.profiles-list { margin: 50px 0px 0px !important;}
.profiles-list .thumb-lg.male { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/default-boy.png) no-repeat;}
.profiles-list .thumb-lg.female { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/default-girl.png) no-repeat;}
.activity { position: relative;}
.demo-card { align-items: center; overflow: hidden; cursor: pointer; justify-content: center; background-color: #faedcd !important;}
.demo-card .description { padding: 0px; width: 100%; text-align: center;}
.demo-card .description .header { margin-bottom: 5px; font-size: 17px !important; font-weight: 500 !important;}
.demo-card .icon-xl { min-width: 32px;}
.demo-card-2 { padding: 20px 25px !important; align-items: flex-start; cursor: pointer; background-color: #faedcd !important;}
.demo-card-2 .icon { margin-right: 15px; width: 32px; height: 32px;}
.demo-card-2 .icon i { display: block; width: 32px; height: 32px; background-size: 32px;}
.demo-card-2 .icon i.i-help-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/help-blue.svg);}
.demo-card-2 .description { padding: 0px; display: flex; flex-direction: row; align-items: center; width: 100%;}
.demo-card-2 .description .left { width: calc(100% - 140px); display: flex; flex-direction: row; align-items: center;}
.demo-card-2 .description .header { margin-bottom: 2px; font-size: 20px !important; font-weight: 500 !important;}
.demo-card-2 .demo-more { margin-left: auto; padding: 8px 20px; color: #fff; background-color: #1d83ef; border-radius: 4px;}
.demo-card-2 .demo-more:hover { background-color: #3490f1;}
.demo-card-2 .ui.image { max-width: 33%; border-top-right-radius: 0px !important;}
.demo-card-2 .ui.image::after { content: ''; background-color: rgba(0, 0, 0, .2); height: 100%; display: block; position: absolute; left: 0; top: 0; width: 100%;}
.demo-card-2 .ui.image i { display: block; width: 50px; height: 50px; background-size: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10;}
.profile-card-small .thumb-xxl { width: 120px !important; height: 120px !important; background-size: 120px !important;}
.photo-protected { position: absolute; bottom: 0px; left: 0px; right: 0px; top: 0px; z-index: 10; background-color: rgba(0, 0, 0, 0.28);}
.img-lock { margin: 0px auto 8px; display: block; width: 32px; height: 32px; background: #fff; border-radius: 100%; position: relative;}
.img-lock i { margin: 0px auto; display: block; width: 20px; height: 20px; background-size: 20px; position: relative; top: 5px;}
.album-instructions .ui.image { margin: 0px auto; display: block; width: 72px; height: 72px; text-align: center;}
.album-instructions .item { position: relative;}
.example-match-card { margin: 0px auto; max-width: 80%;}
.example-match-card a { display: inline-block;}
.example-match-card a img { width: 45px !important; height: 45px !important; margin: 2px;}
.wd-preference-accordion { box-shadow: none !important}
.wd-preference-accordion .title { margin: 0px -20px 5px -20px !important; padding: 20px !important; font-size: 15px !important; font-weight: 500 !important; color: #000 !important; border: none !important; background-color: #f5faff !important; box-shadow: none;}
.wd-preference-accordion .title i { float: right !important; font-size: 20px; color: #646464 !important;}
.wd-preference-accordion .active.title .angle.down.icon { -webkit-transform: rotate(90deg); transform: rotate(180deg);}
.wd-preference-accordion .title:hover { background-color: #f5faff !important; border: none !important;}
.wd-preference-accordion .content { padding: 20px 0px 0px !important;}
.quick-links { margin: 0 -1%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch;
    align-items: stretch; padding: 0em;}
.quick-links a { margin: 1%; padding: 10px 15px; display: inline-block; color: #646464; background: #f4f6fa; border-radius: 4px; position: relative; width: 48%; border: 1px solid #f4f6fa;}
.quick-links a:hover { color: #000; box-shadow: 0 4px 6px 0 rgba(157, 157, 157, 0.15); background-color: #ffffff; border: 1px solid rgba(180,180,180,.3);}
.quick-links a span { margin-left: 5px; padding: 0px 5px; float: right; color: #fff; text-align: center; background: #a8acbc; border-radius: 12px;}
.slideshow-big { margin: 0px auto; width: 2912px; overflow: hidden;}
.match-view-header.header2 .match-view-thumb {padding: 0px; min-width: 176px; max-width: 176px; width: 176px; height: 233px; background: #fff;
    border-radius: 2px 0px 0px 2px; overflow: hidden; position: relative;}
.match-view-header.header2 .mp-info { padding: 15px 15px 0px 15px; display: none; text-align: left;}
.mview-actions { padding: 15px;}
.match-leads { margin-bottom: 1em;}
.action-lg-hide { display: none; position: absolute; right: 8px; top: 6px;}
.new-match-card .content { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row !important; border-top: none !important;}
.match-list-thumb { margin: 12px 0px 12px 12px; display: flex; flex-direction: column; min-width: 150px; position: relative; overflow: hidden;}
.ui.card .match-list-thumb { border-radius: 2px !important;}
.ui.card .match-list-thumb .slide .image { width: 100% !important; height: 100% !important; object-fit: cover;}
.match-list-content { padding: 0px 0px 0px 15px; width: 100%;}
.match-name-header { padding: 10px 0px; width: calc(100% - 150px);}
.match-name-header .match-name { margin-bottom: 0px; color: #000}
.match-name-header:hover .match-name { color: #ff1173;}
.match-detail-list { margin: 0px !important; padding: 12px 0px !important; border-top: solid 1px rgba(100, 100, 100, 0.1);}
.match-detail-list .wide.column { padding: 0px !important; /*-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;*/}
.match-detail-list .matching-score { margin: 0px;}
.match-name-header a, .match-name-header i, .match-name-header span { display: inline-block !important; vertical-align: middle !important;}
.new-match-card .match-deleted { background: rgba(255,255,255,.8); z-index: 10;}
.new-match-card .promote-link { margin: 12px 0px 0px; padding: 10px 0px;}
.demo-card-wrapper .content { margin: 0px auto !important; padding: 20px 80px !important; display: block; text-align: center; width: 100%;}
.demo-card-wrapper { background: transparent !important; box-shadow: none !important;}
.demo-video-box { margin:0px auto; padding-top: 40%; border-radius: 4px; position: relative; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); background-color: #7f5a83; background-image: linear-gradient(to top, #a35bc7 0%, #eca257 100%); overflow: hidden;}
.demo-video-box img { width: 100%; position: absolute; top: 0; left: 0; opacity: .6; object-fit: cover; height: 100%;}
.demo-video-box .ui.button:hover { opacity: 1;}
.demo-video-content { position: absolute; padding: 20px; top: 0; left: 0; z-index: 10; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; width: 100%;}
.demo-video-content .title { font-size: 24px; font-weight: 500; color: #fff;}
.demo-video-box .ui.button i { display: block; width: 64px; height: 64px; background-size: 64px;}
.label-xs { padding: 3px 5px; font-size: 10px; color: #fff; border-radius: 2px; background-color: rgba(100, 100, 100, 0.45);}
.label-xs i { margin-right: 5px; display: inline-block; vertical-align: middle; width: 9px; height: 9px; background-size: 9px; position: relative; top: -1px;}
ol.ui.list.match-info-list li[value]:before { color: rgba(100, 100, 100, 0.37); font-size: 40px; vertical-align: top;}
ol.ui.list.match-info-list li { margin-bottom: 10px; color: #000;}
ol.ui.list.match-info-list ol li[value]:before { font-size: 15px; margin-left: -11px; color: #000;}
ol.ui.list.match-info-list ol { padding-top: 3px;}
ol.ui.list.match-info-list ol li { margin-bottom: 0px;}
.profiles-slider-wrapper { margin: 0px 0px 25px; padding: 0px;}
#fixedWidth-iw { margin: 0px 0px 10px !important;}
.slider-container { white-space: nowrap;}
.slider-item { padding: 0px 12px 0px 0px;}
.slider-item a { padding: 20px 12px 10px; display: block; position: relative; border-radius: 2px;  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); background-color: #ffffff; text-align: center;}
.advance-filters .bg-blue-light { margin: 0px -20px 20px -20px;}
.pin-btn { margin-left: 34.5% !important; margin-top: 8px !important; margin-bottom: 15px !important;}
.mp-container { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row;}
.mp-thumb { margin: 12px; display: flex; flex-direction: column; min-width: 150px; position: relative; overflow: hidden;}
.mp-image { height: 194px; width: 150px; border-radius: 2px; position: relative; overflow: hidden;}
.mp-image a { display: block; width: 100%; height: 100%;}
.mp-image img { height: 100%; width: 100%; object-fit: cover;}
.mp-overlay { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 9; object-fit: contain; background-image: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.3));}
.mp-count { margin: 0px auto; display: block; font-size: 12px; line-height: 24px; color: #fff; text-align: center; position: absolute; z-index: 9; bottom: 10px; width: 100%;}
.mp-details { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start !important; flex-direction: column; width: 100%;}
.mp-details a { width: 100%; display: block;}
.mp-header { padding: 10px 0px; width: calc(100% - 110px);}
.mp-name { margin-bottom: 5px;}
.mp-name span, .mp-name button { margin-right: 5px !important; display: inline-block !important; font-size: 20px !important; vertical-align: middle !important; line-height: 30px !important; color: #000; font-weight: 500 !important;}
.mp-name span:hover, .mp-name button:hover { color: #ff1173;}
.mp-name i { display: inline-block; vertical-align: middle; cursor: pointer;}
.mp-description .match-label { margin-right: 10px !important; padding: 2px 5px!important; border-radius: 2px !important; font-size: 11px !important; font-weight: 400 !important;}
.mp-description .match-label.premium { color: #fff !important; background-color: #e7bf3b !important;}
.mp-description .mp-id { margin-right: 10px; color: #646464; line-height: 14px; font-size: 13px;}
.mp-body { padding: 12px 0px; border-top: solid 1px rgba(100, 100, 100, 0.1);}
.mp-info { padding-right: 15px; overflow: hidden;}
.mp-info i { margin-top: 2px;}
.mp-meta { margin: 0px 40px; float: right;}
.mp-meta .matching-score { margin: 0px auto}
.mp-footer { padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; flex-wrap: wrap; width: 100%;}
.mp-label { margin: 0px !important; padding: 4px 6px !important; display: none !important; border-radius: 0px 2px 2px 0px !important; font-size: 12px !important; font-weight: 400 !important; position: absolute; top: 10px; left: 0px;}
.mp-label.premium { color: #fff !important; background-color: #e7bf3b !important;}
.mp-label.vip { color: #fff !important; background-color: #3bc4e7 !important;}
.mp-label.plus { color: #fff !important; background-color: #c03be7 !important;}
.mp-card .match-favourite { margin-left: 5px; width: 26px; height: 26px; background-color: #4ab48a;}
.mp-card .match-favourite i { width: 14px; height: 14px; background-size: 14px;}
.mp-card .match-favourite i.i-heart-white { background-image: url(../img/heart-fill-white.svg); background-repeat: no-repeat;}
.mp-card .match-favourite.declined { background-color: #b4b4b4;}
.mp-card .match-favourite.declined i.i-heart-white { background-image: url(../img/heart-dash-white.svg); background-repeat: no-repeat;}
.mp-card .match-short-info .floating.dropdown.ui.button:hover { opacity: 1;}
.mp-card .match-short-info .floating.dropdown .menu { left: auto; right: 0px; min-height: 145px; background: #fff !important; min-width: 190px;}
.decision-block { min-height: 147px; flex-direction: column; justify-content: center; align-items: center;}
.mp-card .match-deleted { background: rgba(255,255,255,.8); z-index: 10;}
.slider-avatar { margin: 0px auto 12px; display: block; width: 70px; height: 70px; background-size: 70px; border-radius: 100%; overflow: hidden;}
.slider-avatar img { width: 100%; height: 100%; object-fit: cover;}
.slider-avatar.female { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/default-girl.png) no-repeat;}
.slider-avatar.male { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/default-boy.png) no-repeat;}
.slider-item .match-label { margin-right: 0px !important; position: absolute; top: 8px; right: 8px; font-size: 10px !important; padding: 4px 5px !important;}
.slider-item .header { font-size: 16px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 18ch; display: inline-block; vertical-align: middle;}
.slider-item .description { padding: 10px 0px; border-top: solid 1px rgba(100, 100, 100, 0.1); border-bottom: solid 1px rgba(100, 100, 100, 0.1);}
.slider-item .description .location { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 20ch; display: inline-block; vertical-align: middle;}
.slider-item .meta { font-size: 13px; color: #000; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 20ch; display: inline-block; vertical-align: middle;}
.slider-item .meta span+span:before { content: ''; margin: 0px 10px 0px 7px; display: inline-block; vertical-align: middle; width: 6px; height: 6px; opacity: 0.41; background-color: #646464; border-radius: 100%;}
.view-more { margin: 0px auto; padding: 15px 0px; text-align: center; border-top: solid 1px rgba(100, 100, 100, 0.1);}
.view-more a { color: #1d83ef;}
.view-more a:hover { text-decoration: underline;}
.top-close { margin: 0px !important; padding: 2px 10px 7px 9px !important; top: 8px !important; right: 20px !important; color: #999!important; background-color: #efefef !important; border-top-left-radius: 100%!important; border-top-right-radius: 100%!important;
    border-radius: 100% !important; width: 32px!important; height: 32px!important; text-align: center !important; font-size: 24px!important; line-height: 14px !important; background-size: 32px !important; font-style: normal !important; z-index: 10; position: absolute;}
.slider-btns { margin-left: auto;}
.slider-btns .ui.button { padding: 0px; position: relative; width: 28px; height: 28px; border-radius: 100%; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important; border: solid 1px rgba(157, 157, 157, 0.39) !important; background-color: #ffffff;}
.slider-btns .ui.button i { width: 4px; height: 8px; display: block; background-size: 4px 8px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.chat-head { padding: 9px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; flex-wrap: wrap; font-size: 14px; color: #fff; background-color: #1d83ef; cursor: pointer;
    border-radius: 6px 0px 0px 0px; position: fixed; bottom: 0; right: 0px; z-index: 100; width: 272px;}
.sticky-chat-wrapper { position: fixed; bottom: 0px; right: 0px; width: 272px; z-index: 105;}
.chat-close { margin: 0px 0px 0px 10px !important; padding: 0px !important; float: right; font-size: 30px !important; min-height: auto !important; line-height: 15px !important; background: transparent !important;}
.chat-head span { margin-left: auto; font-size: 12px !important; line-height: 16px; color: #1d83ef; text-align: center; border-radius: 8.5px; background-color: #fff; width: 27px; height: 17px;}
.chat-container { opacity: 0; height: 0;}
.chat-container.isHide { opacity: 1; height: auto; transition: all .5s linear; transition-property: opacity, height;}
.chat-container .ui.card { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); background-color: #fff; border-radius: 0px !important;}
.chat-container .ui.card .title { padding: 9px 12px 9px 20px; font-size: 14px; color: #000; background-color: rgba(140, 140, 140, 0.11); border-radius: 0px !important;}
.chat-container .ui.card .title span { margin: 0px 0px 0px 5px; display: inline-block; font-size: 10px !important; line-height: 16px; color: #fff; text-align: center; border-radius: 8.5px; background-color: #1d83ef; width: 27px; height: 16px;}
.chat-container .ui.card .avatar { margin-right: 12px; float: left; width: 35px; height: 35px; background-size: 35px !important; border-radius: 35px;}
.chat-container .ui.card .avatar img { width: 100%; height: 100%; object-fit: cover;}
.chat-container .ui.card .avatar.male { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/default-boy.png) no-repeat;}
.chat-container .ui.card .avatar.female { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/default-girl.png) no-repeat;}
.chat-container .ui.card .ui.list .item { padding: 8px 20px; display: flex; align-items: center; border-top: 1px solid rgba(180, 180, 180, .25)}
.chat-container .ui.card .ui.list .item:hover { background-color: rgba(0,0,0,.03);}
.chat-container .ui.card .ui.list .item:nth-child(1) { border-top: none;}
.chat-container .ui.card .ui.list .item .ui.avatar { padding: 0px; width: 38px; min-width: 38px; height: 38px; background-size: 38px !important; border-radius: 38px; position: relative;}
.chat-container .ui.card .ui.list .item .avatar.on::after { content: ''; display: block; width: 10px; height: 10px; border-radius: 10px; border: solid 2px #ffffff; background-color: #4ab48a; position: absolute; top: 0px; right: 0px;}
.chat-container .ui.card .ui.list .item .avatar.off::after { content: ''; display: block; width: 10px; height: 10px; border-radius: 10px; border: solid 2px #ffffff; background-color: #cbcbcb; position: absolute; top: 0px; right: 0px;}
.chat-container .ui.card .ui.list .item .avatar.male { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/default-boy.png) no-repeat;}
.chat-container .ui.card .ui.list .item .avatar.female { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/default-girl.png) no-repeat;}
.chat-container .ui.card .ui.list .item .content { padding: 0px; width: 100%;}
.chat-container .ui.card .ui.list .item .content .header { font-size: 13px; font-weight: 400 !important;}
.chat-container .ui.card .ui.list .item .content span { margin-left: 10px; float: right; font-size: 10px; color: #646464;}
.activity:before { content: ''; display: inline-block; vertical-align: middle; position: relative; left: 0px; width: 3px; height: 3px; border-radius: 100%; background: #ccc; margin: 0px 5px 0px 6px;}
.ui.form textarea:not([rows]) { min-height: 8em !important; max-height: 8em !important; line-height: 20px; font-size: 13px;}
.modal-xs { width: 450px !important;}
.modal-md { width: 620px !important;}
.modal-sm { max-width: 768px !important;}
.modal-lg { max-width: 1024px !important;}
.modal-sm .ui.header { padding: 20px 60px !important; text-align: center;}
.modal-sm .content { padding: 25px 60px !important;}
.modal-sm.partner-filter-modal .content { padding: 25px 20px 25px 60px !important;}
.modal-sm.partner-filter-modal .wd-form-divider { margin: 0px -20px 0px -60px;}
.modal-sm .wd-form-divider .ui.header { padding: 0px !important;}
.three.wide.fields.time-group .field:nth-child(1){ width: 40% !important;}
.three.wide.fields.time-group .field:nth-child(2){ width: 40% !important;}
.three.wide.fields.time-group .field:nth-child(3){ width: 20% !important;}
.s-results { max-width: 424px;}
.s-results .item+.item { margin-top: 5px;}
.swal-title { font-size: 24px; font-weight: 500;}
.swal-text { text-align: center !important;}
.swal-footer { text-align: center; margin-bottom: 15px;}
.swal-button { border-radius: 4px; background-color: #4ab48a;}
.swal-button:not([disabled]):hover { background-color: #3ea77d;}
.swal-button--cancel { color: #555; background-color: #efefef;}
.swal-button--cancel:not([disabled]):hover { background-color: #e8e8e8;}
.swal-button--cancel:focus, .swal-button--danger:focus, .swal-button:focus { box-shadow: none;}
.swal-button--danger { background-color: #ff0037;}
.swal-button--danger:not([disabled]):hover { background-color: #ec0638;}
.swal-icon--success { border-color: #4ab48a;}
.swal-icon--success__ring { border: 4px solid rgba(74,180,138,.2);}
.swal-icon--success__line { background-color: #4ab48a;}
.ui[class*="two column"].grid.match-tiny-stats { margin: 0px 0px 15px !important;}
.ui[class*="two column"].grid.match-tiny-stats>.column { padding: 0px !important;}
.ui[class*="two column"].grid.match-tiny-stats>.column .font-10 { line-height: 14px; max-width: 75%;}
.ui[class*="two column"].grid.match-tiny-stats i { width: 9px; height: 9px;}
.match-view-description-wrapper { position: relative; width: 100%;}
.description-header { padding: 10px 0px; border-bottom: solid 1px rgba(100, 100, 100, 0.1);}
.description-header .match-name { margin: 0px !important; font-size: 18px; font-weight: 500; color: #000;}
.description-header .match-name span { display: inline-block; vertical-align: middle;}
.description-footer { padding: 7px 1rem 7px 0rem; display: flex; flex-direction: row; align-items: center; border-top: solid 1px rgba(100, 100, 100, 0.1); position: relative;}
.short-stats-card { display: flex; margin-left: auto;}
.short-stats-card em { font-style: normal;}
.short-stats { margin-left: 15px;}
.contact-upgrade-card .content { padding: 35px 50px !important;}
.contact-upgrade-card .ui.grid { margin: -.5em !important}
.contact-upgrade-card .ui.grid .column { padding: .5em !important;}
.contact-upgrade-card .ui.button { padding: 18px 12px; height: 49px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500 !important;}
.contact-upgrade-card .ui.button i { width: 9px; height: 9px;}
.contact-upgrade-card .inner-card { margin: 0px; padding: 13px 12px; border-radius: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.contact-upgrade-card .inner-card i { margin-right: 10px; display: inline-block; vertical-align: middle; width: 22px; height: 22px; background-size: 22px; position: relative; top: 0px;}
.contact-upgrade-card.bg-blue .inner-card { background-color: rgba(0, 0, 0, 0.37); color: #fff;}
.contact-upgrade-card.bg-green { margin-top: 40px !important; background-color: #e5fff5 !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important;}
.contact-upgrade-card.bg-green .inner-card { border: dashed 1px #4ab48a; background-color: rgba(255, 255, 255, 0.57);}
.contact-upgrade-card.bg-green .ui.button i { width: 16px; height: 16px;}
.contact-upgrade-card.bg-green p { margin: 25px 0px 0px !important; font-weight: 400; font-size: 13px; max-width: 75%;}
.contact-upgrade-card.bg-green p i { margin: 3px 10px 0px 0px; padding: 0px 6px; float: left; font-size: 8px; font-style: italic; color: #4ab48a; line-height: 14px; width: 16px; height: 16px; background-size: 16px; border-radius: 100%; border: 1px solid #4ab48a;}
.contact-upgrade-card .oval { margin: -70px auto 15px; display: block; width: 68px; height: 68px; border-radius: 100% !important; background: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);}
.contact-upgrade-card .oval i { margin: 0px auto; display: block; width: 28px; height: 28px; background-size: 28px; position: relative; top: 18px; -moz-transform: rotate(-31deg); -o-transform: rotate(-31deg); -webkit-transform: rotate(-31deg); transform: rotate(-31deg);
    -ms-transform: rotate(-31deg);}
.short-stats span { margin-left: 10px; padding: 0px; display: inline-block; vertical-align: middle; width: 30px; height: 30px; background-size: 30px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03); border: solid 1px rgba(151, 151, 151, 0.2); border-radius: 100%;}
.short-stats span i { margin: 7px auto; padding: 0px; display: block; width: 14px; height: 14px; background-size: 14px;}
.assistance-card { background-color: #e5fff5 !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important;}
.assistance-card .content { padding: 35px 50px !important; height: 100%;}
.assistance-card .content i { margin-right: 45px; display: flex; width: 140px; min-width: 140px; height: 140px; background-size: 140px;}
.assistance-card .description .mobi-no { margin-bottom: 15px; font-size: 19px; color: #000;}
.assistance-card .description .mobi-no i { margin-right: 10px; display: inline-block; vertical-align: middle; width: 22px; height: 22px; min-width: 22px; background-size: 22px;}
.assistance-card .description a { font-size: 14px; color: #4ab48a;}
.assistance-card .description a i { margin: -2px 0px 0px 10px !important; display: inline-block; vertical-align: middle; margin: 0px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #4bb58b;
    min-width: auto; background-size: auto;}
.assistance-card .extra-content { display: flex; margin-left: auto; width: 175px; height: 100%; flex-direction: column-reverse;}
.assistance-card .extra-content i { min-width: auto;}
.assistance-card .card-footer { padding: 18px 50px !important; display: flex; align-items: center; border-top: solid 1px rgba(74, 180, 138, 0.35); width: 100%;}
.assistance-card .card-footer a { font-size: 12px; color: #4ab48a; margin-left: auto; font-weight: 500;}
.assistance-card .card-footer a i { margin: -2px 0px 0px 10px !important; display: inline-block; vertical-align: middle; margin: 0px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #4bb58b;
    min-width: auto; background-size: auto;}
.horoscope-oval { margin: 0px auto 10px; display: block; width: 54px; height: 54px; background-size: 54px; border-radius: 100%; background: #000;}
.horoscope-oval i { margin: 0px auto; display: block; width: 32px; height: 32px; background-size: 32px; position: relative; top: 10px;}
.horoscope-card .content { padding: 40px 35px !important;}
.horoscope-card.std a i { width: 9px; height: 9px;}
.horoscope-card.bg-green-lt { background-color: #dff9ef !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important; border: none !important; border-radius: 2px !important;}
.horoscope-card p { margin: 0px auto 15px !important; max-width: 55%;}
.paper-fold { position: absolute; top: 0px; left: 0px; width: 90px; height: 110px; background-color: #fff; z-index: 5;}
.paper-fold span { margin: 0px; display: block; width: 54px; height: 54px; background-size: 54px; border-radius: 100%; background: #000; position: absolute; left: 22px; top: 22px; z-index: 4;}
.paper-fold span i { margin: 0px auto; display: block; width: 32px; height: 32px; background-size: 32px; position: relative; top: 10px;}
.paper-fold::after { content: ''; position: absolute; bottom: -18px; right: -38px; width: 138px; height: 138px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/fold-paper.png) no-repeat; background-size: 138px; z-index: 5;}
.paper-fold::before { content: ""; position: absolute; bottom: 0em; right: 0; left: 0px; top: 0px; border-width: 112px 88px 0px 0px; border-style: solid; border-color: #dff9ef transparent; z-index: 3;}
.score-card { position: absolute; right: 15px; bottom: -42px; background-color: #fff; border-radius: 100%; background-size: 85px; box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.08); width: 85px; height: 85px;}
.score-card span em { display: block; font-size: 8px; color: #999 !important; font-style: normal; line-height: 100%; font-weight: 300;}
.score-card .circle-bar { margin: 7px auto;}
.ui.search .ui.icon.input { width: 100% !important;}
.ui.search .ui.icon.input input { margin: 0px !important; border: none !important; box-shadow: none !important;}
.ui.search .ui.right.icon.input input { border-radius: 2px !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03) !important; border: solid 1px rgba(151, 151, 151, 0.2) !important;}
.horoscope-importance { margin-left: auto; color: #646464; font-size: 13px;}
.horoscope-importance i { margin-right: 8px; padding: 0px 6px 0px 5px; display: inline-block; vertical-align: middle; border: solid 1px #b4b4b4; background-color: rgba(255, 255, 255, 0.29); border-radius: 100%; font-size: 9px; width: 16px; height: 16px; line-height: 14px;
    color: #b4b4b4;}
button.ui.button:hover, a.text-blue:hover { opacity: .8;}
.slide-info { padding: 24px 15px 15px; object-fit: contain; background-color: rgba(0, 0, 0, 0.28); position: absolute; left: 0px; bottom: 0px; right: 0px; z-index: 10;}
.slide-add { font-size: 12px; color: #fff;}
.slide-add label { cursor: pointer;}
.lock-circle { margin: 0px; padding: 0px; width: 32px; height: 32px; background-color: #fff; position: absolute; top: -16px; border-radius: 100%;}
.lock-circle i { margin: 6px auto; display: block; width: 18px; height: 18px; background-size: 18px;}
.request-info { padding: 10px; font-size: 12px; position: absolute; left: 0px; bottom: 0px; right: 0px; z-index: 12; background: #e3e3e3;}
.request-info i { margin-right: 5px; display: inline-block; width: 16px; height: 16px; background-size: 16px; vertical-align: middle;}
.ui[class*="two column"].grid.match-tiny-stats>.column:nth-child(1) { width: 40% !important;}
.ui[class*="two column"].grid.match-tiny-stats>.column:nth-child(2) { width: 60% !important; text-align: right;}
.mobi-score { margin-left: 15px; margin-right: 5px; padding: 5px; box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.08); background-color: #ffffff; border-radius: 100%; width: 70px; height: 70px;}
.mobi-score .circle-bar.small { font-size: 60px;}
.mobi-score .circle-bar:after { width: 54px; height: 54px; top: 2.5px; left: 2.5px;}
.mobi-score .circle-bar > span { width: 60px; line-height: 18px;}
.mobi-score .circle-bar > span em { font-size: 7px;}
.mobi-score .circle-bar .bar { width: 60px; height: 60px;}
.mobi-score .circle-bar .bar:before, .mobi-score .circle-bar .fill:after { width: 60px; height: 60px;}
.mobi-score .circle-bar .fill { width: 60px !important; height: 60px !important;}
.mobi-button { display: none !important;}
.view-card-group.mobi-button .content { padding: 5px 0px !important;}
.view-card-group.mobi-button .content .button { padding: 8px 0px 6px !important;}
.view-card-group.mobi-button .content .button:nth-child(2) { border-left: solid 1px rgba(100, 100, 100, 0.1) !important;}
.photo-request { padding: 8px 0px; font-size: 12px; text-align: center; background-color: #e3e3e3; position: absolute; bottom: 5px; left: 0px; right: 0px; z-index: 10;}
.request-card { padding: 15px 15px 20px; position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 10; background-color: rgba(0, 0, 0, 0.28); text-align: left !important;}
.request-card .title { font-size: 12px; margin-bottom: 5px; color: #fff;}
.request-card span { margin: -30px 0px 12px; display: block; width: 32px; height: 32px; background: #fff; border-radius: 100%; position: relative;}
.request-card span i { margin: 0px auto; display: block; width: 20px; height: 20px; background-size: 20px; position: relative; top: 5px;}
.field-clear-btn { position: absolute; right: 0px; bottom: 0px; top: 0px; border: none; background: transparent; opacity: .4; outline: none; cursor: pointer;}
.field-clear-btn:hover { opacity: 1;}
.request-overlay { position: absolute; bottom: 0px; left: 0px; right: 0px; top: 0px; z-index: 9; background-color: rgba(0, 0, 0, 0.4);}
.mobi-action-buttons { padding: 10px; background-color: #fff8e1; z-index: 10; display: none !important; border-radius: 2px !important; box-shadow: 0 4px 6px 0 rgba(157, 157, 157, 0.15) !important; width: 100%;}
.mobi-action-buttons .button { padding: 0px 10px !important; height: 35px;}
.mobi-action-buttons .button.pl-0 { padding-left: 0px !important;}
.mobi-action-buttons .button.p-0 { padding: 0px !important;}
.mobi-action-buttons .i-menu-horizontal { position: relative; top: -1px; left: 2px;}
.action-block .ui.button { height: 38px;}
.mobi-more-btn { float: right !important;}
.match-view-header-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px;}
.view-thumb { margin: 0px 9px 0px 0px; padding: 0px; width: 200px; min-width: 200px; max-width: 200px; height: 244px; overflow: hidden; position: relative; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03) !important; background: #fff; border-radius: 2px;}
.view-thumb .slide-item { margin: 8px; width: 184px; height: 228px;}
.view-thumb .thumb-overlay-shadow { top: 8px; left: 8px; right: 8px; bottom: 8px;}
.match-view-header-wrapper .match-view-content { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03) !important; background: #fff; border-radius: 2px;}
.view-thumb .slide-item img { width: 184px !important;}
.match-view-header-wrapper .description-header { padding-left: 15px;}
.match-view-header-wrapper .extra-content { padding-left: 15px;}
.match-view-header-wrapper .description-footer { padding-left: 15px;}
.view-thumb .slide-count { position: absolute; bottom: 16px; left: 84px; color: #fff; z-index: 12;}
.upgrade-header { padding: 24px 60px 24px 40px !important; font-size: 16px; color: #fff; line-height: 20px; background-image: linear-gradient(to right, #8e56fc 0%, #e42294 100%); position: relative; overflow: hidden;}
.upgrade-header::after { content: ''; width: 60px; height: 60px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/crown-white.svg) no-repeat; background-size: 60px; position: absolute; right: 30px; bottom: -8px; opacity: .35;}
.upgrade-header p { margin-top: 5px; font-size: 12px;}
.photo-request-header { padding: 24px 60px 24px 40px !important; font-size: 14px; color: #000; line-height: 20px; background-color: #ffedb1; position: relative; overflow: hidden;}
.upgrade-top-row { padding: 16px 40px; background-image: linear-gradient(to right, #f9f6ff 0%, #fef3fa 100%); overflow: hidden;}
.upgrade-top-row .thumb { margin-right: 15px; float: left; width: 45px; height: 45px; border-radius: 100%; background-size: 45px; overflow: hidden;}
.upgrade-top-row .thumb img { width: 45px; height: 45px; object-fit: cover;}
.upgrade-top-row .description { overflow: hidden;}
.upgrade-top-row .extra-content { display: inline-block; width: 100%;}
.upgrade-top-row .extra-content span { margin-right: 30px; font-size: 14px; color: #000; display: inline-block; vertical-align: middle;}
.upgrade-top-row .extra-content span i { margin-right: 10px; display: inline-block; vertical-align: middle; width: 18px; height: 18px; background-size: 18px;}
.upgrade-leads { display: flex; width: 100%; align-items: center; flex-direction: row;}
.upgrade-leads span { line-height: 36px;}
.upgrade-leads .right { display: flex; margin-left: auto;}
.slide .request-card { padding: 15px 8px;}
.ui.right.pointing.dropdown.report-menu>.menu { min-width: 195px !important; width: 195px !important;}
.mobi-action-buttons .ui.right.pointing.dropdown>.menu { min-width: 195px !important; width: 195px !important; z-index: 15 !important;}
.mobi-extra-content { display: none; position: relative;}
.mobi-extra-content .item { padding: 5px 12px !important; border-bottom: solid 1px rgba(100, 100, 100, 0.1);}
.mobi-extra-content span { font-size: 12px; color: #000;}
.mobi-extra-content .item:last-child { border-bottom: none;}
.mobi-extra-content span.label { float: left;}
.mobi-extra-content span.item-control { overflow: hidden;}
.mobi-tags { display: none;}
.mobi-match-score { position: absolute; top: 35px; right: 15px; width: 85px; height: 85px; background: #fff; border-radius: 100%;}
.mobi-tags span { margin: 5px 5px 0 0px; padding: 0px 8px; display: inline-block; vertical-align: middle; font-size: 11px; color: #646464; border: solid 1px rgba(180, 180, 180, 0.53); background-color: rgba(133, 133, 133, 0.04); border-radius: 12px;}
.mobi-tags .label.premium { color: #fff !important; background-color: #e7bf3b !important; border: 1px solid #e7bf3b !important;}
.mobi-tags .label.vip { color: #fff !important; background-color: #3bc4e7 !important; border: 1px solid #3bc4e7 !important;}
.mobi-tags .label.plus { color: #fff !important; background-color: #c03be7 !important; border: 1px solid #c03be7 !important;}
.mobi-match-horoscope { width: 28px; height: 28px; background-size: 28px; position: relative; border-radius: 100% !important;}
.mobi-match-horoscope i { width: 15px; height: 15px; background-size: 15px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.mobi-favourite { display: none;}
.matching-score { margin: 15px auto 0px; text-align: center;}
.match-mobi-popup { display: none !important;}
.match-mobi-filrer { display: none; align-items: center; /*justify-content: space-between;*/ position: relative; z-index: 10;}
.match-mobi-filrer button { margin: 0px 8px 0px 0px !important; border: none !important; box-shadow: none !important; height: 40px; background-color: #eaf3fd !important; border-radius: 2px !important;}
.match-mobi-filrer button:hover { border: none !important;}
.match-mobi-filrer .match-sort-btn { margin: 0px 8px 0px 0px !important; border: none !important; box-shadow: none !important;  height: 40px; background-color: #eaf3fd !important; border-radius: 2px !important;}
.match-more-modal { padding: 0px; position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #fff; border-radius: 4px; border: solid 1px rgba(151, 151, 151, 0.2) !important; z-index: 165;
    -webkit-box-shadow: 0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3), 0 -18px 60px -10px rgba(0,0,0,.025);
    box-shadow: 0 50px 100px -20px rgba(50,50,93,.25), 0 30px 60px -30px rgba(0,0,0,.3), 0 -18px 60px -10px rgba(0,0,0,.025);  opacity: 0;
    visibility: hidden; -webkit-transform: scale(.99); transform: scale(.99); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; will-change: transform,opacity; -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform; -webkit-transition-duration: .25s; transition-duration: .25s;}
.wd-match-more-popup-active { -webkit-transform: none; transform: none; opacity: 1; visibility: visible;}
.match-more-modal .content { padding: 20px 20px 70px; background: #f6f7f8 !important; position: fixed; top: 0px; left: 0px; right: 0px; width: 100%; bottom: 0px; overflow-y: auto; z-index: 8;}
.match-more-modal .ui.vertical.menu { border-radius: 2px !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important; border: none !important;}
.match-more-modal .ui.vertical.menu .header { padding: 1rem; font-weight: 500; font-size: 11px; text-transform: uppercase; border-bottom: 1px solid rgba(34, 36, 38, .1);}
.match-more-modal .ui.vertical.menu .item { color: #343a40; font-size: 18px; font-weight: 700;}
.match-more-modal .ui.vertical.menu .item:before { background: none !important;}
.match-more-modal .ui.vertical.menu .item.active { color: #ff0037 !important; background: transparent; border-bottom: none;}
.match-more-modal .ui.vertical.menu .label-pink { float: none; font-size: 10px; color: #ff1173; border-radius: 2px !important; background-color: rgba(255, 17, 115, 0.12) !important;}
.match-more-modal .bottom-close { margin: 0px; padding: 20px 0px; background: #fff; color: #ff1173; border-radius: 0px !important; position: absolute; left: 0px; right: 0px; bottom: 0px; width: 100%; box-shadow: 0 -8px 14px 0 rgba(0, 0, 0, 0.08); z-index: 9;}
.content.match-card-footer .mobile { display: none !important;}
.content.match-card-footer .mobi-action-btn .buttons { margin: 0px !important;}
.modal-header { padding: 20px 60px 20px 30px; border-bottom: solid 1px rgba(180, 180, 180, 0.12);}
.modal-header h3 { font-size: 16px !important; font-weight: 500 !important; color: #000 !important;}
.modal-header .ui.menu { margin: -20px 0px -22px !important;}
.modal-header .ui.menu .item { padding: 0px !important; line-height: 57px; border-bottom: 2px solid transparent !important;}
.modal-header .ui.menu .item+.item { margin-left: 25px;}
.modal-header .ui.menu .item.active { color: #ff0037; border-bottom: 2px solid #ff0037 !important;}
.modal-close { margin: 0px auto; padding: 8px 10px 8px 9px !important; top: 14px !important; right: 14px !important; color: #999!important; background-color: #efefef; border-top-left-radius: 100%!important; border-top-right-radius: 100%!important; border-radius: 100%; width: 32px!important; height: 32px!important;
    text-align: center; font-size: 24px!important; line-height: 13px; background-size: 32px; font-style: normal;}
.header-light { background-color: #f9f8f8;}
.h-38 { height: 38px !important;}
.img-status { margin: 0px auto; padding: 2px 5px; font-size: 11px; text-align: center; position: absolute; left: 0px; bottom: 0px; right: 0px; color: #fff;}
.upgrade-modal .modal-close { top: -1rem !important; right: -1rem !important; background: #fff; opacity: 1 !important; color: #000 !important;}
.content.modal-body { padding: 20px 30px !important;}
.content.modal-body.pt-0 { padding-top: 0px !important;}
.modal-spl-card .card-header { padding: 20px 30px !important; border-bottom: solid 1px rgba(255, 255, 255, 0.2);}
.modal-spl-card .card-body { padding: 20px 30px !important;}
.smiley { margin: 0px auto; padding: 6px; width: 64px; height: 64px; background: #fff; border-radius: 100% !important; background-size: 64px; overflow: hidden; position: absolute; top: -32px; left: 44%;}
.smiley i { margin: 0px auto; display: block; width: 50px; height: 50px; background-size: 50px;}
.modal-footer { padding: 20px 30px !important; display: flex; flex-direction: row; align-items: center;}
.modal-footer .photo-card { display: flex; flex-direction: row; align-items: center;}
.photo-card .photo-thumb { margin-right:15px; width: 44px; height: 44px; min-width: 44px; border-radius: 100%; background-size: 44px !important; border: solid 1px #ffffff;}
.photo-card .photo-thumb.female { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/default-girl.png) no-repeat;}
.photo-card .photo-thumb.male { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/default-boy.png) no-repeat;}
.modal-footer .right { min-width: 200px; width: 200px; margin-left: auto;}
.modal-footer .right a { float: right;}
.header-content { margin-right: auto; margin-left: auto; max-width: 445px;}
.modal-assisted-card { padding: 0px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center;
    -ms-flex-align: center; align-items: center; flex-direction: row; background-color: #e6fff5;}
.modal-assisted-card .col { -webkit-flex-basis: 50%; flex-basis: 50%; max-width: 50%;}
.assisted-image img { margin: -12px 0px; width: 200px;}
.profile-tiny-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center;
    -ms-flex-align: center; align-items: center; flex-direction: row;}
.profile-tiny-card .thumb { width: 50px; min-width: 50px; height: 50px; background-size: 50px;}
.profile-tiny-card .thumb img { width: 100%;}
.profile-tiny-card .description .title { margin-bottom: 5px; font-size: 20px; font-weight: 400; color: #000;}
.invite-msg-card { padding: 12px 30px; font-size: 14px; color: #358c6a; background-color: #dfefe9;}
.contact-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch;
    -ms-flex-align: stretch; align-items: stretch; flex-direction: row;}
.phone-column { min-width: 220px; max-width: 220px;}
.email-column .item { padding-left: 20px; border-left: solid 1px rgba(151, 151, 151, 0.2);}
.ui.three.column.doubling.stackable.grid.status-box { margin: -0.5rem !important;}
.ui.three.column.doubling.stackable.grid.delete-option .column { padding: 0.5rem !important;}
.status-box .check-radio label { padding: 10px !important; font-size: 11px !important; border-radius: 4px !important; background-color: rgb(255, 255, 255) !important;}
.reason-box label { padding: 10px !important; text-align: left !important; background: #fff !important; font-weight: normal !important; color: #333 !important;}
.msg-box .check-radio { margin-right: 10px !important; margin-bottom: 8px !important;}
.msg-box label { padding: 10px !important; font-size: 12px !important; text-align: left !important; background: #fff !important; font-weight: normal !important; color: #333 !important; border-radius: 4px !important;}
.round-icon { margin: 0px 0px 20px; display: inline-block; width: 64px; height: 64px; background-size: 64px; background-color: rgba(0, 0, 0, .05); position: relative; border-radius: 100%;}
.round-icon i { margin: 0px; width: 32px; height: 32px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-size: 32px;}
.photo-upload-cards { display: flex; border-top: solid 1px rgba(100, 100, 100, 0.1); border-bottom: solid 1px rgba(100, 100, 100, 0.1);}
.photo-upload-cards .ui.button { margin: 0px; padding: 15px 0px; font-weight: 400; max-width: 50%; width: 50%; height: 100%; background-color: #fff; border: none; border-radius: 0px !important; min-height: 105px;}
.photo-upload-cards .ui.button i { margin: 0px auto 12px; display: block; width: 24px; height: 24px; background-size: 24px;}
.photo-upload-cards .ui.button:nth-child(2) { border-left: solid 1px rgba(100, 100, 100, 0.1);}
.photo-upload-cards .ui.button:hover { background-color: #fafafa;}
.modal-profile-thumb { margin: 0px; padding: 0px; width: 64px; height: 64px; border-radius: 100% !important; background-size: 64px !important; overflow: hidden; position: absolute; top: -32px;}
.modal-profile-thumb.left { left: 30px;}
.modal-profile-thumb.girl { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/default-girl.png) no-repeat;}
.modal-profile-thumb.boy { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/default-boy.png) no-repeat;}
.modal-profile-thumb.center { left: 44%;}
.filter-header { padding: 20px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; flex-direction: row; align-items: center;}
.filter-header .title { font-size: 16px; color: #000; font-weight: 500;}
.filter-btn { margin-left: auto;}
.filter-body { padding: 0px 20px 20px 20px;}
.filter-body .ui.four.column.stackable.grid { margin: -.5em !important;}
.filter-body .ui[class*="four column"].grid>.column:not(.row) { padding: .5em !important;}
.filter-col { padding: 12px 15px; border-radius: 2px; border: solid 1px rgba(210, 210, 210, 0.52); background-color: #fff;}
.filter-col .title { margin-bottom: 15px; font-size: 13px; color: #000; text-transform: uppercase;}
.filter-col .ui.checkbox { margin-bottom: 15px; display: block; font-weight: 400 !important;}
.ui.checkbox.blue input:checked~label:before { border-color: #1d83ef; background: #1d83ef;}
.ui.checkbox.blue input:checked~label:after { color: #fff !important;}
.ui.checkbox.blue label { font-size: 13px; color: #646464; line-height: 17px;}
.checkbox-card { margin-bottom: 10px; padding: 12px 15px; border-radius: 2px; border: solid 1px rgba(210, 210, 210, 0.52); background-color: #ffffff;}
.checkbox-card .ui.checkbox.blue { margin-bottom: 0px;}
.ui.tiny.modal.upgrade-modal { width: 570px !important;}
.instruction-video { height: 0; max-width: 100%; overflow: hidden; padding-bottom: 56%; position: relative; border: solid 1px rgba(151, 151, 151, 0.17);}
.instruction-video iframe { border: 0; height: 100%; left: 0; padding: 0; position: absolute; top: 0; width: 100%; max-width: 100%; text-align: center;}
.membership-cards .ui.card .content { padding: 25px !important;}
.membership-stats { margin: 0px -12px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start; flex-direction: row; -webkit-box-orient: vertical; -webkit-box-direction: normal;}
.membership-stats .item { padding: 0px 25px; min-height: 60px; width: 33.33%;}
.membership-stats .item+.item { border-left: solid 1px rgba(100, 100, 100, 0.15);}
.membership-stats .ui.toggle.checkbox input { width: 35px; height: 20px;}
.membership-stats .ui.toggle.checkbox label { width: 35px; padding: 0px;}
.membership-stats .ui.toggle.checkbox .box:before, .membership-stats .ui.toggle.checkbox label:before { width: 35px; height: 20px; background: #D8D8D8;}
.membership-stats .ui.toggle.checkbox input~.box:after, .membership-stats .ui.toggle.checkbox input~label:after { width: 16px; height: 16px; box-shadow: none; background: #fff; top: 2px; left: 2px;}
.membership-stats .ui.toggle.checkbox.checked input~.box:after, .membership-stats .ui.toggle.checkbox.checked input~label:after { left: auto; right: 2px;}
.membership-stats .ui.toggle.checkbox input:checked~.box:before, .membership-stats .ui.toggle.checkbox input:checked~label:before { background: #4ab48a !important;}
.membership-card-footer { padding: 15px 25px; display: flex; border-top: solid 1px rgba(100, 100, 100, 0.15);}
.membership-card-footer .right { margin-left: auto;}
.orders-list .item { padding: 15px 25px !important; display: flex !important; align-items: center; flex-direction: row;}
.orders-list .item+.item { border-top: solid 1px rgba(100, 100, 100, 0.15);}
.orders-list .item .left { width: 50%;}
.orders-list .item .right { margin-left: auto; display: flex; width: 50%; align-items: center;}
.orders-list .item .order-price { width: 60px; text-align: right;}
.orders-list .item .order-status { width: 90px; text-align: right;}
.order-action { text-align: right; margin-left: auto;}
.purchased-addons .ui.cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.purchased-addons .card { width: calc(33.33% - 1em) !important;}
.purchased-addons .card .content { padding: 20px !important; position: relative;}
.purchased-addons .card .content .ui.label { padding: 4px; font-size: 7px; color: #fff; text-transform: uppercase; position: absolute; right: 5px; top: 5px; background-color: #4ab48a; border-radius: 2px;}
.purchased-addons .card .header { margin-bottom: 5px; padding: 0px; font-size: 16px !important; font-weight: 500 !important; text-decoration: underline; text-decoration: underline; border: none; background-color: transparent;}
.purchased-addons .card .meta { color: #646464;}
.setting-overlay { display: flex; flex-direction: row; align-items: center; justify-content: center; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999; background: rgba(53, 77, 97, 0.5);}
.setting-overlay .overlay-box { margin: auto; display: flex; flex-direction: column; padding: 30px !important; align-items: center; background: #fff; max-width: 500px; border-radius: 6px; box-shadow: 0 32px 74px 0 rgba(95, 116, 148, 0.17); position: relative; z-index: 999;}
.overlay-box h1 { margin-bottom: 10px; font-size: 30px; font-weight: 700; color: #4ab48a;}
.overlay-box .lead { font-size: 18px; line-height: 24px; font-weight: 400; color: #646464; text-align: center;}
.is-blur.app-wrapper { -webkit-filter: blur(6px); -moz-filter: blur(6px); -o-filter: blur(6px); -ms-filter: blur(6px); filter: blur(6px); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden;}
.upload-cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border: solid 1px rgba(100, 100, 100, 0.1);}
.upload-cards .ui.button { margin: 0px; padding: 15px; font-weight: 400; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; background-color: #fff; border: none; border-radius: 0px !important; cursor: pointer;}
.upload-cards .ui.button label { cursor: pointer;}
.upload-cards .ui.button i { margin: 0px auto 12px; display: block; width: 24px; height: 24px; background-size: 24px;}
.upload-cards .ui.button:nth-child(2) { border-left: solid 1px rgba(100, 100, 100, 0.1);}
.upload-cards .ui.button:hover { background-color: #fafafa;}
.upload-photos { margin: -.5em;}
.upload-photos.ui.six.cards>.card { margin: .5em; width: calc(16.66666667% - 1em); box-shadow: none !important; border: 1px solid rgba(180,180,180,-0.17);}
.upload-photos.ui.six.cards>.card .image { height: 116px;}
.upload-photos.ui.six.cards>.card img { width: 100%; height: 116px; object-fit: cover;}
.birt-time-wrapper { margin: 0px -5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.birt-time-wrapper .item { margin: 0px 5px; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
.birt-time-wrapper .item:nth-child(3) { max-width: 75px;}
.manage-card .content { padding: 18px 25px !important;  position: relative; display: flex !important; display: -webkit-box; display: -ms-flexbox; flex-direction: row; align-items: center;}
.manage-card .content .ui.button { margin-left: auto;}
.action-history .item { padding: 20px 30px !important; border-top: solid 1px rgba(16, 27, 79, 0.08) !important;}
.msg-container .item.right .photo-card .photo-item { border-radius: 10px 0px 10px 10px; width: 87px; height: 112px; overflow: hidden;}
.msg-container .item.right .photo-card .photo-item img { width: 100%; height: 100%; object-fit: cover;}
.msg-container .item.left .photo-card .photo-item { margin-bottom: 5px; border-radius: 0px 10px 10px 10px; width: 87px; height: 112px; overflow: hidden; position: relative;}
.msg-container .item.left .photo-card .photo-item img { width: 100%; height: 100%; object-fit: cover;}
.msg-container .item .photo-card .time { font-size: 12px; color: #646464; position: relative; opacity: 0.52;}
.msg-container .item.right .photo-card .time.right { text-align: right;}
.msg-container .item.right .photo-card .time.left { text-align: left;}
.msg-container .item .photo-card .photo-item { margin-bottom: 5px;}
.msg-container .item .photo-card .photo-item { position: relative;}
.msg-container .item .photo-card.multiple { margin: -5px -2px 5px -2px; display: flex; flex-wrap: wrap; max-width: 372px;}
.msg-container .item .photo-card.multiple .photo-item { margin: 2px; border-radius: 0px; width: 120px; height: 154px;}
.msg-container .item .photo-card.multiple.two .photo-item { margin: 2px; width: 182px; height: 234px;}
.msg-container .item .photo-card.multiple.four .photo-item { margin: 2px; width: 182px; height: 234px;}
.msg-container .item.right .photo-card.multiple { justify-content: flex-end;}
.msg-container .item.right .photo-card.multiple .photo-item:nth-child(4) { border-radius: 0px 0px 0px 10px;}
.msg-container .item.right .photo-card.multiple .photo-item:last-child { border-radius: 0px 0px 10px 0px;}
.msg-container .item.right .photo-card.multiple .photo-item:first-child { border-radius: 10px 0px 0px 0px;}
.msg-container .item.left .photo-card.multiple .photo-item:nth-child(4) { border-radius: 0px 0px 0px 10px;}
.msg-container .item.left .photo-card.multiple .photo-item:last-child { border-radius: 0px 0px 10px 0px;}
.msg-container .item.left .photo-card.multiple .photo-item:nth-child(3) { border-radius: 0px 10px 0px 0px;}
.chatbox-controls { display: flex; align-items: flex-end; position: relative; z-index: 1; flex: none; order: 3; box-sizing: border-box; width: 100%;}
.file-upload-box { padding: 15px 20px; display: flex; width: 100%; white-space: nowrap; overflow-x: scroll; border-bottom: solid 1px rgba(16, 27, 79, 0.08);
    position: relative; z-index: 0;}
.file-upload-box::-webkit-scrollbar{  display: none}
.file-upload-box .thumb { margin-right: 12px; width: 60px; height: 60px; background-size: 60px; border-radius: 10px; position: relative; flex: none;
    box-sizing: border-box;}
.file-upload-box .thumb .button { margin: 0px !important; position: absolute; top: -6px; right: -6px; z-index: 5; padding: 5px 6px 6px 6px !important;
    box-shadow: 0 0 0 1px rgba(34, 36, 38, .25) inset;}
.file-upload-box .thumb .button i { opacity: 0.5 !important;}
.file-upload-box .thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
.file-upload-box .thumb .middle-progress { border-radius: 10px;}
.file-upload-box .thumb .middle-progress .ui.loader::before { border: .2em solid rgba(255,255,255,1) !important;}
.msg-container .item.left .loader-box { padding: 0px 12px; background-color: #e8f2fd; border-radius: 0px 10px 10px 10px;}
.msg-container .item.right .loader-box { padding: 0px 12px; background-color: #e8f2fd; border-radius: 10px 0px 10px 10px;}
.msg-container .item.left .photo-review { display: flex; flex-direction: column; justify-content: flex-end; border-radius: 0px 10px 10px 10px; overflow: hidden;}
.msg-container .item.right .photo-review { margin-top: 3px; display: flex; flex-direction: column; justify-content: flex-end; border-radius: 10px 0px 10px 10px; overflow: hidden; width: 100%;}
#loader-4 span { margin: 12px 3px; display: inline-block; width: 8px; height: 8px; border-radius: 100%; background-color: #1d83ef; opacity: 0;}
#loader-4 span:nth-child(1){ animation: opacitychange 1s ease-in-out infinite;}
#loader-4 span:nth-child(2){ animation: opacitychange 1s ease-in-out 0.33s infinite;}
#loader-4 span:nth-child(3){ animation: opacitychange 1s ease-in-out 0.66s infinite;}
.wd-chat-wrapper { margin: 0em auto 0px; height: 100%; /*display: flex; flex-direction: column;*/ max-width: 1175px;}
.chat-heading { margin-bottom: 10px; display: flex; align-items: center;}
.chat-heading a { font-size: 18px; font-weight: 600; line-height: 20px; display: inline-block; color: #000000;}
.chat-heading .ui.button { margin: 0px 0px 0px 10px; padding: 0px; background-color: transparent; border-radius: 0px; opacity: .7;}
.chat-heading .ui.button i { width: 20px; height: 20px; background-size: 20px; display: block;}
.chat-body-wrapper { margin: 0px auto; display: flex; height: calc(100% - 80px); position: absolute; top: 58px; right: 0px; left: 0px; z-index: 50; width: 100%; max-width: 1175px;}
.chat-empty { margin: auto; display: flex; align-items: center; flex-direction: column; justify-content: center; width: 100%;}
.chatbox-container { position: relative; top: 0; display: flex; width: 100%; height: 100%; overflow: hidden;}
.chatbox-leftbar { flex: 410px; position: relative; z-index: 100; height: 100%; overflow: hidden; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.06); border-right: solid 1px rgba(16, 27, 79, 0.08);}
.leftbar-container { display: flex; flex-direction: column; height: 100%;}
.leftbar-header { position: relative; z-index: 1000; display: flex; flex: none; align-items: center; justify-content: flex-end; box-sizing: border-box; width: 100%; height: 52px;}
.leftbar-header .chat-tab { margin: 0px !important; box-shadow: none; border: none; border-bottom: solid 1px rgba(16, 27, 79, 0.08); border-radius: 0px !important; height: 100%;}
.leftbar-header .chat-tab a { padding: 0px !important; line-height: 52px;}
.leftbar-header .chat-tab a::before { background: rgba(16, 27, 79, 0.08) !important;}
.leftbar-header .chat-tab a.active { color: #1d83ef !important; line-height: 52px; border-radius: 0px !important; border-bottom: none !important;}
.leftbar-header .chat-tab a i, .leftbar-header .chat-tab button i { margin-right: 10px; display: inline-block; width: 16px; height: 16px; background-size: 16px; vertical-align: middle;}
.leftbar-header .chat-tab button .i-inbox { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/inbox-gray.svg); background-repeat: no-repeat;}
.leftbar-header .chat-tab a .i-sent { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/sent-gray.svg); background-repeat: no-repeat;}
.leftbar-header .chat-tab button.active .i-inbox { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/inbox-blue.svg); background-repeat: no-repeat;}
.leftbar-header .chat-tab a.active .i-sent { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/sent-blue.svg); background-repeat: no-repeat;}
.chat-list { position: relative; z-index: 1; display: flex; flex-direction: column; flex: 1 1 0; flex-grow: 1; order: 2; border-bottom: solid 1px rgba(16, 27, 79, 0.08);  overflow-y: auto;}
.leftbar-header .chat-tab button { padding: 0px !important; border: none !important; background-color: #fff !important; outline: none; position: relative; cursor: pointer;
    vertical-align: middle; line-height: 1; text-decoration: none; -webkit-tap-highlight-color: transparent; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: 0 0; text-transform: none; color: rgba(0, 0, 0, .87);
    font-weight: 400; -webkit-transition: background .1s ease, color .1s ease, -webkit-box-shadow .1s ease; transition: background .1s ease, color .1s ease, -webkit-box-shadow .1s ease;
    transition: background .1s ease, box-shadow .1s ease, color .1s ease; transition: background .1s ease, box-shadow .1s ease, color .1s ease, -webkit-box-shadow .1s ease;}
.leftbar-header .chat-tab button:hover { background-color: rgba(0, 0, 0, .03) !important;}
.leftbar-header .chat-tab button.active { color: #1d83ef !important;}
.chat-list::-webkit-scrollbar-track { background-color: #F5F5F5; border-radius: 10px;}
.chat-list::-webkit-scrollbar { width: 6px; background-color: #F5F5F5;}
.chat-list::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgba(50, 61, 84, 0.1);}
.chat-list .item { padding: 14px 20px !important; display: flex !important; align-items: center; border-bottom: solid 1px rgba(16, 27, 79, 0.08);}
.chat-list .item .avatar { margin-right: 15px !important; padding: 0px !important; min-width: 40px; width: 40px !important; height: 40px !important; background-size: 40px; border-radius: 100%; overflow: hidden;}
.chat-list .item .avatar img { margin: 0px !important; height: 100%; width: 100%; object-fit: cover;}
.chat-list .item.opened { background-color: #f7f7f7 !important;}
.chat-list .item .content { padding: 0px !important; flex-direction: column; flex: 1 1 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.chat-list .item .content .header { font-size: 15px; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.chat-list .item .content .header span { display: inline-block; padding: 3px 0px;}
.chat-list .item .content .tiny-msg { font-size: 13px; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.chat-list .item .extra { text-align: right; min-width: 50px;}
.chat-list .item .extra span { opacity: 0.4; color: #646464; font-size: 10px;}
.chat-list .item .extra i { padding: 0px 15px 0px 0px; display: block; float: right; width: 9px; height: 9px; background-size: 9px;}
.chat-list .item .extra .ui.label { display: inline-block; padding: 3px 0px;}
.chat-more { position: relative; z-index: 1; flex: none; order: 3; box-sizing: border-box; width: 100%; min-height: 52px;}
.chat-more .button { line-height: 52px;}
.chatbox-content { flex: 65%; position: relative; z-index: 100; height: 100%; overflow: hidden;}
.chatbox-content-container { display: flex; flex-direction: column; height: 100%;}
.chatbox-header { padding: 12px 20px; position: relative; z-index: 10; display: flex; align-items: center; box-sizing: border-box; width: 100%; border-bottom: solid 1px rgba(16, 27, 79, 0.08);}
.chatbox-header .avatar { margin: 0px 15px 0px 0px !important; flex: none; height: 45px !important; width: 45px !important; background-size: 45px; position: relative; overflow: hidden;}
.chatbox-header .avatar img { width: 100% !important; height: 100% !important; object-fit: cover;}
.chatbox-header .content { display: flex; flex-direction: column; flex-grow: 1; justify-content: center; min-width: 0;}
.chatbox-header .content .name { display: block; flex-grow: 1; overflow: hidden; font-weight: bold; font-size: 18px; line-height: 28px; white-space: nowrap; text-overflow: ellipsis; align-items: center; color: #000;}
.chatbox-header .content .description { flex: 1 1 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.chatbox-header .content .description span.mem-id { margin-right: 20px; color: #646464;}
.chatbox-header .right-menu { margin-left: 20px; flex: none;}
.chatbox-header .right-menu ul { margin: 0px; padding: 0px; display: flex; align-items: center; list-style: none;}
.chatbox-header .right-menu ul li { margin: 0px 0px 0px 20px;}
.chatbox-header .right-menu ul li.action-btn i { width: 16px; height: 18px; background-size: 15px 18px; position: relative; box-shadow: none !important; background-color: #fff !important;}
.chatbox-header .right-menu ul li.action-btn i.dot::after { content: ''; width: 8px; height: 8px; border: solid 1px #ffffff; background-color: #ff1173; position: absolute; top: -2px; right: 2px; border-radius: 100%;}
.chatbox-header .right-menu ul li .dropdown.button { margin: 0px; padding: 0px; background-color: transparent; position: relative; top: 3px;}
.chatbox-header .right-menu ul li .dropdown .menu { box-shadow: 0 12px 14px 0 rgba(0, 0, 0, 0.08) !important; border: solid 1px rgba(16, 27, 79, 0.08) !important; min-width: 145px; right: 8px !important; left: auto;}
.chatbox-header .right-menu ul li.action-btn .button { display: inline-block;}
.chatbox-header .right-menu ul li.action-btn .button span, .chatbox-header .right-menu ul li.view-btn a { line-height: 18px; display: inline-block;}
.chatbox-body { position: relative; display: flex; flex-direction: column; flex: 1 1 0; flex-grow: 1; order: 2; border-bottom: solid 1px rgba(16, 27, 79, 0.08); z-index: 1; overflow-y: auto;}
.chat-notification { padding: 12px 25px; display: flex; align-items: center; box-sizing: border-box;background-color: #4ab48a;}
.chat-notification i { margin-right: 10px; display: inline-block; vertical-align: middle; min-width: 18px; width: 18px; height: 18px; background-size: 18px;}
.notification-content { display: flex; flex-direction: column; flex-grow: 1; justify-content: center; min-width: 0;}
.notification-content p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.notification-actions { flex: none;}
.notification-actions .button { margin: 0px 0px 0px 12px;}
.chat-notification.mobi { margin-bottom: 15px; display: none;}
.msg-container { padding: 10px 0px; position: relative; z-index: 1; flex: 1 1 0; order: 2; flex-grow: 1; overflow-y: auto; display: flex; flex-direction: column; justify-content: flex-end;}
.msg-container .ui.list { flex-grow: 1; overflow-y: auto; /*display: flex; flex-direction: column;*/}
.msg-container .ui.list::-webkit-scrollbar-track { background-color: #F5F5F5; border-radius: 10px;}
.msg-container .ui.list::-webkit-scrollbar { width: 6px; background-color: #F5F5F5;}
.msg-container .ui.list::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgba(50, 61, 84, 0.1);}
.msg-container .item { padding: 0px 20px 20px !important; position: relative; display: flex !important; flex-direction: column;}
.msg-container .item.left { align-items: flex-start;}
.msg-container .item.right { align-items: flex-end;}
.msg-container .item.center { align-items: center;}
.msg-container .item .msg-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; min-height: 0; max-width: 85%;}
.msg-container .item .msg-card .description { padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: relative;}
.msg-container .item .msg-card.action-card .description .button, .msg-container .item .msg-card.my-card .button { border-radius: 2px; font-weight: 500 !important; font-size: 14px; padding: 0 1.5em; height: 34px; line-height: 34px; border: none !important;}
.msg-container .item .msg-card.action-card .description .button.btn-white { border: none !important;}
.msg-container .item .msg-card.action-card .description .button:last-child { margin-right: 0px !important;}
.msg-container .item .msg-card .msg-footer { padding: 15px; border-top: 1px solid rgba(16, 27, 79, .1); text-align: center;}
.msg-container .item .msg-card .msg-footer.align-left { text-align: left;}
.msg-container .item .msg-card .msg-footer.pl { padding-left: 48px;}
.msg-card .description .data-icon { margin-right: 12px; width: 20px; height: 20px; background-size: 20px; position: relative; flex: none;}
.msg-container .item .msg-card .cmt-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; min-height: 0; max-width: 100%;
    border: solid 1px rgba(151, 151, 151, 0.2); background-color: rgba(180, 180, 180, 0.06); -webkit-transition: -webkit-box-shadow .1s ease, -webkit-transform .1s ease; transition: -webkit-box-shadow .1s ease, -webkit-transform .1s ease;
    transition: box-shadow .1s ease, transform .1s ease; transition: box-shadow .1s ease, transform .1s ease, -webkit-box-shadow .1s ease, -webkit-transform .1s ease;}
.msg-container .item.left .msg-card .cmt-box small { color: #6c757d;}
.msg-container .item .msg-card .cmt-box .text { font-size: 15px; line-height: 20px;}
.msg-container .item.left .msg-card .cmt-box { border-radius: 0px 10px 10px 10px;}
.msg-container .item.right .msg-card .cmt-box { border-radius: 10px 0px 10px 10px;}
.msg-container .item .msg-card.my-card .cmt-box { background-color: #1c6afe; border: none;}
.msg-container .item .msg-card.my-card .cmt-box .text { color: #fff;}
.msg-container .item .msg-card.my-card .cmt-box small { margin-top: 3px; display: block; color: rgba(255,255,255,.7); font-size: 12px; line-height: 16px;}
.msg-container .item.left .msg-card.action-card .cmt-box { background-color: #d4dbe4; border: none;}
.msg-container .item .msg-card.action-card .cmt-box .text { color: #424a54;}
.msg-container .item .msg-card.action-card .cmt-box small { color: #6c757d;}
.msg-container .item.right .msg-card.action-card .cmt-box { background-color: #c1cadc; border: none !important;}
.msg-container .item.left .msg-card.orange .cmt-box { background-color: #fff4e3; border: none !important;}
.msg-container .item .msg-card.my-card .msg-footer { border-top: 1px solid rgb(255,255,255,.2);}
.msg-container .item .msg-card.reminder-card .cmt-box { background-color: #fff4e3; border: none;}
.msg-container .item .time i { margin-left: 4px; display: inline-block; vertical-align: middle; width: 12px; height: 12px; background-size: 12px; top: -1px; position: relative;}
.msg-container .item .msg-check { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/msg-check-gray.svg); background-repeat: no-repeat;}
.msg-container .item.read .msg-check { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/msg-check-blue.svg); background-repeat: no-repeat;}
.msg-container .item .photo-card.single .photo-item { width: 250px; height: 321px;}
/* .msg-container .item.right .msg-card { align-items: flex-end;}
.msg-container .item.left .msg-card { align-items: flex-start;} */
.msg-container .item.right .msg-card .i-alert-circle { display: inline-block; width: 18px; height: 18px; position: absolute; left: -35px; top: 18px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/alert-circle-red.svg) no-repeat; background-size: 18px;}
.msg-container .item .msg-card.red .cmt-box { background-color: rgba(255, 48, 48, 0.1); border: none;}
.msg-container .item .msg-card.green .cmt-box { background-color: rgba(74, 180, 138, 0.1); border: none;}
.msg-container .item .msg-card.green .text-green { color: #4ab48a !important;}
.msg-container .item .msg-card.red .content { color: #ff3030 !important;}
.msg-container .item .msg-card.red .i-horoscope-line { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/planet-line-red.png); background-repeat: no-repeat;}
.msg-container .item .msg-card.green .content { color: #4ab48a !important;}
.msg-container .item .msg-card .i-horoscope-line { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/planet-line-gray.png); background-repeat: no-repeat;}
.msg-container .item .msg-card.green .i-horoscope-line { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/planet-line-green.png); background-repeat: no-repeat;}
.msg-container .item .msg-card .i-heart-outline { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/heart-outline-gray.png); background-repeat: no-repeat;}
.msg-container .item .msg-card.red .i-heart-outline { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/heart-outline-red.png); background-repeat: no-repeat;}
.msg-container .item .msg-card.my-card .i-heart-outline { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/heart-outline-white.svg); background-repeat: no-repeat;}
.msg-container .item .msg-card .i-image-line { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/image-gray.svg); background-repeat: no-repeat;}
.msg-container .item .msg-card.red .i-image-line { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/image-red.svg); background-repeat: no-repeat;}
.msg-container .item .msg-card.green .i-image-line { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/image-green.svg); background-repeat: no-repeat;}
.msg-container .item .msg-card .i-rupee { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/rupee-gray.svg); background-repeat: no-repeat;}
.msg-container .item .msg-card.green .i-rupee { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/rupee-green.svg); background-repeat: no-repeat;}
.msg-container .item .msg-card.red .i-rupee { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/rupee-red.svg); background-repeat: no-repeat;}
.msg-container .item .msg-card.action-card .i-dashboard { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/user-dark.svg); background-repeat: no-repeat;}
.msg-container .item .msg-card.my-card .i-dashboard { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/user-white.svg); background-repeat: no-repeat;}
.msg-container .item .msg-card.green .i-dashboard { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/user-green.svg); background-repeat: no-repeat;}
.msg-container .item .msg-card.red .i-dashboard { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/user-pink.png); background-repeat: no-repeat;}
.msg-container .item .msg-card.green .i-heart-outline { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/heart-line-green.svg); background-repeat: no-repeat;}
.msg-container .item .msg-card.my-card .i-image-line { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/image-white.svg); background-repeat: no-repeat;}
.msg-container .item .msg-card.action-card .i-image-line { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/image-dark.svg); background-repeat: no-repeat;}
.msg-container .item .msg-card.my-card .i-horoscope-line { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/planet-line-white.png); background-repeat: no-repeat;}
.msg-container .item .msg-card.action-card .i-horoscope-line { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/planet-line-dark.png); background-repeat: no-repeat;}
.msg-container .item .msg-card.my-card .i-dollar { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/dollar-white.svg); background-repeat: no-repeat;}
.msg-container .item .msg-card .i-dollar { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/dollar-gray.svg); background-repeat: no-repeat;}
.msg-container .item .msg-card.green .i-dollar { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/dollar-green.svg); background-repeat: no-repeat;}
.msg-container .item .msg-card.red .i-dollar { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/dollar-red.svg); background-repeat: no-repeat;}
.msg-container .item .msg-card.action-card .i-dollar { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/dollar-dark.svg); background-repeat: no-repeat;}
.msg-container .item .msg-card.action-card .i-heart-outline { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/heart-dark.svg); background-repeat: no-repeat;}
.msg-container .item .msg-card.sending { opacity: .5 !important;}
.msg-card .description i.i-rupee-gray { top: 3px;}
.msg-container .item .warning-msg { padding: 8px 20px; font-size: 13px; color: #92771d; border-radius: 16px; border: solid 1px rgba(231, 191, 59, 0.22); background-color: #fff8e1;}
.msg-container .item .time { margin-top: 5px; font-size: 12px; color: #afafaf; position: relative;}
.msg-container .item .time.right { text-align: right;}
.msg-card .inline-btn-group { margin-left: 20px;}
.msg-card .inline-btn-group button+button::before { margin-right: 10px; content: '|'; display: inline-block; vertical-align: middle; position: relative; top: -1px; font-weight: 400; color: #979797; opacity: .35;}
.chatbox-footer { display: flex; align-items: center; position: relative; z-index: 1; flex: none; order: 3; box-sizing: border-box; width: 100%; flex-direction: column;}
.chatbox-footer .action-btn-group { padding: 0px 15px; display: flex;}
.chatbox-footer .dropdown.button { margin: 0px; padding: 24px 15px 20px 15px; background-color: #fff !important;}
.chatbox-footer .dropdown.button i { display: block; width: 22px; height: 22px; background-size: 22px;}
.chatbox-footer .attach-btn .button { margin: 0px; padding: 24px 15px 20px 15px;}
.chatbox-footer .attach-btn .button i { display: block; width: 22px; height: 22px; background-size: 22px;}
.chatbox-footer .attach-btn .button .i-clip { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/clip-gray.svg); background-repeat: no-repeat;}
.chatbox-footer .attach-btn:hover .button .i-clip { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/clip-blue.svg); background-repeat: no-repeat;}
.chatbox-footer .dropdown.button.add-square .i-plus-square { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/plus-square-gray.svg); background-repeat: no-repeat;}
.chatbox-footer .dropdown.button.add-square:hover .i-plus-square { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/plus-square-blue.svg); background-repeat: no-repeat;}
.chatbox-footer .dropdown.button.msg-btn .i-file { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/file-gray.svg); background-repeat: no-repeat;}
.chatbox-footer .dropdown.button.msg-btn:hover .i-file { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/file-blue.svg); background-repeat: no-repeat;}
.type-container { display: flex; flex-direction: column; flex-grow: 1; justify-content: center; position: relative; border-left: solid 1px rgba(16, 27, 79, 0.08); /*overflow: hidden;*/ width: 100%;}
.type-container input { font-size: 16px; border: none !important; border-radius: 0px !important;}
.type-container textarea { font-size: 16px; width: 100%; outline: none; padding: 0em 1em 1em 1em; resize: none; border: none !important; border-radius: 0px !important;}
.type-container textarea::-webkit-scrollbar-track { background-color: #F5F5F5; border-radius: 10px;}
.type-container textarea::-webkit-scrollbar { width: 6px; background-color: #F5F5F5;}
.type-container textarea::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgba(50, 61, 84, 0.1);}
.type-container .input .button { margin-right: 25px; background-color: #fff;}
.type-container .input i { display: inline-block; width: 24px; height: 24px; background-size: 24px;}
.type-container .char-limit { padding: 0.5em 1em;}
.type-container .char-limit span { font-size: 10px; color: #a8a8a8;}
.type-container .char-limit span+span::before { content: '/';}
.chatbox-footer .dropdown.attach-btn .menu { padding: 15px; width: 254px; height: 106px; border-radius: 2px !important; box-shadow: 0 12px 14px 0 rgba(0, 0, 0, 0.08); border: solid 1px rgba(16, 27, 79, 0.08); top: -98px !important;}
.chatbox-footer .dropdown.attach-btn .menu .item { padding: 0px !important;}
.chatbox-footer .dropdown.attach-btn .menu .item:hover { background-color: transparent;}
.chatbox-footer .dropdown .menu:after { display: none !important;}
.chatbox-footer .dropdown.add-square .menu { border-radius: 2px !important; box-shadow: 0 12px 14px 0 rgba(0, 0, 0, 0.08); border: solid 1px rgba(16, 27, 79, 0.08); top: -136px !important;}
.chatbox-footer .dropdown.add-square.mobi { display: none;}
.chatbox-footer .dropdown.add-square.mobi .menu { width: 150px; height: 115px; left: 8px !important; top: -115px !important;}
.chatbox-footer .dropdown.msg-btn .menu { border-radius: 2px !important; box-shadow: 0 12px 14px 0 rgba(0, 0, 0, 0.08); border: solid 1px rgba(16, 27, 79, 0.08); top: -136px !important;}
.chatbox-footer .chat-upgrade { position: absolute; padding: 0px 30px 0px 0px; top: 0px; right: 0px; z-index: 10; width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-end;}
.chatbox-footer .chat-upgrade .btn-gradient { color: #fff; background-image: linear-gradient(75deg, #8e56fc 11%, #e42294 114%) !important;}
.file-type { padding: 12px; display: flex; align-items: center; box-sizing: border-box; border-radius: 4px; border: solid 1px rgba(151, 151, 151, 0.2); background-color: rgba(180, 180, 180, 0.06);}
.file-type i { margin-right: 20px; display: inline-block; width: 32px; height: 32px; background-size: 32px;}
.file-type .button i { margin: 0px; display: inline-block; width: 24px; height: 24px; background-size: 24px;}
.file-type .button { margin: 0px 0px 0px 40px; background-color: transparent !important;}
.file-box { display: flex; align-items: center; box-sizing: border-box; position: relative;}
.file-box .dropdown.button { background-color: transparent;}
.file-box .dropdown.button:hover { background-color: transparent;}
.file-box .dropdown.button:hover .i-more-vertical { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/more-vertical-blue.svg); background-repeat: no-repeat;}
.file-box .ui.floating.dropdown .menu { top: 35px; left: auto !important; border: solid 1px rgba(151, 151, 151, 0.2); background-color: #ffffff; box-shadow: none !important; width: 75px;}
.file-box .time { font-size: 12px; color: #afafaf; position: absolute; width: 100%;}
.msg-container .item.right .file-box .dropdown.button { padding-right: 0px !important; margin-right: 0px !important;}
.msg-container .item.right .file-box .dropdown.button .icon-lg { width: 18px !important;}
.msg-container .item.right .file-box .ui.floating.dropdown .menu { right: 0px !important;}
.msg-container .item.left .file-box .ui.floating.dropdown .menu { right: 22px !important;}
.file-type .font-15 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 15ch; display: inline-block;}
.ui.cards.request-cards { margin: 0px !important;}
.ui.cards.request-cards .ui.card .content { position: relative; display: flex; width: 100%; border-bottom: solid 1px rgba(100, 100, 100, 0.15) !important;}
.ui.cards.request-cards .ui.card .content .ui.image { margin-right: 20px; flex: 110px; width: 110px; height: 110px; max-width: 110px; position: relative; border-radius: 4px; overflow: hidden;}
.ui.cards.request-cards .ui.card .content .ui.image img { object-fit: cover; width: 100%; height: 100%;}
.ui.cards.request-cards .ui.card .content .description { flex: 65%; position: relative;}
.ui.cards.request-cards .ui.card .header { margin-bottom: 6px; position: relative; display: flex; box-sizing: border-box;}
.ui.cards.request-cards .ui.card .card-name { margin-right: 15px; font-size: 17px; font-weight: bold; line-height: 24px;}
.ui.cards.request-cards .ui.card .card-name a { color: #000;}
.ui.cards.request-cards .ui.card .header .card-right { margin-left: auto; display: flex; align-items: flex-start; min-width: 135px;}
.ui.cards.request-cards .ui.card .header .card-right .dt { line-height: 18px;}
.ui.cards.request-cards .ui.card .header .card-right .del-btn { margin: 0px 0px 0px 15px;}
.ui.cards.request-cards .ui.card .header .card-right .del-btn i { height: 18px; width: 20px; background-size: 20px 18px;}
.ui.cards.request-cards .ui.card .header .card-right .rec-dropdown { margin: 0px 0px 0px 10px; padding: 0px; background-color: transparent;}
.ui.cards.request-cards .ui.card .header .card-right .rec-dropdown .menu { width: 145px; height: 110px; right: 8px !important; border: solid 1px rgba(16, 27, 79, 0.08) !important; box-shadow: 0 12px 14px 0 rgba(0, 0, 0, 0.08) !important;}
.ui.cards.request-cards .ui.card .content .description .tiny-msg { display: flex; padding: 8px 20px; border-radius: 18px; background-color: rgba(29, 131, 239, 0.09); width: fit-content;}
.ui.cards.request-cards .ui.card .content .description .tiny-msg i { display: inline-block; margin-right: 12px; position: relative; top: 5px; width: 16px; min-width: 16px; height: 16px; background-size: 16px;}
.ui.cards.request-cards .ui.card .footer-group { display: flex; align-items: center; width: 100%;}
.ui.cards.request-cards .ui.card .footer-group .txt { font-size: 15px; color: #000;}
.ui.cards.request-cards .ui.card .footer-group .txt i { margin-right: 8px; margin-top: 3px; float: left; vertical-align: middle; width: 16px; height: 16px; background-size: 16px;}
.ui.cards.request-cards .ui.card .footer-group .btn-group-right { margin-left: auto;}
.ui.cards.request-cards .ui.card .footer-group .btn-group-right .button { margin: 0px 0px 0px 15px; border-radius: 2px !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03) !important; border: solid 1px rgba(151, 151, 151, 0.2) !important;}
.ui.cards.request-cards .ui.card .footer-group .btn-group-right .button i { margin-right: 10px; display: inline-block; vertical-align: middle; width: 16px; height: 16px; background-size: 16px;}
.pre-list .item { padding: 1em !important;}
.mobi-chatbox { display: flex; position: fixed; top: 0px; bottom: 0px; right: 0px; width: 100%; z-index: 160; opacity: 0; height: 0; background-color: #fff;}
.mobi-chatbox.isHide { opacity: 1; height: 100%;}
.chatbox-close { margin: 0px 0px 0px 6px !important; display: none;}
.chatbox-close .ui.button { margin: 0px; padding: 0px;}
.chatbox-close .ui.button i { display: block; width: 26px; height: 26px; background-size: 26px; opacity: .3; position: relative; top: 1px;}
.matching-card-container { max-width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; min-height: 0; padding: 30px 0px 0px;
    justify-content: center; margin-top: 10px; align-items: flex-start;}
.matching-card-container::after { content: ''; display: block; position: absolute; top: 0px; right: 0px; left: 45px; height: 1px; width: calc(100% - 45px); background-color: #e6e6e6;}
.matching-card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; align-items: center; text-align: center;}
.matching-card .thumb { margin-bottom: 15px; width: 110px; height: 110px; background-size: 110px; border-radius: 16px; overflow: hidden;}
.matching-card .thumb img { object-fit: cover; width: 100%; height: 100%;}
.matching-card .name { margin-bottom: 6px; font-size: 16px; font-weight: bold;}
.matching-card-container .match-score-card { margin: 25px 25px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; align-items: center;}
.matching-card-container .match-score-card .matching-score { margin: 0px; }
.matching-card-container .match-score-card .matching-score .score-card { padding: 7px 0px; position: relative; right: 0px; bottom: 0px;}
.matching-card-container .match-score-card .arrow { display: inline-block; width: 8px; min-width: 8px; height: 14px; vertical-align: middle; position: relative; top: -1px;}
.matching-card-container .match-score-card .arrow-left { margin-right: 30px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/arrow-left.png) no-repeat; background-size: 8px 14px;}
.matching-card-container .match-score-card .arrow-left::before { content: ''; display: block; width: 8px; height: 14px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/arrow-left.png) no-repeat; background-size: 8px 14px; opacity: 0.5; position: absolute; right: -10px;}
.matching-card-container .match-score-card .arrow-left::after { content: ''; display: block; width: 8px; height: 14px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/arrow-left.png) no-repeat; background-size: 8px 14px; opacity: 0.3; position: absolute; right: -20px;}
.matching-card-container .match-score-card .arrow-right { margin-left: 30px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/arrow-right.png) no-repeat; background-size: 8px 14px;}
.matching-card-container .match-score-card .arrow-right::before { content: ''; display: block; width: 8px; height: 14px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/arrow-right.png) no-repeat; background-size: 8px 14px; opacity: 0.5; position: absolute; left: -10px;}
.matching-card-container .match-score-card .arrow-right::after { content: ''; display: block; width: 8px; height: 14px; background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/arrow-right.png) no-repeat; background-size: 8px 14px; opacity: 0.3; position: absolute; left: -20px;}
.tiny-msg-card { box-shadow: none !important; border: solid 1px rgba(100, 100, 100, 0.1) !important;}
.tiny-msg-card .card-body { padding: 15px 20px; display: flex; align-items: flex-start; flex-wrap: wrap;}
.tiny-msg-card .ui.image { margin-right: 15px !important; padding: 0px !important; min-width: 40px; width: 40px !important; height: 40px !important; background-size: 40px; border-radius: 100% !important; overflow: hidden;}
.tiny-msg-card  .ui.image img { margin: 0px !important; height: 100%; width: 100%; object-fit: cover;}
.tiny-msg-card .content { padding: 0px !important; flex-direction: column; flex: 1 1 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-top: none !important;}
.tiny-msg-card .content .header { font-size: 15px !important; line-height: 24px !important; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #000;}
.tiny-msg-card .content .header .ui.label { display: inline-block; padding: 3px 0px;}
.tiny-msg-card.ui.card>.extra { border-top: none !important; text-align: right; padding: 0px 0px 0px 20px !important;}
.tiny-msg-card .extra  span { font-size: 12px; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #646464;}
.tiny-msg-card:hover { -webkit-transform: translateY(0px) !important; transform: translateY(0px) !important;}
.tiny-msg-card .tiny-msg { font-size: 13px; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.verification-list .item { padding: 20px !important; display: flex !important; flex-direction: row; align-items: flex-start; border-top: solid 1px rgba(180, 180, 180, 0.3) !important;}
.verification-list .item:nth-child(1) { border-top: none !important;}
.verification-list .item .verify-icon { margin-right: 15px;}
.verification-list .item .content { padding: 0px !important; width: 100%; display: flex; align-items: center;}
.verification-list .item .content .left { width: calc(100% - 25px);}
.verification-list .item .content .header { margin-bottom: 5px; padding: 0px !important; font-size: 15px; font-weight: 400; color: #000;}
.verification-list .item .content p { margin: 0px 0px 5px; font-size: 13px; color: #646464;}
.verification-list .item .extra { margin-left: auto;}
.chat-push { margin: auto; padding: 150px 0px; display: flex; align-items: center; flex-direction: column; justify-content: center; width: 100%;}
.chat-push .ui.image { margin: 0px !important; width: 80px;}
.chat-push .title { margin: 0px auto 0px; font-size: 20px; line-height: 30px; font-weight: 500;}
.chat-push p { font-size: 14px; text-align: center; color: #646464;}
.item-end { align-items: flex-end;}
.sticky-header .wd-brand.mobi { display: none; width: 50px !important;}
.mobi-notification { display: none; border-radius: 100%; position: relative; width: 32px; height: 32px; justify-content: center; align-items: center;}
.mobi-notification .ui.label { font-size: 10px !important; min-width: 14px; min-height: 14px; padding: 3px !important; top: -3px; left: auto; right: 0px; border: 1px solid #ff0037;}
.subscription-cards { display: inline-block; white-space: nowrap; overflow-x: scroll; width: 100%;}
.subscription-cards .card { margin: 0px 15px 0px 0px; display: inline-block; width: auto;}
.sticky-header .wd-brand.white { display: none;}
.sticky-header.ui.menu .item.more-menu { display: none;}
.sticky-header.ui.menu .item.more-menu .item i { position: relative; top: -2px;}
.getting-wrapper { max-width: 600px !important;}
.getting-wrapper .getting-card { margin: 0px 0px 12px !important; padding: 1.5em !important; position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: row !important;
    flex-wrap: wrap;}
.getting-card i { margin-right: 1em; display: inline-block; width: 26px; height: 26px; background-size: 26px;}
.getting-card .description { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; align-items: center; flex-direction: row; -ms-flex-preferred-size: 0; flex-basis: 0;
    -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
.getting-card .description .content { padding-right: 25px;}
.getting-card .description .extra { margin-left: auto;}
.getting-wrapper a.getting-card:hover { -webkit-transform: translateY(0px) !important; transform: translateY(0px) !important; transition: none !important;}
.getting-card .description .content .text-dark { color: #545e69 !important;}
.getting-card .description .content .text-muted { color: #8999a8 !important;}

/* Version */
.i-camera-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/camera-gray.svg); background-repeat: no-repeat;}
.msg-card blockquote { margin: 5px 5px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;
    -webkit-box-direction: normal; background-color: rgba(145, 100, 100, 0.05); border-radius: 8px; overflow: hidden;
    border-left: 3px solid #00b5ad;}
.msg-card blockquote .ph-type { margin: 0px 10px; display: flex; align-items: center; color: #646464;}
.msg-card blockquote .ph-type i { margin-right: 6px; display: inline-block; vertical-align: middle; width: 16px; height: 16px; background-size: 16px;}
.msg-card blockquote .ph-thumb { width: 64px; height: 64px; background-size: 64px; overflow: hidden; position: relative; margin-left: auto;}
.msg-card blockquote .ph-thumb img { width: 100%; height: 100%; object-fit: cover;}
.msg-card blockquote .ph-thumb .ph-overlay { position: absolute; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
    font-size: 20px; font-weight: 400; color: #fff; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.28);}
.response-group { max-width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-wrap: wrap; justify-content: flex-end;}
.response-group .title { margin: 0px 0px 10px; width: 100%; font-size: 15px; color: #646464; text-align: right;}
.response-group .res-bubble { margin: 0px 0px 10px 10px; padding: 10px 15px; font-size: 15px; font-weight: 400; color: #1c6afe; text-align: center; border: 1px solid #1c6afe; border-radius: 20px; cursor: pointer;}
.response-group .res-bubble:hover { background-color: #e8f2fd;}
.help-msg { margin-top: 12px; padding: 8px 10px; background-color: #e9f2fc; border-radius: 4px;}
.ui.cards.suggestion-cards { margin: 0px -5px;}
.ui.cards.suggestion-cards .card { margin: 0px 5px; /* width: calc(33.33% - 10px); */ -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; border: 1px solid #1c6afe;}
.ui.cards.suggestion-cards .card .header { color: #1c6afe;}
.ui.cards.suggestion-cards .card .ui.button { color: #1c6afe;}
.border-bottom-gray { border-bottom: solid 1px rgba(100, 100, 100, 0.1) !important;}
.border-top-gray { border-top: solid 1px rgba(100, 100, 100, 0.1) !important;}
.profile-box { max-width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;}
.profile-box .thumb { margin-right: 15px; width: 70px; height: 70px; min-width: 70px; background-size: 70px; overflow: hidden;}
.profile-box .thumb img { width: 100%; height: 100%; object-fit: cover;}
.profile-box .description { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; width: 100%;}
.profile-box .description .left .extra span { margin-right: 25px; line-height: 18px;}
.profile-box .description .left .extra span:last-child { margin-right: 0px;}
.profile-box .description .right { margin-left: auto; display: flex; flex-direction: column; justify-content: flex-end;}
.upgrade-contact { max-width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; align-items: center;}
.upgrade-contact .description { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; width: 100%;}
.upgrade-contact .description .right { margin-left: auto;}
.profile-card-big .header { padding: 0px !important; border: none; background-color: transparent;}
.profile-progress-card .left { padding-right: 20px; width: calc(100% - 170px);}
.profile-progress-card .ui.button { margin-left: auto; min-width: 160px;}
.credit-list .item { padding: 12px 20px !important;}
.credit-list .ui.image img { width: 100% !important; height: 100% !important; object-fit: cover !important;}
.settings-links { margin: 0px -5px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; align-items: flex-start; flex-wrap: wrap;}
.settings-links a { margin: 5px; padding: 15px; font-size: 14px; color: #1d83ef; border-radius: 4px; box-shadow: 0 4px 6px 0 rgba(168, 168, 168, 0.05); background-color: #ffffff; width: calc(33.33% - 10px); border: 1px solid #eaeaea;}
.contact-statistics { margin: 0px -12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.contact-statistics .statistic { padding: 12px 35px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;
    flex-direction: column; width: 33.33%;}
.contact-statistics .statistic+.statistic { border-left: solid 1px rgba(100, 100, 100, 0.15);}
.settings-links2 .item { padding: 15px 20px !important; max-width: 100%; position: relative; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; flex-direction: row; -webkit-box-orient: vertical; -webkit-box-direction: normal;
    align-items: center;}
.settings-links2 .item .left { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; align-items: center; width: calc(100% - 250px);}
.settings-links2 .item .right { margin-left: auto;}
.box-left .ui.vertical.menu .item.bt-none:before { display: none !important;}
.box-left .ui.vertical.menu .header { padding: .5em 1.3em; border-left: 1px solid transparent;}
.box-left .ui.vertical.menu .header.bt { border-top: 1px solid rgba(34, 36, 38, .1) !important;}
.setting-breadcrumb { margin-bottom: 15px !important; display: none !important;}
.renewal-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center;}
.renewal-box .col { padding: 20px; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
.renewal-box .membership-stats { align-items: center; justify-content: center;}
.subscription-two-column-grid .ui.divided.list>.item { border-top: 1px solid rgba(34, 36, 38, .10) !important;}
.subscription-two-column-grid .ui.divided.list>.item:nth-child(1) { border-top: none !important;}
.addon-fluid-card { flex-direction: row !important; align-items: center;}
.addon-fluid-card .left { padding: 1.5rem;}
.addon-fluid-card .right { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; padding: 1.5rem; text-align: center; flex-direction: column; min-width: 160px; justify-content: flex-end;}
.addon-fluid-card .right .amount { margin-bottom: 10px; font-size: 18px;}
.addon-fluid-card .right.flex-row { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; min-width: 300px;}
.addon-fluid-card .right.flex-row .ui.selection { margin-right: 12px; }
.addon-fluid-card .right .ui.button { min-width: 100px;}
.addon-fluid-card.active { background-color: #f6fffb !important}
.ui.grid.package-wrapper { margin: -.5em !important;}
.ui.grid.package-wrapper .column { padding: .5em !important;}
.upgrade-list { display: none !important;}
.upgrade-list .item { padding: 15px 20px !important; font-size: 17px; max-width: 100%; position: relative; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; flex-direction: row; -webkit-box-orient: vertical; -webkit-box-direction: normal;
    align-items: center; justify-content: space-between; border-top: 1px solid rgba(34, 36, 38, .10) !important;}
.upgrade-list .item .right { margin-left: auto;}
.upgrade-list .item:nth-child(1) { border-top: none !important;}
.subscription-free-card { flex-direction: row !important; align-items: center; background-color: #fffcdd !important;}
.subscription-free-card .left { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; align-items: center; width: calc(100% - 150px);}
.subscription-free-card .left i.i-invoice-gray { margin-right: 12px; display: inline-block; width: 64px; height: 64px; background-size: 64px;}
.subscription-free-card .right { margin-left: auto;}
.package-wrapper .package-period { max-width: 140px;}
.package-wrapper2 { margin: -.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch;
    -ms-flex-align: stretch; align-items: stretch; padding: 0;}
.package-wrapper2 .column { margin: .5em; width: calc(50% - 1em);}
.package-wrapper2 .column.big .item .left { width: calc(100% - 75px);}
/* .package-wrapper2 .column.big { width: calc(60% - .5em);}
.package-wrapper2 .column.small { width: calc(40% - 0.5em);} */
.profile-mini-card .thumb-lg { border-radius: 4px; overflow: hidden;}
.profile-mini-card .thumb-lg img { width: 100%; height: 100%; object-fit: cover;}
.mem-overview-card .card-header { padding: 1em 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; border-bottom: 1px solid #e8e8e8; justify-content: space-between; align-items: center;}
.mem-overview-card .card-header .description { padding: 0px 1em;}
.mem-overview-card .card-header .right { padding: 0px 1em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; justify-content: flex-end; min-width: 300px;}
.mem-overview-card .card-body { padding: 1em 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
.mem-overview-card .card-body .column { padding: 0px 1em; display: inline-block; width: 33.33%;}
.mem-overview-card .card-body .column+.column { border-left: 1px solid #e8e8e8;}
.mem-overview-card .card-footer { padding: 1em; border-top: 1px solid #e8e8e8;}
.ui.modal .offer-tiny-card .left { width: calc(100% - 100px);}
.custom-card .ui.selection.active.dropdown .menu, .ui.form textarea:focus, .custom-card .ui.selection.dropdown:focus .menu { border-color: #dfdfdf !important;}
.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap;}
.match-stats .column:nth-child(odd) { justify-content: flex-end;}
.match-stats .column:nth-child(even) { justify-content: flex-start;}
.match-stats .column .ui.segment { width: 285px;}
.match-stats .column .ui.segment:hover { background-color: #f5faff;}
.mx-wd-600 { max-width: 600px;}
.buy-preference-card .content { padding: 15px 20px !important; display: flex; align-items: self-start; justify-content: space-between;}
.buy-preference-card .content .icon-circle { margin-right: 15px; display: flex; min-width: 50px; width: 50px; height: 50px; position: relative; background-color: #dfedfd; border-radius: 100%;}
.buy-preference-card .content .icon-circle i { display: block; width: 24px; height: 24px; background-size: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.buy-preference-card .content .description { padding-right: 35px;}
.buy-preference-card .content .right { min-width: 150px; justify-content: flex-end; display: flex;}




button { font-family: 'LL Circular';}
.d-block { display: block !important;}
.d-inline-block { display: inline-block !important;}
.d-flex { display: flex !important;}
.direction-row { flex-direction: row;}
.d-none { display: none !important;}
.dot { width: 3px; height: 3px; border-radius: 100%; background-color: #e5e5e5;}
.dot.md { width: 8px; height: 8px;}
.dot-green { background-color: #4ab48a;}
.dot-red { background-color: #ff3030;}
.dot-yellow { background-color: #ff8821;}
.dot-gray { background-color: #b4b4b4;}
.dot-orange { background-color: #e7723b;}
.flag-sprit { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/flags-sprit.png); background-repeat: no-repeat;}
.flag-gb { background-position: 0px 0px;}
.flag-ch { background-position: -29px -57px;}
.flag-de { background-position: 0px -38px;}
.flag-ca { background-position: 0px -19px;}
.flag-fr { background-position: -29px -19px;}
.flag-us { background-position: 0px -77px;}
.flag-au { background-position: -29px 0px;}
.flag-lk { background-position: 0px -57px;}
.flag-se { background-position: 0px -153px;}
.flag-dk { background-position: -29px -134px;}
.flag-nz { background-position: -29px -153px;}
.flag-nl { background-position: 0px -172px;}
.flag-it { background-position: 0px -96px;}
.flag-sg { background-position: 0px -115px;}

.flex-start { align-items: flex-start !important;}
.flex-middle { align-items: center !important;}
.flex-end { justify-content: flex-end !important;}
.content-center { justify-content: center !important;}
.flex-column { flex-direction: column !important;}
.h-100 { height: 100% !important;}
.float-right { float: right !important;}
.float-left { float: left !important;}
.float-none { float: none !important;}
.font-8 { font-size: 8px !important;}
.font-10 { font-size: 10px !important;}
.font-11 { font-size: 11px !important;}
.font-12 { font-size: 12px !important;}
.font-13 { font-size: 13px !important;}
.font-14 { font-size: 14px !important;}
.font-15 { font-size: 15px !important;}
.font-16 { font-size: 16px !important;}
.font-17 { font-size: 17px !important;}
.font-18 { font-size: 18px !important;}
.font-20 { font-size: 20px !important;}
.font-24 { font-size: 24px !important;}
.font-22 { font-size: 22px !important;}
.font-28 { font-size: 28px !important;}
.font-30 { font-size: 30px !important;}
.font-48 { font-size: 48px !important;}
.font-weight-light { font-weight: 300 !important;}
.font-weight-normal { font-weight: 400 !important;}
.font-weight-semibold { font-weight: 500 !important;}
.font-weight-bold { font-weight: 500 !important;}
.font-weight-black { font-weight: 700 !important;}
.ui.button.font-weight-normal { font-weight: 400 !important;}
.font-normal { font-style: normal !important;}
.hidden-lg { display: none !important;}
.i-sm { width: 30px;}
.icon-xxs { height: 10px !important; width: 10px !important; background-size: 10px !important;}
.icon-xs { height: 12px !important; width: 12px !important; min-width:12px !important; background-size: 12px !important;}
.icon-14 { height: 14px !important; width: 14px !important; background-size: 14px !important;}
.icon-sm { height: 16px !important; width: 16px !important; background-size: 16px !important;}
.icon-md { height: 20px !important; width: 20px !important; background-size: 20px !important;}
.icon-lg { height: 26px !important; width: 26px !important; background-size: 26px !important;}
.icon-xl { height: 32px !important; min-width: 32px; width: 32px !important; background-size: 32px !important;}
.icon-40 { height: 40px !important; width: 40px !important; background-size: 40px !important;}
.icon-45 { height: 45px !important; width: 45px !important; background-size: 45px !important;}
.icon-xxl { height: 64px !important; width: 64px !important; background-size: 64px !important;}
.i-phone { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/phone.png); background-repeat: no-repeat;}
.i-phone-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/phone-gray.png); background-repeat: no-repeat;}
.i-phone-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/phone-blue.png); background-repeat: no-repeat;}
.i-facebook { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/facebook.png); background-repeat: no-repeat;}
.i-google { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/google.png); background-repeat: no-repeat;}
.i-google-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/google-white.png); background-repeat: no-repeat;}
.i-lock { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/lock.png); background-repeat: no-repeat;}
.i-lock-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/lock-gray.png); background-repeat: no-repeat;}
.i-lock-fill-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/lock-fill-gray.png); background-repeat: no-repeat;}
.i-dashboard { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/user.png); background-repeat: no-repeat;}
.i-hearts { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/hearts.png); background-repeat: no-repeat;}
.i-hearts-pink { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/hearts-pink.png); background-repeat: no-repeat;}
.i-hearts-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/hearts-blue.png); background-repeat: no-repeat;}
.i-hearts-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/hearts-gray.png); background-repeat: no-repeat;}
.i-arrows { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/arrows.png); background-repeat: no-repeat;}
.i-caret-left { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/caret-left.png); background-repeat: no-repeat;}
.i-caret-right { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/caret-right.png); background-repeat: no-repeat;}
.i-message { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/message.png); background-repeat: no-repeat;}
.i-menu { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/menu-icon.png); background-repeat: no-repeat;}
.i-bell { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/bell.png); background-repeat: no-repeat;}
.i-upgrade { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/security-badge.png); background-repeat: no-repeat;}
.i-edit { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/edit.png); background-repeat: no-repeat;}
.i-users { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/users.png); background-repeat: no-repeat;}
.i-photo { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/photo.png); background-repeat: no-repeat;}
.i-settings { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/settings.png); background-repeat: no-repeat;}
.i-pluse-circle { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/plus-circle.png); background-repeat: no-repeat;}
.i-pluse-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/plus-circle-blue.png); background-repeat: no-repeat;}
.i-verified-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/verified-blue.png); background-repeat: no-repeat;}
.i-verified-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/verified-gray.png); background-repeat: no-repeat;}
.i-verified-green { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/verified-green.png); background-repeat: no-repeat;}
.i-verified-yellow { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/verified-yellow.png); background-repeat: no-repeat;}
.i-lock-line { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/lock-line.png); background-repeat: no-repeat;}
.i-user-delete { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/userx.png); background-repeat: no-repeat;}
.i-eye-hide { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/eye-hide.png); background-repeat: no-repeat;}
.i-lock-green { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/lock-green.png); background-repeat: no-repeat;}
.i-check-green { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/check-green.png); background-repeat: no-repeat;}
.i-check-fill-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/check-fill-gray.png); background-repeat: no-repeat;}
.i-success { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/success-tick.png); background-repeat: no-repeat;}
.i-male-dark { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/m-dark.png); background-repeat: no-repeat;}
.i-male-fair { background-image: url(https://storage.googleapis.com/matrimony-assets/admin/img/f-fair.png); background-repeat: no-repeat;}
.i-male-very-dark { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/m-very-dark.png); background-repeat: no-repeat;}
.i-male-very-fair { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/m-very-fair.png); background-repeat: no-repeat;}
.i-male-wheatish { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/m-wheatish.png); background-repeat: no-repeat;}
.i-female-dark { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-dark.png); background-repeat: no-repeat;}
.i-female-fair { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-fair.png); background-repeat: no-repeat;}
.i-female-very-dark { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-very-dark.png); background-repeat: no-repeat;}
.i-female-very-fair { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-very-fair.png); background-repeat: no-repeat;}
.i-female-wheatish { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-wheatish.png); background-repeat: no-repeat;}
.i-male-skinny { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/m-skinny.png); background-repeat: no-repeat;}
.i-male-slim { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/m-slim.png); background-repeat: no-repeat;}
.i-male-average { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/m-average.png); background-repeat: no-repeat;}
.i-male-fat { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/m-fat.png); background-repeat: no-repeat;}
.i-male-heavy { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/m-heavy.png); background-repeat: no-repeat;}
.i-female-skinny { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-skinny.png); background-repeat: no-repeat;}
.i-female-slim { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-slim.png); background-repeat: no-repeat;}
.i-female-average { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-average.png); background-repeat: no-repeat;}
.i-female-fat { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-fat.png); background-repeat: no-repeat;}
.i-female-heavy { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-heavy.png); background-repeat: no-repeat;}
.i-facebook-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/facebook-gray.png); background-repeat: no-repeat;}
.i-facebook-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/facebook-white.png); background-repeat: no-repeat;}
.i-instagram-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/instagram-gray.png); background-repeat: no-repeat;}
.i-twitter-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/twitter-gray.png); background-repeat: no-repeat;}
.i-whatsapp { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/whatsapp.png); background-repeat: no-repeat;}
.i-messenger { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/messenger.png); background-repeat: no-repeat;}
.i-viber { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/viber.png); background-repeat: no-repeat;}
.i-close { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/close.png); background-repeat: no-repeat;}
.i-help { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/help.png); background-repeat: no-repeat;}
.i-support { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/support.png); background-repeat: no-repeat;}
.i-heart-pink { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/heart-pink.png); background-repeat: no-repeat;}
.i-heart-outline-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/heart-outline-gray.png); background-repeat: no-repeat;}
.i-timer-red { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/timer-red.png); background-repeat: no-repeat; }
.i-times-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/times-gray.png); background-repeat: no-repeat; }
.i-check-fill-green { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/check-fill-green.png); background-repeat: no-repeat;}
.i-exclamation { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/exclamation.png); background-repeat: no-repeat;}
.i-empty { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/empty.png); background-repeat: no-repeat;}
.i-play { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/play.png); background-repeat: no-repeat;}
.i-more-horizontal { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/more-horizontal.png); background-repeat: no-repeat;}
.i-verified-fill { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/verified-fill.png); background-repeat: no-repeat;}
.i-ring { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/ring.png); background-repeat: no-repeat;}
.i-camera { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/camera.png); background-repeat: no-repeat;}
.i-lock-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/lock-fill-white.png); background-repeat: no-repeat;}
.i-menu-horizontal { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/menu-horizontal.png); background-repeat: no-repeat;}
.i-menu-vertical { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/menu-vertical.png); background-repeat: no-repeat;}
.i-message-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/message-blue.png); background-repeat: no-repeat;}
.i-notification-off { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/notification-off.png); background-repeat: no-repeat;}
.i-chat-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/chat-gray.png); background-repeat: no-repeat;}
.i-premium { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/cup.png); background-repeat: no-repeat;}
.i-pro-edit { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/pro-edit.png); background-repeat: no-repeat;}
.i-image-gallery { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/image-gallery.png); background-repeat: no-repeat;}
.i-key { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/key.png); background-repeat: no-repeat;}
.i-notification { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/notification.png); background-repeat: no-repeat;}
.i-horoscope { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/horoscope.png); background-repeat: no-repeat;}
.i-membership { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/membership.png); background-repeat: no-repeat;}
.i-filter-line { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/filter-line.png); background-repeat: no-repeat;}
.i-deactivate { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/deactivate.png); background-repeat: no-repeat;}
.i-delete-profile { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/delete-profile.png); background-repeat: no-repeat;}
.i-logout { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/logout.png); background-repeat: no-repeat;}
.i-help-center { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/help-center.png); background-repeat: no-repeat;}
.i-contact { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/contact.png); background-repeat: no-repeat;}
.i-best-match { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/couple.png); background-repeat: no-repeat;}
.i-service { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/service.png); background-repeat: no-repeat;}
.i-terms { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/terms.png); background-repeat: no-repeat;}
.i-user-settings { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/user-settings.png); background-repeat: no-repeat;}
.i-profiles-list { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/profiles-list.png); background-repeat: no-repeat;}
.i-sms-colored { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/sms-color.png); background-repeat: no-repeat;}
.i-phone-colored { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/phone-color.png); background-repeat: no-repeat;}
.i-partner { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/couples-gray.png); background-repeat: no-repeat;}
.i-mobi-verify { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/mobi-verify.png); background-repeat: no-repeat;}
.i-advisior-verify { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/manager-verify.png); background-repeat: no-repeat;}
.i-user-verify { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/user-verify.png); background-repeat: no-repeat;}
.i-social-verify { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/profile-verify.png); background-repeat: no-repeat;}
.i-certificate-verify { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/certificate-verify.png); background-repeat: no-repeat;}
.i-idcard-verify { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/idcard-verify.png); background-repeat: no-repeat;}
.i-citizen-verify { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/citizenship-verify.png); background-repeat: no-repeat;}
.i-email { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/mail.png); background-repeat: no-repeat;}
.i-envelope { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/envelope.png?v=1.2); background-repeat: no-repeat;}
.i-check-line { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/check-line.png); background-repeat: no-repeat;}
.i-times-line { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/times.png); background-repeat: no-repeat;}
.i-upload { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/upload.png); background-repeat: no-repeat;}
.i-mobile { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/mobile.png); background-repeat: no-repeat;}
.i-user-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/user-blue.png); background-repeat: no-repeat;}
.i-users-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/users-blue.png); background-repeat: no-repeat;}
.i-badge-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/security-badge-blue.png); background-repeat: no-repeat;}
.i-flag { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/flag.png); background-repeat: no-repeat;}
.i-star-line { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/star-line.png); background-repeat: no-repeat;}
.i-pencil { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/pencil.png); background-repeat: no-repeat;}
.i-trash { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/trash.png); background-repeat: no-repeat;}
.i-planet-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/planet-gray.png); background-repeat: no-repeat;}
.i-planet-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/planet-blue.png); background-repeat: no-repeat;}
.i-eye-line-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/eye-line-blue.png); background-repeat: no-repeat;}
.i-planet-green { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/planet-green.png); background-repeat: no-repeat;}
.i-handpick { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/handpick.png); background-repeat: no-repeat;}
.i-map-locator { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/map-locator.png); background-repeat: no-repeat;}
.i-briefcase { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/briefcase.png); background-repeat: no-repeat;}
.i-open-book { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/open-book.png); background-repeat: no-repeat;}
.i-heart-outline-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/heart-outline-blue.png); background-repeat: no-repeat;}
.i-headphone { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/headphone.png); background-repeat: no-repeat;}
.i-juice-glass { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/juice-glass.png); background-repeat: no-repeat;}
.i-youtube-line { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/youtube-outline.png); background-repeat: no-repeat;}
.i-dress { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/dress.png); background-repeat: no-repeat;}
.i-translate { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/translate.png); background-repeat: no-repeat;}
.i-flag-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/flag-gray.png); background-repeat: no-repeat;}
.i-block { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/block.png); background-repeat: no-repeat;}
.i-info-green { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/info-green.png); background-repeat: no-repeat;}
.i-visa-card { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/visa-card.png); background-repeat: no-repeat;}
.i-master-card { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/master-card.png); background-repeat: no-repeat;}
.i-mastro-card { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/mastro-card.png); background-repeat: no-repeat;}
.i-amex-card { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/amex-card.png); background-repeat: no-repeat;}
.i-photo-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/photo-white.png); background-repeat: no-repeat;}
.i-clock-gold { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/clock-gold.png); background-repeat: no-repeat;}
.i-info { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/info.png); background-repeat: no-repeat;}
.i-whatsapp-line { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/whatsapp-line.png); background-repeat: no-repeat;}
.i-pin { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/pin.png); background-repeat: no-repeat;}
.i-book { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/book.png); background-repeat: no-repeat;}
.i-female-skinny { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-skinny.png); background-repeat: no-repeat;}
.i-female-slim { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-slim.png); background-repeat: no-repeat;}
.i-female-average { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-average.png); background-repeat: no-repeat;}
.i-female-fat { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-fat.png); background-repeat: no-repeat;}
.i-male-skinny { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/m-skinny.png); background-repeat: no-repeat;}
.i-male-slim { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/m-slim.png); background-repeat: no-repeat;}
.i-male-average { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/m-average.png); background-repeat: no-repeat;}
.i-male-fat { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/m-fat.png); background-repeat: no-repeat;}
.i-female-vfair { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-very-fair.png); background-repeat: no-repeat;}
.i-female-fair { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-fair.png); background-repeat: no-repeat;}
.i-female-wheatish { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-wheatish.png); background-repeat: no-repeat;}
.i-female-dark { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/f-dark.png); background-repeat: no-repeat;}
.i-male-vfair { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/m-very-fair.png); background-repeat: no-repeat;}
.i-male-fair { background-image: url(https://storage.googleapis.com/matrimony-assets/admin/img/f-fair.png); background-repeat: no-repeat;}
.i-male-wheatish { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/m-wheatish.png); background-repeat: no-repeat;}
.i-male-dark { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/m-dark.png); background-repeat: no-repeat;}
.i-folder { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/folder.png); background-repeat: no-repeat;}
.i-id-banned { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/id-banned.png); background-repeat: no-repeat;}
.i-userx-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/userx-blue.png); background-repeat: no-repeat;}
.i-eye-hide-yellow { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/eye-hide-yellow.png); background-repeat: no-repeat;}
.i-user-exclamatory-pink { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/user-exclamatory-pink.png); background-repeat: no-repeat;}
.i-box-empty { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/box-empty.png); background-repeat: no-repeat;}
.i-upgrade-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/security-badge-white.png); background-repeat: no-repeat;}
.i-checked-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/check-line-white.png); background-repeat: no-repeat;}
.i-times-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/times-white.png); background-repeat: no-repeat;}
.i-send-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/send-white.png); background-repeat: no-repeat;}
.i-info-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/info-gray.png); background-repeat: no-repeat;}
.i-progress { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/progress.png); background-repeat: no-repeat;}
.i-verify-pending { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/verify-pending.png); background-repeat: no-repeat;}
.i-ready { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/ready.png); background-repeat: no-repeat;}
.i-ban-black { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/ban-black.png); background-repeat: no-repeat;}
.i-notes-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/notes-white.png); background-repeat: no-repeat;}
.i-user-fill-male { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/user-fill-male.png); background-repeat: no-repeat;}
.i-user-fill-female { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/user-fill-female.png); background-repeat: no-repeat;}
.i-map-pin { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/map-pin.png); background-repeat: no-repeat;}
.i-language-bubble { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/language-bubble.png); background-repeat: no-repeat;}
.i-graduate-cap { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/graduation-cap.png); background-repeat: no-repeat;}
.i-tag-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/tag-gray.png); background-repeat: no-repeat;}
.i-food-veg { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/food-veg.png); background-repeat: no-repeat;}
.i-food-nonveg { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/food-nonveg.png); background-repeat: no-repeat;}
.i-home-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/home-gray.png); background-repeat: no-repeat;}
.i-community-fill { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/community-fill.png); background-repeat: no-repeat;}
.i-square { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/square.png); background-repeat: no-repeat;}
.i-rings { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/rings.png); background-repeat: no-repeat;}
.i-certificate { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/certificate.png); background-repeat: no-repeat;}
.i-certificate-fill { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/certificate-fill.png); background-repeat: no-repeat;}
.i-medal { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/medal.png); background-repeat: no-repeat;}
.i-building { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/building.png); background-repeat: no-repeat;}
.i-wallet { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/wallet.png); background-repeat: no-repeat;}
.i-lifestyle { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/lifestyle.png); background-repeat: no-repeat;}
.i-bucket { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/bucket.png); background-repeat: no-repeat;}
.i-mask { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/mask.png); background-repeat: no-repeat;}
.i-star-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/star-gray.png); background-repeat: no-repeat;}
.i-foot { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/foot.png); background-repeat: no-repeat;}
.i-planet-line { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/planet-line.png); background-repeat: no-repeat;}
.i-planet-fill { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/planet-fill.png); background-repeat: no-repeat;}
.i-chakra { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/chakra.png); background-repeat: no-repeat;}
.i-sick-line { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/sick-line.png); background-repeat: no-repeat;}
.i-sick-fill { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/sick-fill.png); background-repeat: no-repeat;}
.i-family-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/family-gray.png); background-repeat: no-repeat;}
.i-chart { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/chart.png); background-repeat: no-repeat;}
.i-money-bag { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/money-bag.png); background-repeat: no-repeat;}
.i-car { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/car.png); background-repeat: no-repeat;}
.i-smoking { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/smoking.png); background-repeat: no-repeat;}
.i-no-smoking { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/no-smoking.png); background-repeat: no-repeat;}
.i-drinking { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/drinking.png); background-repeat: no-repeat;}
.i-no-drinking { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/no-drinking.png); background-repeat: no-repeat;}
.i-success-check { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/success.png); background-repeat: no-repeat;}
.i-error-check { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/msg-error.png); background-repeat: no-repeat;}
.i-carret-right-pink { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/caret-right-pink.svg); background-repeat: no-repeat;}
.i-carret-right-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/caret-right-blue.svg); background-repeat: no-repeat;}
.i-message-bubble-line-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/message-bubble-line-blue.svg); background-repeat: no-repeat;}
.i-times-yellow { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/times-yellow.svg); background-repeat: no-repeat;}
.i-tick-green { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/tick-green.svg); background-repeat: no-repeat;}
.i-eye-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/eye-white.svg); background-repeat: no-repeat;}
.i-globe-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/globe-white.svg); background-repeat: no-repeat;}
.i-cellphone-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/cellphone-white.png); background-repeat: no-repeat;}
.i-cellphone-green { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/cellphone-green.png); background-repeat: no-repeat;}
.i-mail-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/mail-white.png); background-repeat: no-repeat;}
.i-mail-green { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/mail-green.png); background-repeat: no-repeat;}
.i-broker-girl { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/broker-girl.png); background-repeat: no-repeat;}
.i-planet-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/planet-white.png); background-repeat: no-repeat;}
.i-notes-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/notes-gray.png); background-repeat: no-repeat;}
.i-mail-white2 { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/mail-white2.png); background-repeat: no-repeat;}
.i-briefcase-fill-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/briefcase-fill-gray.svg); background-repeat: no-repeat;}
.i-briefcase-fill-no { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/briefcase-fill-no.svg); background-repeat: no-repeat;}
.i-workspace { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/workspace.svg); background-repeat: no-repeat;}
.i-businessman { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/businessman.svg); background-repeat: no-repeat;}
.i-tick-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/tick-blue.svg); background-repeat: no-repeat;}
.i-times-red { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/times-red.svg); background-repeat: no-repeat;}
.i-tick-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/tick-white.svg); background-repeat: no-repeat;}
.i-times-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/times-white.svg); background-repeat: no-repeat;}
.i-cellphone-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/cellphone-gray.png); background-repeat: no-repeat;}
.i-mail-fill-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/mail-fill-gray.svg); background-repeat: no-repeat;}
.i-crown-yellow { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/crown-yellow.svg); background-repeat: no-repeat;}
.i-crown-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/crown-white.svg); background-repeat: no-repeat;}
.i-send-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/send-blue.svg); background-repeat: no-repeat;}
.i-food { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/food.svg); background-repeat: no-repeat;}
.i-check-green-fill { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/check-green-fill.svg); background-repeat: no-repeat;}
.i-check-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/check-white.svg); background-repeat: no-repeat;}
.i-smiley-sad { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/smiley-sad.svg); background-repeat: no-repeat;}
.i-smiley-kiss { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/smiley-kiss.svg); background-repeat: no-repeat;}
.i-smiley-love { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/smiley-love.svg); background-repeat: no-repeat;}
.i-smiley-shocked { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/smiley-shocked.svg); background-repeat: no-repeat;}
.i-flag-pink { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/flag-pink.svg); background-repeat: no-repeat;}
.i-chat-fill-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/chat-fill-blue.svg); background-repeat: no-repeat;}
.i-laptop { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/laptop.svg); background-repeat: no-repeat;}
.i-facebook2 { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/facebook2.svg); background-repeat: no-repeat;}
.i-profiles-folder { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/profiles-folder.svg); background-repeat: no-repeat;}
.i-wave-hand { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/wave-hand.png); background-repeat: no-repeat;}
.i-sale { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/sale.svg); background-repeat: no-repeat;}
.i-youtube-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/youtube-line-white.svg); background-repeat: no-repeat;}
.i-planet-line-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/planet-line-gray.svg); background-repeat: no-repeat;}
.i-otp { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/otp.png); background-repeat: no-repeat;}
.i-add-red { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/add-red.svg); background-repeat: no-repeat;}
.i-youtube-red { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/youtube-red.svg); background-repeat: no-repeat;}
.i-play-circle-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/play-fil-white.svg); background-repeat: no-repeat;}
.i-question-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/question-blue.svg); background-repeat: no-repeat;}
.i-times-circle-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/times-circle-white.svg); background-repeat: no-repeat;}
.i-heart-outline-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/heart-outline-white.svg); background-repeat: no-repeat;}
.i-youtube-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/youtube-blue.svg); background-repeat: no-repeat;}
.i-youtube-fill-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/youtube-fill-white.svg); background-repeat: no-repeat;}
.i-check-fill-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/check-fill-white.svg); background-repeat: no-repeat;}
.i-globe { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/globe.svg); background-repeat: no-repeat;}
.i-prev { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/caret-left-gray.svg); background-repeat: no-repeat;}
.i-next { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/caret-right-gray.svg); background-repeat: no-repeat;}
.i-times-fill-red { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/times-fill-red.svg); background-repeat: no-repeat;}
.i-id-verify { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/id-verify.svg) no-repeat;}
.i-avatar-white { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/avatar-white.svg) no-repeat;}
.i-horoscope-color { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/horoscope-color.svg) no-repeat;}
.i-info-fill-yellow { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/info-fill-yellow.svg) no-repeat;}
.i-mail-fill-white { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/mail-fill-white.svg) no-repeat;}
.i-lock-line-white { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/lock-line-white.svg) no-repeat;}
.i-phone-mask { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/phone-mask.svg) no-repeat;}
.i-photo-verify { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/photo-verify.svg) no-repeat;}
.i-phone-meron { background: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/phone-meron.svg) no-repeat;}
.i-crown-white-dots { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/crown-white-dots.svg); background-repeat: no-repeat;}
.i-eye-circle-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/eye-circle-blue.svg); background-repeat: no-repeat;}
.i-handpick-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/handpick-white.svg); background-repeat: no-repeat;}
.i-user-plus-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/user-plus-blue.svg); background-repeat: no-repeat;}
.i-heart-pink-circle { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/heart-pink-circle.svg); background-repeat: no-repeat;}
.i-more-vertical { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/more-vertical.svg); background-repeat: no-repeat;}
.i-bell-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/bell-blue.svg); background-repeat: no-repeat;}
.i-horoscope-line-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/planet-line-gray.png); background-repeat: no-repeat;}
.i-horoscope-line-red { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/planet-line-red.png); background-repeat: no-repeat;}
.i-image-line-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/image-gray.svg); background-repeat: no-repeat;}
.i-image-line-red { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/image-red.svg); background-repeat: no-repeat;}
.i-heart-outline-green { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/heart-outline-green.png); background-repeat: no-repeat;}
.i-rupee-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/rupee-gray.svg); background-repeat: no-repeat;}
.i-pdf { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/pdf.svg); background-repeat: no-repeat;}
.i-excel { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/excel.svg); background-repeat: no-repeat;}
.i-download-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/download-blue.svg); background-repeat: no-repeat;}
.i-clock-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/clock-white.svg); background-repeat: no-repeat;}
.i-trash-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/trash-gray.svg); background-repeat: no-repeat;}
.i-send-email { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/send-email.svg); background-repeat: no-repeat;}
.i-message-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/message-gray.svg); background-repeat: no-repeat;}
.i-clock-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/clock-gray.svg); background-repeat: no-repeat;}
.i-alert-red { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/alert-red.svg); background-repeat: no-repeat;}
.i-alert-green { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/alert-green.svg); background-repeat: no-repeat;}
.i-volume { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/volume.svg?v=1.5); background-repeat: no-repeat;}
.i-volume-mute { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/volume-mute.svg?v=1.5); background-repeat: no-repeat;}
.i-social-media { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/social-media.svg); background-repeat: no-repeat;}
.i-notes { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/notes.svg); background-repeat: no-repeat;}
.i-corner-left { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/corner-left.svg); background-repeat: no-repeat;}
.i-filter { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/filter.svg); background-repeat: no-repeat;}
.i-toggle { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/toggle-right.svg); background-repeat: no-repeat;}
.i-bell-white { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/bell-white.svg); background-repeat: no-repeat;}
.i-question-blue-light { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/question-blue-light.svg); background-repeat: no-repeat;}
.i-user-line-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/user-line-blue.svg); background-repeat: no-repeat;}
.i-settings-line-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/settings-line-blue.svg); background-repeat: no-repeat;}
.i-key-line-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/key-line-blue.svg); background-repeat: no-repeat;}
.i-crown { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/crown-gray.svg); background-repeat: no-repeat;}
.i-user-black { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/user-black.svg); background-repeat: no-repeat;}
.i-hearts-black { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/hearts-black.svg); background-repeat: no-repeat;}
.i-message-black { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/message-black.svg); background-repeat: no-repeat;}
.i-bell-black { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/bell-black.svg); background-repeat: no-repeat;}
.i-dollar-black { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/dollar-black.svg); background-repeat: no-repeat;}
.i-edit-black { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/edit-black.svg); background-repeat: no-repeat;}
.i-users-black { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/users-black.svg); background-repeat: no-repeat;}
.i-image-black { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/image-black.svg); background-repeat: no-repeat;}
.i-settings-black { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/settings-black.svg); background-repeat: no-repeat;}
.i-filter-black { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/filter-black.svg); background-repeat: no-repeat;}
.i-toggle-black { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/toggle-black.svg); background-repeat: no-repeat;}
.i-trash-black { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/trash-black.svg); background-repeat: no-repeat;}
.i-planet-black { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/planet-black.svg); background-repeat: no-repeat;}
.i-check-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/check-gray.svg); background-repeat: no-repeat;}
.i-invoice-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/invoice-gray.svg); background-repeat: no-repeat;}
.i-image-line-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/image-line-blue.svg); background-repeat: no-repeat;}
.i-idcard-line-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/idcard-line-blue.svg); background-repeat: no-repeat;}
.i-filter-line-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/filter-line-blue.svg); background-repeat: no-repeat;}
.i-toggle-left-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/toggle-left-blue.svg); background-repeat: no-repeat;}
.i-verified-fill-gray { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/verified-fill-gray.svg); background-repeat: no-repeat;}
.i-verified-fill-yellow { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/verified-fill-yellow.svg); background-repeat: no-repeat;}
.i-verified-fill-blue { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/verified-fill-blue.svg); background-repeat: no-repeat;}
.i-verified-fill-green { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/verified-fill-green.svg); background-repeat: no-repeat;}


.text-gradient { background: -webkit-linear-gradient(180deg, #ff1173, #8e56fc); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #fcfaff;}
.ui.form { word-wrap: break-word;}
.textarea-light { background-color: #f3f3f3 !important; border: none !important; resize: none;}
.textarea-light::-webkit-input-placeholder { color: #646464 !important;}
.textarea-light::-ms-input-placeholder { color: #646464 !important;}
.textarea-light::placeholder { color: #646464 !important;}
.item-center { -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important;}
.justify-content-center { justify-content: center;}
.wd-fileupload input { display: none !important;}
.inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden;	position: absolute;	z-index: -1;}
.custom-label { padding: 4px 8px 5px !important;}
.label-basic { background: #b7b7b7 !important; color: #fff !important;}
.label-premium { background: #e7bf3b !important; color: #fff !important;}
.label-vip { background: #c03be7 !important; color: #fff !important;}
.label-rounded { border-radius: 18.5px !important;}
.lh-sm { line-height: 14px !important;}
.lh-16 { line-height: 16px !important;}
.lh-md { line-height: 18px !important;}
.lh-lg { line-height: 22px !important;}
.lh-xl { line-height: 26px !important;}
.lh-xxl { line-height: 32px !important;}
.lh-xxxl { line-height: 38px !important;}
.lh-100 { line-height: 100% !important;}
.ml--1 { margin-left: -5px !important;} .ml--2 { margin-left: -0.594rem !important; /*-0.213rem !important;*/}
.ml--2 { margin-left: 10px !important;}
.mr--1 { margin-right: -5px !important;}
.mt--1 { margin-top: -5px !important;}
.mt--2 { margin-top: -10px !important;}
.mt--3 { margin-top: -15px !important;}
.mb--1 { margin-bottom: -5px !important;}
.mb--2 { margin-bottom: -10px !important;}
.m-1 { margin: 10px !important;}
.m-2 { margin: 15px !important;}
.mb-01 { margin-bottom: 1px !important;}
.mt-02 { margin-top: 2px;}
.h-auto { height: auto !important;}
.m-0 { margin: 0px !important;} .m-auto { margin: auto !important;} .mr-auto { margin-right: auto !important;} .ml-auto { margin-left: auto !important;} .my-auto { margin-left: auto !important; margin-right: auto !important;} .mx-auto { margin-left: auto !important; margin-right: auto !important;}
.mt-auto { margin-top: auto !important;} .mt-05 { margin-top: 5px !important;} .mr-05 { margin-right: 5px !important;} .mb-05 { margin-bottom: 5px !important;} .ml-05 { margin-left: 5px !important;}
.mt-0 { margin-top: 0px !important;} .mt-01 { margin-top: 0.15em !important;} .mt-1 { margin-top: 10px !important;} .mt-2 { margin-top: 15px !important;} .mt-3 { margin-top: 20px !important;} .mt-4 { margin-top: 25px !important;} .mt-5 { margin-top: 30px !important;} .mt-6 { margin-top: 35px !important;} .mt-7 { margin-top: 40px !important;} .mt-8 { margin-top: 45px !important;} .mt-9 { margin-top: 50px !important;}
.mr-0 { margin-right: 0px !important;} .mr-1 { margin-right: 10px !important;} .mr-2 { margin-right: 15px !important;} .mr-3 { margin-right: 20px !important;} .mr-4 { margin-right: 25px !important;} .mr-5 { margin-right: 30px !important;}
.mb-0 { margin-bottom: 0px !important;} .mb-1 { margin-bottom: 10px !important;} .mb-2 { margin-bottom: 15px !important;} .mb-3 { margin-bottom: 20px !important;} .mb-4 { margin-bottom: 25px !important;} .mb-5 { margin-bottom: 30px !important;}
.ml-0 { margin-left: 0px !important;} .ml-1 { margin-left: 10px !important;} .ml-2 { margin-left: 15px !important;} .ml-3 { margin-left: 20px !important;} .ml-4 { margin-left: 25px !important;} .ml-5 { margin-left: 30px !important;} .ml-6 { margin-left: 35px !important;}
.mb-3x { margin-bottom: 90px !important;}
.o-hidden { overflow: hidden !important;}
.no-shadow { box-shadow: none !important;}
.text-no-shadow { text-shadow: none !important;}
.box-shadow { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03) !important;}
.shadow-hover:hover { box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.07);}
.pos-relative { position: relative !important;}
.pos-absolute { position: absolute !important;}
.pointer { cursor: pointer !important;}
.p-0 { padding: 0px !important;} .p-05 { padding: 5px !important;} .p-1 { padding: 10px !important;} .p-2 { padding: 15px !important;} .p-3 { padding: 20px !important;} .p-4 { padding: 25px !important;} .p-5 { padding: 30px !important;}
.pt-0 { padding-top: 0px !important;} .pt-05 { padding-top: 5px !important;} .pt-1 { padding-top: 10px !important;} .pt-2 { padding-top: 15px !important;} .pt-3 { padding-top: 20px !important;} .pt-4 { padding-top: 25px !important;} .pt-5 { padding-top: 30px !important;}
.pl-0 { padding-left: 0px !important;} .pl-05 { padding-left: 5px !important;} .pl-1 { padding-left: 10px !important;} .pl-2 { padding-left: 15px !important;} .pl-3 { padding-left: 20px !important;} .pl-4 { padding-left: 25px !important;} .pl-5 { padding-left: 30px !important;}
.pb-0 { padding-bottom: 0px !important;} .pb-05 { padding-bottom: 5px !important;} .pb-1 { padding-bottom: 10px !important;} .pb-2 { padding-bottom: 15px !important;} .pb-3 { padding-bottom: 20px !important;} .pb-4 { padding-bottom: 25px !important;} .pb-5 { padding-bottom: 30px !important;}
.pr-0 { padding-right: 0px !important;} .pr-05 { padding-right: 5px !important;} .pr-1 { padding-right: 10px !important;} .pr-2 { padding-right: 15px !important;} .pr-3 { padding-right: 20px !important;} .pr-4 { padding-right: 25px !important;} .pr-5 { padding-right: 30px !important;}
.py-1 { padding-top: 10px!important; padding-bottom: 10px !important;} .py-2 { padding-top: 15px!important; padding-bottom: 15px !important;} .py-3 { padding-top: 20px !important; padding-bottom: 20px !important;} .py-4 { padding-top: 25px !important; padding-bottom: 25px !important;}
.py-5 { padding-top: 30px !important; padding-bottom: 30px !important;} .py-05 { padding-top: 5px!important; padding-bottom: 5px !important;}
.px-0 { padding-right: 0px!important; padding-left: 0px !important;} .px-1 { padding-right: 10px!important; padding-left: 10px !important;} .px-2 { padding-right: 15px!important; padding-left: 15px !important;} .px-3 { padding-right: 20px !important; padding-left: 20px !important;}
.p-xs { padding: 2px 5px !important;}
.py-0 { padding-top: 0px !important; padding-bottom: 0px !important;}
.btn-xs { padding: 6px 8px 5px !important; width: auto !important;}
.radius-0 { border-radius: 0px !important;} .radius-1 { border-radius: 1px !important;} .radius-2 { border-radius: 2px !important;} .radius-3 { border-radius: 3px !important;} .radius-4 { border-radius: 4px !important;} .radius-6 { border-radius: 6px !important;}
.radius-9 { border-radius: 9px !important;}
.radius-100 { border-radius: 100% !important;}
.opacity-5 { opacity: .5;}
.ripple {position: relative; overflow: hidden; transform: translate3d(0, 0, 0)}
.ripple:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; background-image: radial-gradient(circle, #000 10%, transparent 10.01%); background-repeat: no-repeat; background-position: 50%; transform: scale(10, 10);
    opacity: 0; transition: transform .5s, opacity 1s; z-index: 151;}
.ripple:active:after { transform: scale(0, 0); opacity: .2; transition: 0s}
.text-black { color: #000 !important;}
.text-blue { color:#1d83ef !important;}
.text-yellow { color:#ff8821 !important;}
.text-orange { color:#e7723b !important;}
.text-green { color:#358c6a !important;}
.text-green2 { color: #33c872 !important;}
.text-green3 { color: #4ab48a !important;}
.text-gold { color: #e7bf3c !important;}
.text-red { color: #ff3030 !important;}
.text-gray { color: #646464 !important;}
a.text-gray:hover { color: #333 !important;}
.text-gray.dk { color: #4f4e4e !important;}
.text-gray2 { color: #737373 !important;}
.text-white { color:#fff !important;}
.text-dark { color:#343a40 !important;}
.text-muted { color: #6c757d !important;}
.text-muted2 { color: #9c9fb4 !important;}
.text-pink { color: #ff0037 !important;}
.text-purple { color: #6273c6 !important;}
.text-hover-pink:hover { color: #ff0037 !important;}
.text-light { color: #b4b4b4 !important;}
.text-left { text-align: left !important;}
.text-center { text-align: center !important;}
.text-right { text-align: right !important;}
.text-lowercase { text-transform: lowercase !important;}
.text-uppercase { text-transform: uppercase !important;}
.text-capitalize { text-transform: capitalize !important;}
.text-transform-none { text-transform: none !important;}
.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.text-line { text-decoration: line-through !important; text-decoration-color: #8e9dac !important;}
.text-underline { text-decoration: underline !important;}
.font-italic { font-style: italic !important;}
.thumb { display: inline-block; position: relative; background: #ddd; background-repeat: no-repeat;}
.thumb img { width: 100%;}
.thumb-xs { width: 33px !important; height: 33px !important; background-size: 33px !important;}
.thumb-sm { width: 40px !important; height: 40px !important; background-size: 40px !important;}
.thumb-md { width: 46px !important; height: 46px !important; background-size: 46px !important;}
.thumb-lg { width: 60px !important; height: 60px !important; background-size: 60px !important;}
.thumb-xxl { width: 90px !important; height: 90px !important; background-size: 90px !important;}
.thumb-xxxl { width: 120px !important; height: 120px !important; background-size: 120px !important;}
.img-circle { border-radius: 100% !important; overflow: hidden;}
.object-cover { object-fit: cover;}
.text-shadow-none { text-shadow: none;}
.shadow-none { box-shadow: none !important;}
.word-break { word-break: break-word !important;}
.w-auto { width: auto !important;}
/* .w-75 { width: 75px !important; max-width: 75px !important} */
.w-xxs { width: 100px !important;}
.w-85 { min-width: 85px !important; width: 85px !important;}
.w-xs { width: 150px !important;}
.w-sm { width: 180px !important;}
.w-25 { width: 25% !important;}
.w-50 { width: 50% !important;}
.w-75 { width: 75% !important;}
.w-100 { width: 100% !important;}
.mw-50 { max-width: 50% !important;}
.mw-80 { max-width: 80% !important;}
.mw-90 { max-width: 90% !important;}
.mw-100 { max-width: 100% !important;}
.mh-auto { min-height: auto !important;}
.mh-sm { min-height: 15px !important;}
.mw-xs { min-width: 10.5rem !important;}
.mw-sm { min-width: 12.8rem !important;}
.mw-md { max-width: 350px !important;}
.top-floating { top: -5px; right: -5px;}
.tiny-card { width: 220px !important;}
.top-1 { top: 1px !important;}
.top-2 { top: 1.75em !important;}
.top-3 { top: 3px !important;}
.top-4 { top: 4px !important;}
.top--3 { top: -3px !important;}
.top--2 { top: -2px !important;}
.top--1 { top: -1px !important;}
.left-0 { left: 0px !important;}
.right-xs { right: 10px !important;}
.top-xs { top: 12px !important;}
.hide { display: none !important;}
.h-50 { height: 50px !important;}
.container-xs { max-width: 650px !important;}
.block-xxs { display: none !important;}
.ui.ordered.list .list .item .list>.item:before { margin-left: -2.7em;}

@-webkit-keyframes wave {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(3.5);
        transform: scale(3.5);
        opacity: 0;
    }
}

@keyframes wave {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(3.5);
        transform: scale(3.5);
        opacity: 0;
    }
}

@keyframes opacitychange{
    0%, 100%{
        opacity: 0;
    }

    60%{
        opacity: 1;
    }
}


@media only screen and (min-width:320px) and (max-width:359px) {
    .income-item:nth-child(1) { width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 12px;} .income-item:nth-child(2) { width: 47%; -ms-flex: 0 0 47%; flex: 0 0 47%; max-width: 47%;} .income-item:nth-child(4) { width: 45%;
                                                                                                                                                                                                                       -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; padding-left: 0px !important;}
    .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field:nth-child(1) { padding-right: 0px;}
    .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field:nth-child(2) { max-width: 44.5% !important; margin-bottom: 0px !important;} .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field:nth-child(2) label { line-height: 18px !important; }
    .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field:nth-child(3) { max-width: 10% !important; padding-left: 4px !important; position: relative; top: -16px; margin-bottom: 0px !important;}
    .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field:nth-child(4) { max-width: 44.5% !important; margin-bottom: 0px !important;} .income-group.three.fields:not(.unstackable)>.field:nth-child(4) label { line-height: 18px !important;}
    .skin-box .custom-radio { width: 48%;} .skin-box .custom-radio label span { display: inline-block; vertical-align: middle;} .skin-box .custom-radio label i { margin: 0px; display: inline-block;
                                                                                                                                    vertical-align: middle;} .bodytype-box .custom-radio { width: 48%;} .income-group .mh-sm { min-height: 30px !important;} .tablet.mobile .wd-brand { width: 150px !important;}
    .ui.form:not(.unstackable) .btn-group.three.fields:not(.unstackable)>.field { margin-bottom: 12px !important; padding-right: 0px !important;}
    .ui.form:not(.unstackable) .btn-group.three.fields:not(.unstackable)>.field:nth-child(3) { margin-bottom: 0px !important;} .ui.form:not(.unstackable) .btn-group.two.fields:not(.unstackable)>.field:nth-child(2) .button { padding-right: 0px !important; padding-left: 0px !important;}
    .ui.form:not(.unstackable) .w-full-xs.two.fields:not(.unstackable)>.field { width: 100% !important; max-width: 100% !important; padding-right: .5em !important;}
    .sticky-bottom-menu .ui.menu .item { font-size: 10px;} .wd-video-card .ui.image { max-width: none; height: 180px !important; width: auto !important;} .top-notification span { margin-bottom: 10px; display: block;}
    .profile-label { width: 150px;} .popup-brnd { margin-top: 7px; width: 125px; margin-left: 10px;}
    .wd-signup-btn-group.two.fields:not(.unstackable)>.field { width: 100% !important; margin-bottom: 10px !important;}
    .wd-recommended-cards .ui.five.doubling.cards { margin-left: -0.5em; margin-right: -0.5em;}
    .wd-recommended-cards .ui.five.doubling.cards>.card { width: calc(50% - 1em); margin-left: 0.5em; margin-right: 0.5em;}
    .wd-recommended-cards .ui.four.doubling.cards { margin-left: -0.5em; margin-right: -0.5em;}
    .wd-recommended-cards .ui.four.doubling.cards>.card { width: calc(50% - 1em); margin-left: 0.5em; margin-right: 0.5em;}
    .wd-recommended-cards .ui.four.cards>.card>.image { height: 120px !important;}
    .wd-recommended-cards .coming-soon-card { height: 120px !important;}
    .wd-profile-stats .ui.five.cards>.card { width: 50% !important;}
    .wd-profile-stats .ui.five.cards>.card:nth-child(even) .border-right { border-right: none !important;}
    .two-data-card .ui.grid>.row>[class*="eight wide"].column { width: 100% !important; padding: 0px !important;}
    .two-data-card .ui.grid>[class*="eleven wide"].column { width: 100% !important;}
    .two-data-card .ui.stackable.divided.grid>.row:first-child>.column { padding: 1rem 0rem !important;}
    .spl-card { flex-direction: column; text-align: center;}
    .spl-card .thumb-lg { margin-right: 0px !important; margin-bottom: 10px;}
    .spl-card a.button { margin: 10px 0px 0px !important;}
    .addons-box .content { padding: 15px 12px !important;}
    .addons-header { display: block !important;}
    .addons-header .ml-auto { margin: 10px 0px 0px !important;}
    .addons-box .ui.cards .ui.card { width: calc(100% - .5em); min-height: 70px;}
    .addons-box .ui.cards .ui.card .content { padding: 15px !important;}
    .addons-header .ml-auto .button:nth-child(1) { margin: 0px !important;}
    .ui.styled.accordion.wd-custom-accordion .title { padding: 10px 12px;}
    .ui.cards.wd-match-cards { margin: 0em -.5em -.875em;}
    .ui.cards.wd-match-cards >.card { width: 45%; height: 135px; margin: 0em .5em .875em .5em;}
    .ui.cards.wd-album-cards >.card { width: 47%; height: 150px; overflow: hidden; margin: 0em .25em .5em .25em;}
    .ui.cards.wd-album-cards>.card img { height: 150px;}
    .instruction-left { justify-content: center;}
    .instruction-right { flex-direction: inherit; flex-wrap: wrap;}
    .instruction-right .item { margin: 0px auto 15px; width: 30%; text-align: center;}
    .ui.form:not(.unstackable) .time-group.three.fields:not(.unstackable)>.field { padding-right: 0px !important;}
    .ui.form:not(.unstackable) .four.fields.time-group .field {padding-right: 0px !important;}
    .ui.form:not(.unstackable) .four.fields.time-group .field:nth-child(3) { margin-bottom: 1em !important; width: 100% !important;}
    .ui.form:not(.unstackable) .four.fields.time-group .field:nth-child(1) { width: 100% !important;}
    .height-group { flex-direction: column;}
    .height-group span { display: none;}
    .height-group .ui.fluid.dropdown { margin: 0px !important;}
    .height-group .ui.fluid.dropdown:nth-child(3) { margin-top: 1em !important;}
    .page-form .ui.form:not(.unstackable) .w-full-xs.two.fields:not(.unstackable)>.field, .modal .content .ui.form:not(.unstackable) .w-full-xs.two.fields:not(.unstackable)>.field { padding-right: 0em !important;}
    .mt-xs-0 { margin-top: 0px !important;}
    .rec-label { margin-top: -5px !important; display: inline-block;}
    .tag-img img { max-width: 100% !important;}
    .album-guide .ui.cards.wd-match-cards >.card { width: 44%;}
    .page-form { max-width: 100% !important;}
    .wd-card-overlay .deleted-tag { left: 30%;}
    .footer-map { top: 0px; width: 100%; height: 250px;}
    .dot-us { top: 60%;} .dot-uk { top: 54%;} .dot-fr { top: 60%;} .dot-de { top: 62%; left: 60%;} .dot-ch { top: 68%;} .dot-ca { top: 54%;} .dot-in { top: 68%;} .dot-lk { top: 73%;} .dot-au { top: 84%;}
    .album-header { margin: 0px auto 25px !important; flex-direction: column;}
    .album-header .header { margin: 0px auto 5px;}
    .album-header button { margin: 0px !important;}
    .upload-item { width: 44%;}
    .upload-items.charts .upload-item { height: auto;}
    .w-xxs { width: 70px !important;}
    .skin-box .custom-radio label { padding: 5px 8px !important;}
    .preference-filter .income-group .mh-sm { min-height: 34px !important;}
    .modal .content .income-group .field.w-auto span { margin-left: 3px; top: 5px; position: relative;}
    .ui.form .two.fields.income-group>.field:nth-child(1) { width: 100% !important; max-width: 100% !important; padding-right: 0px;}
    .ui.form .two.fields.income-group>.field:nth-child(2) { width: 100% !important; max-width: 100% !important; padding-right: 0px;}
    .preference-grap .score-card { left: 35%;}
    .slide-prev { left: -60px;}
    .slide-next { right: -60px;}
    .mobi-action-buttons { padding: 10px 6px;}
    .upgrade-top-row .extra-content span+span { margin-top: 10px;}
    .upgrade-leads { flex-direction: column; align-items: flex-start;}
    .upgrade-leads .right { margin-left: 0px; width: 100%;}
    .match-card-footer { padding: 1em .5em !important;}
    .match-card-footer .ui.button:last-child { margin-right: 0px !important;}
    .remain-card { width: 86px !important; display: inline-block; vertical-align: top;}
    .remain-card .ui.button { height: auto; margin-left: 0px !important;}
    .match-middle-menu .btn-filter span { display: none;}
    .match-middle-menu .btn-filter, .match-middle-menu .match-sort-btn { padding: .92857143em .75em .92857143em .5em !important;}
    .upgrade-card .body { flex-direction: column;}
    .upgrade-card .body .right { margin-left: 0px;}
    .upgrade-card .title, .upgrade-card .left span { text-align: center;}
    .upgrade-card .left span { margin-bottom: 15px;}
    .upgrade-card .body .right .button { margin-left: 0px !important;}
    .admin-verify-card .body { flex-direction: column;}
    .admin-verify-card .body .right { margin-left: 0px;}
    .admin-verify-card .title, .upgrade-card .left span { text-align: center;}
    .admin-verify-card .left span { margin-bottom: 15px; text-align: center;}
    .admin-verify-card .body .right .button { margin-left: 0px !important;}
    .smiley { left: 40%;}
    .notify-text { display: block; margin-top: 10px;}
    .ui.three.column.doubling.stackable.grid.delete-option .column { width: 100% !important;}
    .ui.three.column.doubling.stackable.grid.delete-option.status-box .column .check-radio label { text-align: left !important;}
    .photo-upload-cards { display: block; padding: 0px 15px; border-top: 0px; border-bottom: 0px;}
    .photo-upload-cards .ui.button { margin-bottom: 12px; display: block; border-radius: 4px; border: solid 1px rgba(100, 100, 100, 0.1); width: 100%; max-width: 100%;}
    .modal-profile-thumb.center { left: 40%;}
    .reverse-match-upgrade .title { font-size: 20px; line-height: 28px;}
    .uploar-wrapper { flex-direction: column;}
    .uploar-wrapper .item+.item { margin-top: 12px;}
    .birt-time-wrapper { flex-direction: column;}
    .birt-time-wrapper .item { flex-basis: 1; max-width: 100%; width: 100%;}
    .birt-time-wrapper .item+.item { margin-top: 10px;}
    .birt-time-wrapper .item:nth-child(3) { max-width: 100%;}
    .purchased-addons .card { width: 100% !important; margin: .5em !important;}
    .demo-card .ui.image { max-width: 44%;}
    .demo-card .description .header { font-size: 16px !important;}
    .demo-card-2 .description .header { font-size: 16px !important;}
    .xs-block { width: 100%; display: block; text-align: center; margin-bottom: 10px;}
    .album-instructions .ui.image { width: 100%; height: auto;}
    .ui.cards.request-cards .ui.card .footer-group .btn-group-right .button { margin: 0px 5px 0px 0px; padding: .78571429em .5em; font-size: 12px;}
    .demo-card-2 .description .left .font-12 { font-size: 11px !important;}
    .chatbox-header .content .name span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 10ch; display: inline-block; vertical-align: top;}
    .msg-footer span.font-11 { display: block; margin-top: 5px;}
    .my-account-mobi .card .header { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 10ch; display: inline-block; vertical-align: middle;}
    .d-block-xs-only { display: block !important;}
    .mt-xs-10 { margin-top: 10px !important;}
    .settings-links a { width: calc(100% - 10px);}
    .extra-card .card-body { flex-direction: column;}
    .extra-card .card-body .left { flex-direction: column; text-align: center;}
    .extra-card .card-body .left .ui.image { margin: 0px auto 10px !important; width: 64px;}
    .extra-card .card-body .ml-auto { margin: 0px auto !important;}
    .extra-card .card-body .ml-auto .ml-2 { margin-left: 0px !important;}
    .upgrade-contact .description { flex-direction: column; text-align: center;}
    .upgrade-contact .description .left .ml-5 { margin-left:  0px !important;}
    .upgrade-contact .description .right { margin-right: auto; margin-top: 10px;}
    .match-middle-menu .item { font-size: 14px;}
    .pp-item .pp-stats .column { width: 50%;}

}


@media only screen and (min-width:360px) and (max-width:413px) {
    .income-item:nth-child(1) { width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 12px;} .income-item:nth-child(2) { width: 47%; -ms-flex: 0 0 47%; flex: 0 0 47%; max-width: 47%;} .income-item:nth-child(4) { width: 46%; -ms-flex: 0 0 46%;
                                                                                                                                                                                                                       flex: 0 0 46%; max-width: 46%; padding-left: 0px !important;} .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field:nth-child(1) { padding-right: 0px;} .tablet.mobile .wd-brand { width: 170px !important;}
    .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field:nth-child(2) { max-width: 44.5% !important; margin-bottom: 0px !important;} .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field:nth-child(2) label { line-height: 18px !important;}
    .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field:nth-child(3) { max-width: 10% !important; padding-left: 4px !important; position: relative; top: -16px; margin-bottom: 0px;}
    .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field:nth-child(4) { max-width: 44.5% !important; margin-bottom: 0px !important;} .income-group.three.fields:not(.unstackable)>.field:nth-child(4) label { line-height: 18px !important;}
    .skin-box .custom-radio { width: 48%;} .skin-box .custom-radio label span { display: inline-block; vertical-align: middle;} .skin-box .custom-radio label i { margin: 0px; display: inline-block;  vertical-align: middle;} .bodytype-box .custom-radio { width: 48%;}
    .income-group .mh-sm { min-height: 30px !important;} .ui.form:not(.unstackable) .btn-group.three.fields:not(.unstackable)>.field { margin-bottom: 12px !important; padding-right: 0px !important;}
    .ui.form:not(.unstackable) .btn-group.three.fields:not(.unstackable)>.field:nth-child(3) { margin-bottom: 0px !important;} .ui.form:not(.unstackable) .w-full-xs.two.fields:not(.unstackable)>.field { width: 100% !important; max-width: 100% !important; padding-right: .5em !important;}
    .wd-video-card .ui.image { max-width: none; height: 180px !important; width: auto !important;} .top-notification span { margin-bottom: 10px; display: block;} .profile-label { width: 150px;}
    .wd-signup-btn-group.two.fields:not(.unstackable)>.field { width: 100% !important; margin-bottom: 10px !important;}
    .wd-recommended-cards .ui.five.doubling.cards { margin-left: -0.5em; margin-right: -0.5em;}
    .wd-recommended-cards .ui.five.doubling.cards>.card { width: calc(50% - 1em); margin-left: 0.5em; margin-right: 0.5em;}
    .wd-recommended-cards .ui.four.doubling.cards { margin-left: -0.5em; margin-right: -0.5em;}
    .wd-recommended-cards .ui.four.doubling.cards>.card { width: calc(50% - 1em); margin-left: 0.5em; margin-right: 0.5em;}
    .wd-profile-stats .ui.five.cards>.card { width: 50% !important;}
    .wd-profile-stats .ui.five.cards>.card:nth-child(even) .border-right { border-right: none !important;}
    .two-data-card .ui.grid>.row>[class*="eight wide"].column { width: 100% !important; padding: 0px !important;}
    .two-data-card .ui.grid>[class*="eleven wide"].column { width: 100% !important;}
    .two-data-card .ui.stackable.divided.grid>.row:first-child>.column { padding: 1rem 0rem !important;}
    .spl-card { flex-direction: column; text-align: center;}
    .spl-card .thumb-lg { margin-right: 0px !important; margin-bottom: 10px;}
    .spl-card a.button { margin: 10px 0px 0px !important;}
    .addons-box .content { padding: 15px 12px !important;}
    .addons-header { display: block !important;}
    .addons-header .ml-auto { margin: 10px 0px 0px !important;}
    .addons-header .ml-auto .button:nth-child(1) { margin: 0px !important;}
    .addons-box .ui.cards .ui.card { width: calc(100% - .5em); min-height: 70px;}
    .ui.styled.accordion.wd-custom-accordion .title { padding: 10px 12px;}
    .popup-brand { width: 170px !important; margin-left: 10px;}
    .wd-popup-menu .profile-label { margin: 0px 15px 0px 0px !important;}
    .ui.cards.wd-match-cards { margin: 0em -.5em -.875em;}
    .ui.cards.wd-match-cards >.card { width: 45.9%; height: 150px; margin: 0em .5em .875em .5em;}
    .ui.cards.wd-album-cards >.card { width: 31%; height: 114px; overflow: hidden; margin: 0em .25em .5em .25em;}
    .ui.cards.wd-album-cards>.card img { height: 114px;}
    .instruction-left { justify-content: center;}
    .instruction-right { flex-direction: inherit; flex-wrap: wrap;}
    .instruction-right .item { margin: 0px auto 15px; width: 30%; text-align: center;}
    .ui.form:not(.unstackable) .time-group.three.fields:not(.unstackable)>.field { padding-right: 0px !important;}
    .ui.form:not(.unstackable) .four.fields.time-group .field { width: 50% !important;}
    .ui.form:not(.unstackable) .four.fields.time-group .field:nth-child(1), .ui.form:not(.unstackable) .four.fields.time-group .field:nth-child(3) { width: 50% !important;}
    .ui.form:not(.unstackable) .four.fields.time-group .field:nth-child(2) { padding-right: 0px !important;}
    .height-group { flex-direction: column;}
    .height-group span { display: none;}
    .height-group .ui.fluid.dropdown { margin: 0px !important;}
    .height-group .ui.fluid.dropdown:nth-child(3) { margin-top: 1em !important;}
    .page-form .ui.form:not(.unstackable) .w-full-xs.two.fields:not(.unstackable)>.field, .modal .content .ui.form:not(.unstackable) .w-full-xs.two.fields:not(.unstackable)>.field { padding-right: 0em !important;}
    .mt-xs-0 { margin-top: 0px !important;}
    .rec-label { margin-top: -5px !important; display: inline-block;}
    .tag-img img { max-width: 100% !important;}
    .album-guide .ui.cards.wd-match-cards >.card { width: 45%;}
    .page-form { max-width: 100% !important;}
    .wd-card-overlay .deleted-tag { left: 35%;}
    .footer-map { top: 0px; width: 100%; height: 250px;}
    .dot-us { top: 56%;} .dot-uk { top: 44%;} .dot-fr { top: 50%;} .dot-de { top: 48%; left: 60%;} .dot-ch { top: 58%;} .dot-ca { top: 45%;} .dot-in { top: 64%;} .dot-lk { top: 69%;} .dot-au { top: 82%; left: 83%;}
    .upload-item { width: 44%;}
    .upload-items.charts .upload-item { height: auto;}
    .w-xxs { width: 70px !important;}
    .preference-filter .income-group .mh-sm { min-height: 34px !important;}
    .preference-filter .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field:nth-child(3) { padding-left: 0px !important;}
    .modal .content .income-group .field.w-auto span { margin-left: 0px; top: 5px; position: relative;}
    .modal .content .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field:nth-child(3) { padding-left: 1px !important;}
    .ui.form .two.fields.income-group>.field:nth-child(1) { width: 100% !important; max-width: 100% !important; padding-right: 0px;}
    .ui.form .two.fields.income-group>.field:nth-child(2) { width: 100% !important; max-width: 100% !important; padding-right: 0px;}
    .preference-grap .score-card { left: 37%;}
    .slide-prev { left: -75px;}
    .slide-next { right: -75px;}
    .upgrade-leads { flex-direction: column; align-items: flex-start;}
    .upgrade-leads .right { margin-left: 0px; width: 100%;}
    .upgrade-top-row .extra-content span+span { margin-top: 10px;}
    .match-middle-menu .btn-filter span { display: none;}
    .match-middle-menu .btn-filter, .match-middle-menu .match-sort-btn { padding: .92857143em 1em .92857143em .8em !important;}
    .upgrade-card .body { flex-direction: column;}
    .upgrade-card .body .right { margin-left: 0px;}
    .upgrade-card .title, .upgrade-card .left span { text-align: center;}
    .upgrade-card .left span { margin-bottom: 15px;}
    .upgrade-card .body .right .button { margin-left: 0px !important;}
    .admin-verify-card .body { flex-direction: column;}
    .admin-verify-card .body .right { margin-left: 0px;}
    .admin-verify-card .title, .upgrade-card .left span { text-align: center;}
    .admin-verify-card .left span { margin-bottom: 15px; text-align: center;}
    .admin-verify-card .body .right .button { margin-left: 0px !important;}
    .notify-text { display: block; margin-top: 10px;}
    .ui.three.column.doubling.stackable.grid.delete-option .column { width: 100% !important;}
    .ui.three.column.doubling.stackable.grid.delete-option.status-box .column .check-radio label { text-align: left !important;}
    .photo-upload-cards { display: block; padding: 0px 15px; border-top: 0px; border-bottom: 0px;}
    .photo-upload-cards .ui.button { margin-bottom: 12px; display: block; border-radius: 4px; border: solid 1px rgba(100, 100, 100, 0.1); width: 100%; max-width: 100%;}
    .reverse-match-upgrade .title { font-size: 20px; line-height: 28px;}
    .uploar-wrapper { flex-direction: column;}
    .uploar-wrapper .item+.item { margin-top: 12px;}
    .birt-time-wrapper { flex-direction: column;}
    .birt-time-wrapper .item { flex-basis: 1; max-width: 100%; width: 100%;}
    .birt-time-wrapper .item+.item { margin-top: 10px;}
    .birt-time-wrapper .item:nth-child(3) { max-width: 100%;}
    .modal-body .instruction-left { justify-content: flex-start;}
    .modal-body .instruction-right { flex-direction: inherit; flex-wrap: inherit; align-items: self-start;}
    .modal-body .instruction-right .item { margin: 0px 8px; width: 80px;}
    .purchased-addons .card { width: 100% !important; margin: .5em !important;}
    .demo-card .ui.image { max-width: 40%;}
    .album-instructions .ui.image { width: 100%; height: auto;}
    .ui.cards.request-cards .ui.card .footer-group .btn-group-right .button { margin: 0px 5px 0px 0px; padding: .78571429em .75em; font-size: 13px;}
    .demo-card-2 .description .left .font-12 { font-size: 11px !important;}
    .chatbox-header .content .name span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 14ch; display: inline-block; vertical-align: top;}
    .msg-footer span.font-11 { display: block; margin-top: 5px;}
    .my-account-mobi .card .header { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 16ch; display: inline-block; vertical-align: middle;}
    .ui.form:not(.unstackable) .four.fields:not(.unstackable).marriage-stats>.field { width: 50% !important;}
    .settings-links a { width: calc(50% - 10px);}
    .upgrade-contact .description { flex-direction: column; text-align: center;}
    .upgrade-contact .description .left .ml-5 { margin-left:  0px !important;}
    .upgrade-contact .description .right { margin-right: auto; margin-top: 10px;}
    .match-middle-menu .item { font-size: 15px;}
    .pp-item .pp-stats .column { width: 50%;}

}


@media only screen and (min-width:375px) and (max-width:479px) {
    #progressbar li:before { left: 42%;}
    .wd-popup-menu .profile-label { margin: 0px 15px 0px 0px !important;}
    .rec-label { margin-top: -3px !important;}

}


@media only screen and (min-width:414px) and (max-width:479px) {
    .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field:nth-child(1) { padding-right: 0px;}
    .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field:nth-child(2) { max-width: 47% !important; margin-bottom: 0px;} .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field:nth-child(2) label { line-height: 18px !important;}
    .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field:nth-child(3) { max-width: 7% !important; padding-left: 0px !important; padding-right: 0px !important; position: relative; top: 24px; margin: 0px 0px 0px -6px !important; margin-bottom: 0px;}
    .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field:nth-child(4) { max-width: 47% !important; margin-bottom: 0px;} .income-group.three.fields:not(.unstackable)>.field:nth-child(4) label { line-height: 18px !important;}
    .skin-box .custom-radio { width: 48%;} .skin-box .custom-radio label { padding: 5px;} .skin-box .custom-radio label span { display: inline-block; vertical-align: middle;} .skin-box .custom-radio label i { margin: 0px; display: inline-block; vertical-align: middle;}
    .bodytype-box .custom-radio { width: 48%;} .wd-footer .ui.vertical.menu a.item { width: 50%; float: left;}   .ui.form:not(.unstackable) .btn-group.three.fields:not(.unstackable)>.field { width: 33.33% !important;
                                                                                                                     margin-bottom: 0px !important;} .wd-video-card .ui.image { max-width: none; height: 180px !important; width: auto !important;} .top-notification span { margin-bottom: 10px; display: block;} .profile-label { width: 150px;}
    .wd-recommended-cards .ui.five.doubling.cards { margin-left: -0.5em; margin-right: -0.5em;}
    .wd-recommended-cards .ui.five.doubling.cards>.card { width: calc(33% - 1em); margin-left: 0.5em; margin-right: 0.5em;}
    .wd-recommended-cards .ui.four.doubling.cards { margin-left: -0.5em; margin-right: -0.5em;}
    .wd-recommended-cards .ui.four.doubling.cards>.card { width: calc(50% - 1em); margin-left: 0.5em; margin-right: 0.5em;}
    .wd-profile-stats .ui.five.cards>.card { width: 50% !important;}
    .wd-profile-stats .ui.five.cards>.card:nth-child(even) .border-right { border-right: none !important;}
    .two-data-card .ui.grid>.row>[class*="eight wide"].column { width: 100% !important; padding: 0px !important;}
    .two-data-card .ui.grid>[class*="eleven wide"].column { width: 100% !important;}
    .two-data-card .ui.stackable.divided.grid>.row:first-child>.column { padding: 1rem 0rem !important;}
    .spl-card { flex-direction: column; text-align: center;}
    .spl-card .thumb-lg { margin-right: 0px !important; margin-bottom: 10px;}
    .spl-card a.button { margin: 10px 0px 0px !important;}
    .addons-box .content { padding: 15px 12px !important;}
    .addons-header { display: block !important;}
    .addons-header .ml-auto { margin: 10px 0px 0px !important;}
    .addons-header .ml-auto .button:nth-child(1) { margin: 0px !important;}
    .ui.styled.accordion.wd-custom-accordion .title { padding: 10px 12px;}
    .ui.cards.wd-match-cards { margin: 0em -.5em -.875em;}
    .ui.cards.wd-match-cards >.card { width: 46.5%; height: 175px; margin: 0em .5em .875em .5em;}
    .ui.cards.wd-album-cards >.card { width: 31.33%; height: 134px; overflow: hidden; margin: 0em .25em .5em .25em;}
    .ui.cards.wd-album-cards>.card img { height: 134px;}
    .ui.form:not(.unstackable) .time-group.three.fields:not(.unstackable)>.field { padding-right: 0px !important;}
    .ui.form:not(.unstackable) .four.fields.time-group .field { width: 50% !important;}
    .ui.form:not(.unstackable) .four.fields.time-group .field:nth-child(1), .ui.form:not(.unstackable) .four.fields.time-group .field:nth-child(3) { width: 50% !important;}
    .ui.form:not(.unstackable) .four.fields.time-group .field:nth-child(2) { padding-right: 0px !important;}
    .height-group { flex-direction: column;}
    .height-group span { display: none;}
    .height-group .ui.fluid.dropdown { margin: 0px !important; width: 100%;}
    .height-group .ui.fluid.dropdown:nth-child(3) { margin-top: 1em !important;}
    .tag-img img { max-width: 100% !important;}
    .album-guide .ui.cards.wd-match-cards >.card { width: 45%;}
    .addons-box .ui.cards .ui.card { width: calc(50% - .5em)}
    .page-form { max-width: 100% !important;}
    .wd-card-overlay .deleted-tag { left: 38%;}
    .footer-map { top: 0px; width: 100%; height: 275px;}
    .dot-us { top: 53%;} .dot-uk { top: 40%;} .dot-fr { top: 48%;} .dot-de { top: 45%; left: 60%;} .dot-ch { top: 55%;} .dot-ca { top: 38%;} .dot-in { top: 60%;} .dot-lk { top: 70%;} .dot-au { top: 80%; left: 85%;}
    .upload-item { width: 29.5%;}
    .upload-items.charts .upload-item { height: auto;}
    .modal .content .income-group .field.w-auto span { left: -2px; position: relative;}
    .mt-xs-0 { margin-top: 0px !important;}
    .ui.form .two.fields.income-group>.field:nth-child(1) { width: 100% !important; max-width: 100% !important; padding-right: 0px;}
    .ui.form .two.fields.income-group>.field:nth-child(2) { width: 100% !important; max-width: 100% !important; padding-right: 0px;}
    .ui.form .two.fields.income-group .ui.selection.ui.dropdown>.text { max-width: 100%;}
    .preference-grap .score-card { left: 38%;}
    .slide-prev { left: -75px;}
    .slide-next { right: -75px;}
    .upgrade-leads { flex-direction: column; align-items: flex-start;}
    .upgrade-leads .right { margin-left: 0px; width: 100%;}
    .upgrade-top-row .extra-content span+span { margin-top: 10px;}
    .match-middle-menu .btn-filter, .match-middle-menu .match-sort-btn { padding: .92857143em 1em .92857143em .8em !important;}
    .match-middle-menu .btn-filter span { display: none;}
    .upgrade-card .body { flex-direction: column;}
    .upgrade-card .body .right { margin-left: 0px;}
    .upgrade-card .title, .upgrade-card .left span { text-align: center;}
    .upgrade-card .left span { margin-bottom: 15px;}
    .upgrade-card .body .right .button { margin-left: 0px !important;}
    .admin-verify-card .body { flex-direction: column;}
    .admin-verify-card .body .right { margin-left: 0px;}
    .admin-verify-card .title, .upgrade-card .left span { text-align: center;}
    .admin-verify-card .left span { margin-bottom: 15px; text-align: center;}
    .admin-verify-card .body .right .button { margin-left: 0px !important;}
    .ui.three.column.doubling.stackable.grid.delete-option .column { width: 100% !important;}
    .ui.three.column.doubling.stackable.grid.delete-option .column .check-radio label { text-align: left;}
    .photo-upload-cards { display: block; padding: 0px 15px; border-top: 0px; border-bottom: 0px;}
    .photo-upload-cards .ui.button { margin-bottom: 12px; display: block; border-radius: 4px; border: solid 1px rgba(100, 100, 100, 0.1); width: 100%; max-width: 100%;}
    .uploar-wrapper .item { margin: 0px 2px; width: auto;}
    .birt-time-wrapper { flex-direction: column;}
    .birt-time-wrapper .item { flex-basis: 1; max-width: 100%; width: 100%;}
    .birt-time-wrapper .item+.item { margin-top: 10px;}
    .birt-time-wrapper .item:nth-child(3) { max-width: 100%;}
    .purchased-addons .card { width: 46.5% !important; margin: .5em !important;}
    .ui.cards.request-cards .ui.card .footer-group .btn-group-right .button { margin: 0px 5px 0px 0px; padding: .78571429em .75em;}
    .chatbox-header .content .name span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 20ch; display: inline-block; vertical-align: top;}
    .ui.form:not(.unstackable) .four.fields:not(.unstackable).marriage-stats>.field { width: 50% !important;}
    .settings-links a { width: calc(50% - 10px);}
    .upgrade-contact .description { flex-direction: column; text-align: center;}
    .upgrade-contact .description .left .ml-5 { margin-left:  0px !important;}
    .upgrade-contact .description .right { margin-right: auto; margin-top: 10px;}
    .my-account-mobi .card .header { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 16ch; display: inline-block; vertical-align: middle;}
    .match-middle-menu .item { font-size: 15px;}
    .pp-item .pp-stats .column { width: 50%;}

}


@media only screen and (min-width:480px) and (max-width:619px) {
    .wd-recommended-cards .ui.five.doubling.cards { margin-left: -0.5em; margin-right: -0.5em;}
    .wd-recommended-cards .ui.five.doubling.cards>.card { width: calc(33% - 1em); margin-left: 0.5em; margin-right: 0.5em;}
    .wd-recommended-cards .ui.four.doubling.cards { margin-left: -0.5em; margin-right: -0.5em;}
    .wd-recommended-cards .ui.four.doubling.cards>.card { width: calc(50% - 1em); margin-left: 0.5em; margin-right: 0.5em;}
    .wd-recommended-cards .ui.four.cards>.card>.image { height: 190px !important;}
    .coming-soon-card { height: 190px;}
    .wd-profile-stats .ui.five.cards>.card { width: 50% !important;}
    .wd-profile-stats .ui.five.cards>.card:nth-child(even) .border-right { border-right: none !important;}
    .two-data-card .ui.grid>.row>[class*="eight wide"].column { width: 100% !important; padding: 0px !important;}
    .two-data-card .ui.grid>[class*="eleven wide"].column { width: 100% !important;}
    .two-data-card .ui.stackable.divided.grid>.row:first-child>.column { padding: 1rem 0rem !important;}
    .spl-card { flex-direction: column; text-align: center;}
    .spl-card .thumb-lg { margin-right: 0px !important; margin-bottom: 10px;}
    .spl-card a.button { margin: 10px 0px 0px !important;}
    .addons-box .content { padding: 15px 12px !important;}
    .bg-text { font-size: 11px;}
    .ui.styled.accordion.wd-custom-accordion .title { padding: 10px 12px;}
    .ui.cards.wd-match-cards { margin: 0em -.5em -.875em;}
    .ui.cards.wd-match-cards >.card { width: 30.33%; height: 135px; margin: 0em .5em .875em .5em;}
    .ui.cards.wd-album-cards >.card { width: 23.3%; height: 120px; overflow: hidden; margin: 0em .25em .5em .25em;}
    .ui.cards.wd-album-cards>.card img { height: 120px;}
    .ui.form:not(.unstackable) .time-group.three.fields:not(.unstackable)>.field { width: 33.33333333% !important;}
    .ui.form:not(.unstackable) .four.fields.time-group .field { width: 50% !important;}
    .ui.form:not(.unstackable) .four.fields.time-group .field:nth-child(1), .ui.form:not(.unstackable) .four.fields.time-group .field:nth-child(3) { width: 50% !important;}
    .ui.form:not(.unstackable) .four.fields.time-group .field:nth-child(2) { padding-right: 0px !important;}
    .addons-box .ui.cards .ui.card { width: calc(50% - .5em);}
    .ui.stackable.grid.lifestyle-wrapper>.column:not(.row) { padding: .4em !important; width: 50% !important;}
    .wd-card-overlay .deleted-tag { left: 40%;}
    .footer-map { top: 0px; width: 100%; height: 330px;}
    .dot-us { top: 50%;} .dot-uk { top: 40%;} .dot-fr { top: 48%;} .dot-de { top: 46%; left: 60%;} .dot-ch { top: 54%;} .dot-ca { top: 42%;} .dot-in { top: 62%;} .dot-lk { top: 73%;} .dot-au { top: 82%;}
    .upload-item { width: 21.75%; height: 122px;}
    .upload-items.charts .upload-item { height: auto;}
    .ui.form .two.fields.income-group>.field:nth-child(1) { width: 24% !important; max-width: 24% !important;}
    .ui.form .two.fields.income-group>.field:nth-child(2) { width: 76% !important; max-width: 76% !important;}
    .preference-grap .score-card { left: 40%;}
    .slide-prev { left: -75px;}
    .slide-next { right: -75px;}
    .upgrade-leads { flex-direction: column; align-items: flex-start;}
    .upgrade-leads .right { margin-left: 0px; width: 100%;}
    .ui.three.column.doubling.stackable.grid.delete-option .column { width: 100% !important;}
    .ui.three.column.doubling.stackable.grid.delete-option .column .check-radio label { text-align: left;}
    .purchased-addons .card { width: 46.75% !important; margin: .5em !important;}
    .chatbox-header .content .name span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 26ch; display: inline-block; vertical-align: top;}
    .ui.form:not(.unstackable) .four.fields:not(.unstackable).marriage-stats>.field { width: 50% !important;}
    .settings-links a { width: calc(50% - 10px);}
    .upgrade-contact .description { flex-direction: column; text-align: center;}
    .upgrade-contact .description .left .ml-5 { margin-left:  0px !important;}
    .upgrade-contact .description .right { margin-right: auto; margin-top: 10px;}
    .my-account-mobi .card .header { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 20ch; display: inline-block; vertical-align: middle;}


}

@media only screen and (max-width:619px) {
    .flex-column-xs .ui.image { margin: 0px auto 10px !important;}
    .flex-column-xs { flex-direction: column !important; text-align: center !important;}
    .flex-column-xs .ml-auto { margin-top: 10px !important; margin-left: 0px !important;}
    .top-stats.ui.menu:not(.vertical) { display: inline-block; width: 100%;}
    .top-stats.ui.menu:not(.vertical) .item { float: left !important; width: 50% !important}
    .top-stats.ui.menu:not(.vertical) .item:before { display: none !important;}
    .two-col-group.ui.stackable.divided:not(.vertically).grid>.row>.column { padding: 10px 0px !important;}
    .child-wrapper { flex-direction: column;}
    .child-wrapper .child-group { max-width: 100%; flex: 100%;}
    .child-wrapper .child-group+.child-group { margin-top: 10px;}
    .upload-exaples .item { align-items: flex-start; flex-direction: column;}
    .upload-exaples .item .item-left { max-width: 100%;}
    .upload-exaples .item .item-right { margin-left: 0; max-width: 100%; padding-left: 50px; text-align: start;}
    .album-main { flex-direction: column; width: 100%;}
    .album-image, .upload-card .album-image { margin: 0px auto 20px;}
    .album-content { padding-left: 0px;}
    .chart-wrapper .card { margin: 0px 4px 13px;}
    .ui.divided.list.notification-list .item { flex-direction: column;}
    .ui.divided.list.notification-list .item .right { margin-left: 0; margin-right: auto; margin-top: 15px; width: 140px;}
    .ui.divided.list.notification-list .item .right .ui.fluid.dropdown { width: 140px !important;}
    .ui.divided.list.notification-list .item .left { padding-right: 0px; margin-right: auto;}
    .ui.divided.list.notification-list .item .ml-auto { margin-left: 0px !important; margin-right: auto !important; margin-top: 12px;}
    .ui.divided.list.notification-list .item.flex-end { flex-direction: row !important;}
    .hide-period { flex-direction: column;}
    .ui.divided.list.notification-list .item .hide-period .ui.button { height: 38px; width: 105px !important;}
    .box-content .content { padding: 20px 10px 0px;}
    .statusbar { margin-top: 10px; display: inline-block; width: 100%;}
    .ui.styled.accordion.wd-custom-accordion .content { padding: 10px 12px 0px;}
    .sub-heading { margin: 0px -12px 15px; padding: 15px 12px;}
    .ui.cards.verify-list .ui.card .content { padding: 12px;}
    .ui.cards.verify-list .ui.card .header { font-size: 13px;}
    .ui.cards.verify-list .ui.card .description { font-size: 11px; line-height: 16px;}
    .ui.cards.verify-list .ui.card .pl-2 { padding-left: 12px !important;}
    .ui.cards.verify-list .ui.card a { font-size: 13px;}
    .featured-container .header { font-size: 24px; line-height: 30px;}
    .featured-container .leads { font-size: 16px;}
    .featured-container img { margin: 50px auto 30px;}
    .album-btn { margin-left: 0px !important;}
    .wd-error { padding: 100px 0px 0px !important;}
    .ui.stackable.grid:not(.vertically)>.row.group-title { margin-bottom: 15px !important;}
    .match-leads { flex-direction: column !important;}
    .match-leads .description { width: 100%; margin-bottom: 10px;}
    .matches-quick-link { margin-left: 0px; display: flex; width: 100%;}
    .matches-quick-link .match-next { margin-left: auto !important;}
    .view-content .description .wide.column span { width: 100%;}
    .ui.stackable.grid.lifestyle-wrapper>.column:not(.row) { padding: .4em !important; width: 50% !important;}
    .view-content .description .single-col-sm .wide.column span.text-truncate::before { display: none;}
    .photo-upload-card .upload-left { width: 100%; text-align: center; order: 2;}
    .photo-upload-card .img-circle { order: 1; margin: 0px auto 20px;}
    .pending-left { margin: 0px auto 12px; width: 100%; text-align: center;}
    .peding-card i { margin: 0px auto 5px !important; display: block; float: none;}
    .pending-right { width: 100%; margin: 0px auto; text-align: center; justify-content: center;}
    .pending-right .button { margin-left: 0px !important; }
    .flex-xs-row .item { flex-direction: row !important;}
    .schedule-round { margin: 0px auto 12px !important;}
    .pro-error-img { width: 200px;}
    .status-icon-lg { margin: 0px auto 15px;}
    .status-icon { margin: 0px auto 10px !important;}
    .custom-pagination a:nth-child(1) { margin-right: 10px;}
    .custom-pagination a:last-child { margin-left: 10px;}
    .ui[class*="two column"].grid.contact-row>.column:not(.row) { width: 100% !important;}
    .ui[class*="two column"].grid.contact-row>.column:nth-child(2) { padding-top: 0px !important;}
    .pending-list li a { padding: 15px 12px; font-size: 14px;}
    .single-data-card .ui.grid>[class*="five wide"].column { width: 100% !important;}
    .single-data-card .ui.grid>[class*="eleven wide"].column { width: 100% !important;}
    .chart-wrapper { margin: 0px -5px;}
    .uploading-options { max-width: 100%;}
    .uploading-options .item { width: 100%;}
    .mw-xs-100 { max-width: 100% !important;}
    .btn-addnew { padding: 10px !important;}
    .profiles-list { margin: 15px 0px 0px !important;}
    .profiles-list .extra.content .ui.grid>[class*="eight wide"].column { width: 100% !important;}
    .profiles-list .extra.content .ui.grid>[class*="eight wide"].column:nth-child(2) { padding-top: 0px !important; padding-left: 1rem !important;}
    .profiles-list .extra.content .ui.grid>[class*="eight wide"].column .right.floated.ui.button { width: 100% !important;}
    .match-short-info { top: 6px; right: 8px;}
    .match-card-container { padding: 8px !important;}
    .matching-score { display: none;}
    .preference-list { padding: 0px;}
    .guideline-xs { display: inline-block !important; line-height: 18px !important;}
    .guideline-lg { display: none !important;}
    .alert-card .content { padding: 15px 12px !important;}
    .match-card-left { margin-right: 10px; min-width: 90px; max-width: 90px;}
    .slide { width: 90px; height: 90px;}
    .match-card-left .font-12 { font-size: 10px !important;}
    .match-name { font-size: 17px; line-height: 22px; margin-bottom: 0px;}
    .match-card-content .extra-content .eight.wide.column:nth-child(2) { border-top: 1px solid rgba(100, 100, 100, 0.1) !important;}
    .match-content-header { margin-bottom: 0px; width: calc(100% - 35px);}
    .match-id { margin-right: 4px !important;}
    .createdby { padding-left: 6px;}
    .name-leads .ui.label { display: none;}
    .match-card-content .extra-content { display: none;}
    .hidden-xxs { display: none !important;}
    .block-xxs { display: block !important;}
    .preference-list li span { max-width: 200px;}
    .mobi-extra-content { display: block;}
    .slide .request-card { padding: 5px; display: flex; flex-direction: column; align-items: center; justify-content: center; top: 0px;}
    .slide .request-card span { margin: 0px auto 5px; width: 22px; height: 22px; min-width: 22px; max-width: 22px; min-height: 22px; background-size: 22px;}
    .slide .request-card span i { width: 14px; height: 14px; background-size: 14px; top: 3px;}
    .slide .request-card p { display: none;}
    .slide .request-card .i-tick-white { display: none !important;}
    .slide .request-card p.d-block-xxs { display: block !important; text-align: center; margin: 0px auto !important;}
    .mobi-favourite { display: block;}
    .slide .request-card .button { text-align: center !important;}
    .slide .request-card .button em { display: none;}
    .btn-xs { font-size: 10px !important;}
    .slide .request-card .play.icon { display: none;}
    .slide .request-card a { text-align: center; line-height: 14px; height: auto;}
    .mobi-tags { display: block;}
    .match-card-left .i-tick-blue { display: none !important;}
    .slide .slide-count { font-size: 10px; bottom: 5px;}
    .match-card-left .c100, .match-card-left .circle-bar { display: none;}
    .request-card .title { font-size: 10px;}
    .upgrade-card .body { padding: 18px 12px !important;}
    .upgrade-card .title { margin-bottom: 5px; font-size: 18px; line-height: 24px;}
    .upgrade-card .left span { font-size: 11px; line-height: 14px;}
    .upgrade-card .body .right .button { padding: 10px !important; font-size: 13px;}
    .admin-verify-card .body { padding: 18px 12px !important;}
    .admin-verify-card .title { margin-bottom: 5px; font-size: 18px; line-height: 24px;}
    .admin-verify-card .left span { font-size: 11px; line-height: 14px;}
    .admin-verify-card .body .right .button { padding: 10px !important; font-size: 13px;}
    .modal-md { width: 95% !important;}
    .modal-footer { display: block;}
    .modal-footer .left { text-align: center;}
    .modal-footer .photo-card { flex-direction: column;}
    .photo-card .photo-thumb { margin-right: 0px; margin-bottom: 5px;}
    .modal-footer .right { margin: 15px auto 10px; text-align: center;}
    .modal-footer .right a { float: none;}
    .modal-assisted-card { padding: 0px 10px 20px; flex-direction: column;}
    .modal-assisted-card .col { -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; width: 100%; text-align: center;}
    .modal-assisted-card .assisted-contact { order: 2;}
    .modal-assisted-card .assisted-image { order: 1;}
    .assisted-image img { margin: 0px;}
    .modal-header { padding: 15px 60px 15px 15px;}
    .modal-header .ui.menu { margin: -16px 0px !important;}
    .modal-header .ui.menu .item { line-height: 48px;}
    .phone-column { min-width: 100%; max-width: 100%; width: 100%;}
    .email-column .item { padding-left: 0px; border-left: 0px;}
    .additional-info-card { flex-direction: column !important; text-align: center;}
    .additional-info-card span { margin: 0px auto 10px; order: 2;}
    .additional-info-card .ui.button { order: 1; margin-left: auto;}
    .additional-info-card .content { padding-left: 0px; order: 3;}
    .additional-info-card p { margin-right: 0px !important;}
    .setting-overlay h1 { font-size: 26px;}
    .setting-overlay .lead { font-size: 16px;}
    .manage-card .content { padding: 15px 12px !important; flex-direction: column; text-align: center;}
    .manage-card .content .ui.button { margin-left: 0px; margin-top: 12px;}
    .membership-card-footer { display: block; text-align: center;}
    .membership-stats { margin: -10px 0px; flex-direction: column; align-items: flex-start;}
    .membership-stats .item { padding: 10px 0px; width: 100%;}
    .membership-stats .item+.item { border-left: none; border-top: solid 1px rgba(100, 100, 100, 0.15);}
    .orders-list .item { padding: 15px !important; flex-direction: column; align-items: flex-start;}
    .orders-list .item .left { width: 100%; margin-bottom: 10px;}
    .orders-list .item .right { width: 100%; padding-top: 10px; margin-left: 0px; align-items: flex-start; border-top: 1px solid rgba(180,180,180,.15);}
    .orders-list .item .order-price { text-align: left;}
    .orders-list .item .order-status { width: 40px;}
    .album-content .item .ui.radio.checkbox .box:before, .album-content .item .ui.radio.checkbox label:before { width: 18px; height: 18px; top: 0px;}
    .album-content .item .ui.radio.checkbox .box:after, .album-content .item .ui.radio.checkbox label:after { top: 1.5px; left: 1.5px;}
    .upload-guidelines { display: flex; flex-direction: column;}
    .upload-guidelines .ui.button:nth-child(2) { margin-left: 0px; margin-top: 15px;}
    .nomatch-card { padding: 30px 20px !important;}
    .preference-grap .font-18 { font-size: 14px !important;}
    .quick-links a { width: 98%;}
    .demo-card-wrapper .content { padding: 10px 20px !important;}
    .demo-video-box .ui.button i { width: 32px; height: 32px; background-size: 32px;}
    .demo-video-content .title { font-size: 18px;}
    .demo-video-content { padding: 15px;}
    .mp-container { flex-direction: column;}
    .mp-thumb { margin: 45px auto 0px; max-width: 150px;}
    .mp-header { width: 100%; text-align: center;}
    .mp-name span, .mp-name button { font-size: 17px !important;}
    .mp-description .match-label { display: none;}
    .mp-meta .matching-score { display: block !important;}
    .mp-info { padding-left: 15px;}
    .mp-footer { padding: 10px 11px;}
    .mp-description .createdby { padding-left: 10px; font-size: 12px;}
    .mp-meta { margin: 0px 18px 0px 0px;}
    .mp-label { display: block !important;}
    .decision-block { min-height: auto;}
    .upgrade-card2 .body { flex-direction: column;}
    .upgrade-card2 .left, .upgrade-card2 .right { width: 100%;}
    .upgrade-card2 .left.order-xs-2 { order: 2;}
    .upgrade-card2 .right.order-xs-1 { order: 1;}
    .upgrade-card3 .body .ui.list .item { width: 100%; padding: 0px;}
    .upgrade-card4 .ui.list { margin-bottom: 0px !important;}
    .upgrade-card4 .ui.list .item:nth-child(odd) { padding-right: 0px;}
    .upgrade-card4 .ui.list .item { width: 100%;}
    .upgrade-card5 .body { padding: 12px 15px !important;}
    .upgrade-card5 .left { width: calc(100% - 100px);}
    .upgrade-card5 .title { font-size: 20px; line-height: 24px;}
    .upgrade-card5::after { top: -30px; right: -95px; width: 180px; height: 170px !important; border-radius: 0px 0px 0px 20px;}
    .upgrade-card5 .offer-img1 { width: 70px; height: 53px; background-size: 70px; right: 10px;}
    .wd-card.upgrade-card6 .left { padding: 0px 10px; width: calc(100% - 100px);}
    .upgrade-card6::after { width: calc(100% - 100px); left: -20px;}
    .upgrade-card6 .title { font-size: 20px; line-height: 24px;}
    .upgrade-card6 .offer-img2 { margin: 12px 10px 12px 0px; width: 100px; height: 70px; background-size: 100px;}
    .wd-card.upgrade-card6 .left .font-14 span { display: none;}
    .upgrade-card7 .lead { font-size: 24px; line-height: 30px;}
    .upgrade-card7 .title { font-size: 18px; line-height: 24px;}
    .wd-card.upgrade-card8 { background-size: 500px !important;}
    .wd-card.upgrade-card8 .content { padding: 30px 20px;}
    .ui.card.upgrade-card9 .body { padding: 0px 15px;}
    .upgrade-card9 .offer-img3 { min-width: 100px; width: 100px; height: 100px; background-size: 100px;}
    .ui.card.upgrade-card9 .content { padding: 12px 0px;}
    .upgrade-card9 .title { font-size: 11px; line-height: 18px;}
    .upgrade-card9 .buy-now { margin: 0px 0px 10px; font-size: 24px; line-height: 30px;}
    .upgrade-card9 .tagline { font-size: 15px; line-height: 18px;}
    .upgrade-card9 .off-value { font-size: 30px; line-height: 36px;}
    .upgrade-card9 .lead { font-size: 12px;}
    .ui.card.upgrade-card10 .body { padding: 12px 10px !important; flex-direction: column; align-items: flex-start;}
    .ui.card.upgrade-card10::before { width: calc(100% - 10px);}
    .ui.card.upgrade-card10::after { width: calc(100% - 10px);}
    .ui.card.upgrade-card10 .heart { width: 60px; height: 60px;}
    .ui.card.upgrade-card10 .heart:before, .heart:after { left: 30px; width: 30px; height: 50px; border-radius: 30px 30px 0 0;}
    .ui.card.upgrade-card10 .heart span { margin: 5px 0px; font-size: 14px; line-height: 18px;}
    .ui.card.upgrade-card10 .description { padding: 0px; width: calc(100% - 20px);}
    .ui.card.upgrade-card10 .description .font-13 { display: none;}
    .ui.card.upgrade-card10 .title { font-size: 18px; line-height: 24px;}
    .ui.card.upgrade-card12 { background-size: 60% !important;}
    .upgrade-card12 .content { padding: 12px;}
    .upgrade-card12 .content .off-name { font-size: 14px; line-height: 18px;}
    .upgrade-card12 .content .title { font-size: 24px; line-height: 30px;}
    .upgrade-card12 .content .lead { font-size: 14px; line-height: 18px;}
    .upgrade-card12 .content .off-value { font-size: 24px; line-height: 30px;}
    .upgrade-card12 .content .text-dark { display: none;}
    .ui.card.upgrade-card13 { background-size: 200% !important;}
    .upgrade-card13 .body { padding: 20px 0px;}
    .upgrade-card13 .title { font-size: 28px; line-height: 36px;}
    .upgrade-card13 .off-value { padding: 20px 15px 15px 15px;}
    .upgrade-card13 .head { margin: -32px 0px 5px; padding: 0px 12px; font-size: 22px;}
    .upgrade-card13 .lead { font-size: 15px;}
    .ui.card.upgrade-card14 .body { padding: 20px 15px;}
    .upgrade-card14 .left { width: calc(100% - 110px);}
    .upgrade-card14 .title { font-size: 22px; line-height: 30px;}
    .upgrade-card14 .head { font-size: 12px; line-height: 16px;}
    .upgrade-card14 .ui.image { width: 100px;}
    .ui.card.upgrade-card15 .body { padding: 0px;}
    .ui.card.upgrade-card15 .left { padding: 15px 0px 15px 12px; width: calc(100% - 110px);}
    .upgrade-card15 .ui.image { width: 100px;}
    .upgrade-card15 .off-value { display: none;}
    .upgrade-card15 .title { margin: 0px; font-size: 27px; line-height: 34px;}
    .profile-complete-card .body { padding: 15px 12px !important; flex-direction: column;}
    .profile-complete-card .left { flex-direction: column;}
    .profile-complete-card .body .description { margin: 10px 0px 0px; padding-left: 0px;}
    .profile-complete-card .body .right { margin-left: 0px; margin: 10px 0px 0px; }
    .wd-card.horoscope-match-card .content { flex-direction: column;}
    .wd-card.horoscope-match-card .content .horoscope-oval { margin: 0px 0px 12px 0px;}
    .wd-card.horoscope-match-card .content .description { margin-bottom: 12px; width: 100%; text-align: center;}
    .wd-card.horoscope-match-card .extra-content { margin-right: auto;}
    .wd-card.edit-preference-card .content { flex-direction: column; align-items: flex-start;}
    .wd-card.edit-preference-card .content .left { margin-bottom: 12px; width: 100%;}
    .wd-card.edit-preference-card .content .ui.button { margin-left: 30px;}
    .wd-card.add-email-card .content { flex-direction: column;}
    .wd-card.add-email-card .content .left { margin-bottom: 10px; display: flex; flex-direction: row;}
    .wd-card.add-email-card .email-box { margin-left: 0px; text-align: center;}
    .wd-card.add-email-card input { margin: 0px auto 15px; width: 100%;}
    .wd-card.verify-email-card .content { flex-direction: row;}
    .wd-card.verify-email-card .content .left { margin-bottom: 15px; width: 100%;}
    .wd-card.verify-email-card .email-box { margin-left: 30px;}
    .wd-card.fb-card .content { flex-direction: column;}
    .wd-card.fb-card .content .ui.button { margin-left: 0px; margin-top: 15px;}
    .wd-card.fb-card i { width: 24px; height: 24px; background-size: 24px;}
    .wd-card.add-contact-card .content { flex-direction: column;}
    .wd-card.add-contact-card .content .left { margin-bottom: 15px;}
    .wd-card.add-contact-card .email-box { margin-left: 0px;}
    .id-verify-card .body  { padding: 15px 12px !important; flex-direction: column;}
    .id-verify-card .left { width: 100%; margin-bottom: 5px;}
    .id-verify-card .body .right { margin-left: -30px;}
    .wd-card.photo-verify-card .content { padding: 15px 12px !important; flex-direction: column;}
    .wd-card.photo-verify-card .content .left { width: 100%; margin-bottom: 15px;}
    .wd-card.photo-verify-card .content .description { width: 100%;}
    .wd-card.photo-verify-card .extra-content { margin-left: -100px;}
    .wd-card.get-assisted-card .content .ui.image { margin-right: auto; margin-left: auto; margin-bottom: 20px; width: 150px;}
    .wd-card.get-assisted-card .description { width: 100%;}
    .priority-match-card .content .description { width: calc(100% - 110px);}
    .priority-match-card .description .title { font-size: 20px;}
    .priority-match-card .ui.image { width: 100px;}
    .priority-match-card::after { top: -10px; width: 160px; height: 160px !important;}
    .wd-card.profile-highlight-card .content { flex-direction: column;}
    .wd-card.profile-highlight-card .content .ui.image { margin-right: auto; margin-left: auto; margin-bottom: 15px;}
    .wd-card.profile-highlight-card .content .description { text-align: center; width: 100%;}
    .wd-card.horoscope-match-card2 .content { padding: 20px 15px !important; flex-direction: column; align-items: flex-start;}
    .wd-card.horoscope-match-card2 .content .description { margin-bottom: 15px; width: 100%;}
    .wd-card.horoscope-match-card2 .content .description .title { font-size: 20px;}
    .wd-card.horoscope-match-card2 .extra-content { margin-left: 0px;}
    .wd-card.phone-mask-card .content { flex-direction: column;}
    .wd-card.phone-mask-card .content i { margin-right: auto; margin-left: auto; margin-bottom: 15px;}
    .wd-card.phone-mask-card .description { width: 100%; text-align: center;}
    .action-card .body { padding: 15px 12px; align-items: flex-start;}
    .action-card .footer { padding: 15px 12px; flex-direction: column; align-items: flex-start;}
    .action-card .footer .right { margin-left: -15px; margin-top: 10px;}
    .action-card .body .ui.avatar { float: left;}
    .action-card .body .card-left .description { width: auto;}
    .action-card .body .card-left { width: 100%; display: inline-block;}
    .action-card.card1 .card-left { margin-bottom: 10px;}
    .action-card.card1 .body { flex-direction: column;}
    .action-card.card1 .body .action-btn-group { margin-left: -10px;}
    .action-card.card2 .body .description { width: calc(100% - 135px);}
    .action-card.plan-card .body { flex-direction: column;}
    .action-card.plan-card .body .description { width: 100%; text-align: center; margin-bottom: 10px;}
    .action-card.plan-card .body .ml-auto { margin-right: auto;}
    .ui.list.common-list .item { width: 100%;}
    .pro-tiny-card .body { flex-direction: column;}
    .pro-tiny-card .left { margin-right: auto; margin-left: auto; margin-bottom: 15px;}
    .pro-tiny-card2 .ui.image { height: 50px !important;}
    .exclusive-card .body .left { margin: 0px auto 12px;}
    .action-card.exclusive-card .body { flex-direction: column; text-align: center;}
    .action-card.exclusive-card .body .description { width: 100%; margin-bottom: 10px;}
    .exclusive-card .body .right { margin-right: auto;}
    .pro-status-card .ui.three.cards>.card { width: calc(100% - 8px);}
    .reverse-upgrade .content { font-size: 18px; line-height: 24px; padding: 0px 10px; width: 285px;}
    .wd-chat-wrapper .chat-menu a { width: auto;}
    .ui.cards.request-cards .ui.card .content .ui.image { margin-right: 10px; flex: 80px; width: 80px; height: 80px; max-width: 80px;}
    .ui.cards.request-cards .ui.card .header .card-right .dt { display: none;}
    .ui.cards.request-cards .ui.card .header .card-right { min-width: 58px;}
    .ui.cards.request-cards .ui.card .card-name { margin-right: 0px; font-size: 15px; line-height: 20px;}
    .ui.cards.request-cards .ui.card .content .description .tiny-msg { display: none;}
    .ui.cards.request-cards .ui.card .content .description .mb-3 { margin-bottom: 0px !important;}
    .chatbox-footer .dropdown.attach-btn, .chatbox-footer .dropdown.add-square, .chatbox-footer .dropdown.msg-btn { display: none;}
    .chatbox-header .right-menu ul li.action-btn span, .chatbox-header .right-menu ul li.view-btn { display: none !important;}
    .chatbox-header .right-menu ul li.action-btn i { margin-right: 0px !important;}
    .chatbox-header .right-menu ul li.view-btn a { font-size: 13px !important;}
    .chatbox-header .right-menu ul li { margin: 0px 0px 0px 10px;}
    .chatbox-header .right-menu { margin-left: 0px;}
    .chatbox-header { padding: 12px;}
    .chatbox-header .content .name { font-size: 15px; line-height: 20px; margin-right: 12px;}
    .chatbox-header .content .description span.mem-id { margin-right: 5px;}
    .chatbox-header .content .description span.mem-act span { display: none;}
    .msg-container .item .msg-card { max-width: 90%;}
    .file-type .font-15 { font-size: 14px !important; max-width: 12ch;}
    .file-type .button { margin: 0px 0px 0px 15px;}
    .msg-container .item { padding: 0px 12px 20px !important;}
    .msg-container .item .msg-card .description .button { padding: 8px 6px 11px 6px; font-size: 12px; font-weight: bold !important; margin-bottom: 10px;}
    .msg-container .item .msg-card.action-card .description .button, .msg-container .item .msg-card.my-card .button { padding: 0 1em; font-size: 13px; height: 30px; line-height: 30px;}
    .chatbox-header .avatar { margin: 0px 10px 0px 0px !important; height: 35px !important; width: 35px !important; background-size: 35px;}
    .type-container .input .button { margin-right: 0px;}
    .chat-app-wrapper .app-content .sticky-header .ui.grid.grid.grid>[class*="mobile only"].row:not(.computer) .ui.menu:not(.vertical) .right.menu {
        align-items: center;}
    .chat-notification { padding: 12px;}
    .msg-card .description i { margin-right: 10px !important;}
    .chatbox-footer .chat-upgrade { padding: 0px 10px 0px 0px;}
    .match-leads .matches-quick-link { margin-left: 0px; width: 100%;}
    .match-leads .matches-quick-link a { width: auto; margin-bottom: 0px !important; padding: .5833em .833em !important;}
    .top-notification-msg { padding: 1em !important;}
    .mview-actions { padding: 8px;}
    .mview-actions .ui.button { padding: 8px !important; line-height: 18px; margin-right: 4px !important;}
    .mview-actions .ui.button:last-child { margin-right: 0px !important;}
    .matched-icons { display: none;}
    .actions-btns { margin-left: 0px !important;}
    .tiny-msg-card .card-body { padding: 10px !important;}
    .matching-card-container { -ms-flex-direction: column; flex-direction: column; align-items: center;}
    .matching-card-container .match-score-card .matching-score { display: block !important;}
    .matching-card .thumb { width: 80px; height: 80px; background-size: 80px;}
    .matching-card-container .match-score-card { margin: 20px 0px 25px;}
    .demo-card-2 { padding: 12px !important;}
    .demo-card-2 .icon { margin-right: 10px;}
    .demo-card-2 .description .left { width: calc(100% - 90px);}
    .demo-card-2 .demo-more { padding: 5px 10px; font-size: 12px;}
    .verification-wrapper { flex-direction: column;}
    .verification-list .item { padding: 12px !important;}
    .msg-container .item .photo-card.multiple { max-width: 279px;}
    .msg-container .item .photo-card.multiple .photo-item { width: 87px; height: 112px;}
    .msg-container .item .photo-card.multiple.two .photo-item { width: 135px; height: 174px;}
    .msg-container .item .photo-card.multiple.four .photo-item { width: 135px; height: 174px;}
    .ui.cards.suggestion-cards { margin: 0px; display: block !important;}
    .ui.cards.suggestion-cards .card { margin: 0px 0px 10px; width: 100%;}
    .ui.cards.suggestion-cards .card:last-child { margin: 0px;}
    .profile-box .description { flex-direction: column;}
    .profile-box .description .right { margin-left: 0; margin-top: 10px; flex-direction: row; justify-content: flex-start;}
    .profile-box .description .left .extra { margin-bottom: 0px !important;}
    .profile-box .description .left .extra span { margin-right: 0px; margin-bottom: 5px; display: block; line-height: 18px;}
    .profile-progress-card .left { padding-right: 0px; width: 100%;}
    .profile-progress-card .ui.button { margin-left: 0px; margin-top: 20px; min-width: 160px;}
    .contact-statistics { margin: 0px;}
    .contact-statistics .statistic { padding: 12px; width: 100%;}
    .contact-statistics .statistic+.statistic { border-left: none; border-top: solid 1px rgba(100, 100, 100, 0.15);}
    .credit-list .item { padding: 12px !important;}
    .addon-fluid-card { flex-direction: column !important; align-items: flex-start;}
    .addon-fluid-card .left { width: 100%; padding: 1rem;}
    .addon-fluid-card .right { margin-left: 0px; padding: 1rem; align-items: center; text-align: left; display: flex; flex-direction: row; justify-content: space-between; width: 100%;
        border-top: 1px solid rgba(34, 36, 38, .10) !important;}
    .addon-fluid-card .right .amount { margin-bottom: 0px; font-size: 20px;}
    .extra-card .card-body { flex-direction: column;}
    .extra-card .card-body .left { flex-direction: column; text-align: center;}
    .extra-card .card-body .left .ui.image { margin: 0px auto 10px !important; width: 64px;}
    .extra-card .card-body .ml-auto { margin: 0px auto !important;}
    .extra-card .card-body .ml-auto .ml-2 { margin-left: 0px !important;}
    .addon-fluid-card .right.flex-row { min-width: 100%;}
    .addon-fluid-card .right.flex-row .ui.selection { width: 150px;}
    .upgrade-list .item { padding: 15px !important; font-size: 15px;}
    .subscription-free-card .d-flex { flex-direction: column; align-items: flex-start !important;}
    .subscription-free-card .off-label { display: inline-block;}
    .subscription-free-card { flex-direction: column !important;}
    .subscription-free-card .left { width: 100%; align-items: center; flex-direction: column; text-align: center;}
    .subscription-free-card .right { margin-left: 0px; margin-top: 10px;}
    .subscription-free-card .left i.i-invoice-gray { width: 45px; height: 45px; background-size: 45px; margin-right: auto; margin-left: auto; margin-bottom: 10px;}
    .getting-wrapper .getting-card { padding: 1em !important;}
    .getting-card .description { align-items: flex-start; flex-direction: column;}
    .getting-card .description .content { padding-right: 0px;}
    .getting-card .description .extra { margin-left: 0px; margin-top: 12px;}
    .mem-overview-card .card-header { flex-direction: column; align-items: flex-start;}
    .mem-overview-card .card-header .description { width: 100%;}
    .mem-overview-card .card-header .right { justify-content: flex-start; margin-top: 15px;}
    .mem-overview-card .card-body { padding: .5em 0px; -ms-flex-direction: column; flex-direction: column;}
    .mem-overview-card .card-body .column { padding: .5em 1em; width: 100%;}
    .mem-overview-card .card-body .column+.column { border-top: 1px solid #e8e8e8; border-left: none;}
    .ui[class*="two column"].grid.match-stats>.row>.column { width: 100% !important;}
    .match-stats .column .ui.segment { width: 100% !important;}
    .match-middle-menu .item.d-none-xs { display: none !important;}
    .pp-item .pp-history .column { width: 100%;}
    .pp-adjust { padding: 10px 20px 0px;}
    .pp-item .pp-stats { padding: 10px 10px 10px 12px;}
    .pp-item .pp-history { padding: 0px 10px;}
    .pp-item .pp-footer { padding: 10px 12px 10px 10px !important;}

}


@media only screen and (min-width:620px) and (max-width:767px) {
    .wd-recommended-cards .ui.five.doubling.cards { margin-left: -0.5em; margin-right: -0.5em;}
    .wd-recommended-cards .ui.five.doubling.cards>.card { width: calc(25% - 1em) !important; margin-left: 0.5em !important; margin-right: 0.5em !important;}
    .wd-recommended-cards .ui.four.doubling.cards { margin-left: -0.5em; margin-right: -0.5em;}
    .wd-recommended-cards .ui.four.doubling.cards>.card { width: calc(25% - 1em); margin-left: 0.5em; margin-right: 0.5em;}
    .top-stats.ui.menu:not(.vertical) { flex-direction: row !important;}
    .ui.cards.wd-match-cards { margin: 0em -.5em -.875em;}
    .ui.cards.wd-match-cards >.card { width: 22.65%; height: 135px; margin: 0em .5em .875em .5em;}
    .two-col-group.ui.stackable.divided:not(.vertically).grid>.row>.column { width: 50% !important; padding: 0px 1rem !important; border-top: none !important;}
    .two-col-group.ui.stackable.divided:not(.vertically).grid>.row>.column.w-100 { width: 100% !important;}
    .two-col-group.ui.stackable.divided:not(.vertically).grid>.row>.column+.column { box-shadow: -1px 0 0 0 rgba(34, 36, 38, .15) !important;}
    .ui.cards.wd-album-cards >.card { width: 23.3%; height: 157px; overflow: hidden; margin: 0em .25em .5em .25em;}
    .ui.cards.wd-album-cards>.card img { height: 157px;}
    .ui.form:not(.unstackable) .time-group.three.fields:not(.unstackable)>.field { width: 33.33333333% !important;}
    .ui.divided.list.notification-list .item .right { width: 140px;}
    .ui.divided.list.notification-list .item .right .ui.fluid.dropdown { width: 140px !important;}
    .box-content .content { padding: 20px 10px 0px;}
    .ui.form:not(.unstackable) .four.fields.time-group .field { width: 25% !important; margin-bottom: 0px !important;}
    .two-col-group.ui.stackable.divided:not(.vertically).grid>.row:nth-child(2), .two-col-group.ui.stackable.divided:not(.vertically).grid>.row:nth-child(3) { padding: 1rem 0rem !important;}
    .two-col-group.ui.stackable.divided:not(.vertically).grid>.row:nth-child(3)>.column { width: 100% !important;}
    .ui.stackable.grid.lifestyle-wrapper>.column:not(.row) { padding: .4em !important; width: 50% !important;}
    .upload-item { width: 17.5%; height: 130px;}
    .upload-items.charts .upload-item { height: auto;}
    .chart-wrapper { margin: 0px -13px;}
    .mt-xs-0 { margin-top: 0px !important;}
    .preference-list li span { max-width: 400px;}
    .slide-prev { left: -75px;}
    .slide-next { right: -75px;}
    .modal-header { padding: 15px 60px 15px 15px;}
    .modal-close { top: 14px !important; right: 14px !important;}
    .single-data-card .ui.grid>[class*="five wide"].column { width: 40% !important;}
    .single-data-card .ui.grid>[class*="eleven wide"].column { width: 60% !important;}
    .two-data-card .ui.stackable.divided.grid>.row:first-child>.column { width: 100%; padding: 0px !important; box-shadow: none !important;}
    .two-data-card .ui.stackable.divided.grid>.row:first-child>.column.p-0.pl-3 { border-top: none !important;}
    .two-data-card .ui.grid>.row>[class*="eight wide"].column:nth-child(1) { width: 40% !important; padding-left: 0px;}
    .two-data-card .ui.grid>.row>[class*="eight wide"].column:nth-child(2) { width: 60% !important; padding-left: 0px;}
    .two-data-card .ui.grid>[class*="eleven wide"].column { width: 100% !important;}
    .ui.form .two.fields.income-group>.field:nth-child(1) { width: 30% !important; max-width: 30% !important;}
    .ui.form .two.fields.income-group>.field:nth-child(2) { width: 70% !important; max-width: 70% !important;}
    .filter-body .ui[class*="four column"].grid>.column:not(.row) { width: 50% !important;}
    .ui.three.column.doubling.stackable.grid.delete-option .column { width: 50% !important;}
    .ui.three.column.doubling.stackable.grid.delete-option .column .check-radio label { text-align: left; padding: 12px 6px !important;}
    .purchased-addons .card { width: 31% !important;}
    .orders-list .item .order-status { width: 60px;}
    .preference-grap .font-18 { font-size: 16px !important;}
    .preference-grap .score-card { left: 42%;}
    .mp-description .createdby { padding-left: 0px; font-size: 12px; border-left: none; display: block; margin-top: 8px;}
    .chat-app-wrapper .app-content .sticky-header .ui.grid.grid.grid>[class*="mobile only"].row:not(.computer) .ui.menu:not(.vertical) .right.menu { align-items: center;}
    .chatbox-header .content .name span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 11ch; display: inline-block; vertical-align: top;}
    .match-leads .matches-quick-link { margin-left: auto; width: auto;}
    .match-leads .matches-quick-link a { width: auto; margin-bottom: 0px !important; padding: .5833em .833em !important;}
    .ui.form:not(.unstackable) .four.fields:not(.unstackable).marriage-stats>.field { width: 33.33% !important;}
    .membership-stats { margin: -10px 0px; flex-direction: column; align-items: flex-start;}
    .membership-stats .item { padding: 10px 0px; width: 100%;}
    .membership-stats .item+.item { border-left: none; border-top: solid 1px rgba(100, 100, 100, 0.15);}


}


@media only screen and (min-width:480px) and (max-width:767px) {
    .wd-footer .ui.vertical.menu a.item { width: 50%; float: left;}  .mh-sm.hidden-xs { display: block !important; min-height: 18px !important;}
    .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field:nth-child(1) { max-width: 35%; margin-bottom: 0px !important;}
    .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field:nth-child(2) { margin-bottom: 0px !important; max-width: 30% !important;}
    .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field:nth-child(2) label { line-height: 18px !important;}
    .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field:nth-child(3) { max-width: 6% !important; padding-left: 0px !important; padding-right: 0px !important; position: relative; top: 24px; margin: 0px 0px 0px -8px !important;}
    .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field:nth-child(4) { margin-bottom: 0px !important; max-width: 30% !important;}
    .income-group.three.fields:not(.unstackable)>.field:nth-child(4) label { line-height: 18px !important;}
    .ui.form:not(.unstackable) .btn-group.three.fields:not(.unstackable)>.field { width: 33.33% !important; margin-bottom: 0px !important;} .top-notification span { margin-bottom: 10px; display: block;}
    .slide-prev { left: -75px;}
    .slide-next { right: -75px;}
    .ui.cards.request-cards .ui.card .footer-group .btn-group-right .button { margin: 0px 5px 0px 0px; padding: .78571429em .75em;}
    .match-middle-menu .item { font-size: 15px;}

}


@media only screen and (min-width:620px) and (max-width:729px) {
    .footer-map { top: -50px !important; width: 100%;}
    .dot-us { top: 56%;}
    .dot-uk { top: 44%;}
    .dot-fr { top: 52%;}
    .dot-de { top: 52%; left: 60%;}
    .dot-ch { top: 60%;}
    .dot-ca { top: 48%;}
    .dot-in { top: 66%;}
    .dot-lk { top: 73%;}
    .dot-au { top: 86%;}

}


@media only screen and (max-width:729px) {
    .map-dot { width: 7px; height: 7px; border-radius: 100%;}
    .map-dot:before { width: 12px; height: 12px;}
    .map-dot:after { width: 12px; height: 12px;}

}

@media only screen and (max-width:767px) {
    .hidden-xs { display: none !important;} .hidden-lg { display: block !important;} .ui.grid .ui.stackable.grid.category-group { margin: 0px !important;} .page-form { margin: 0px auto 0px;}
    .page-form .ui.card .card-head, .page-form .ui.card .content { padding: 20px;} .page-form .ui.form .field>label.w-50, .page-form .ui.form .inline.fields label.w-50 { width: 100% !important;
                                                                                       margin-right: 0px !important;} .ui.form:not(.unstackable) .two.fields:not(.unstackable)>.field { max-width: 50%;} .ui.stackable.grid.wd-profile-card>.column:nth-child(2) { padding-top: 0px !important;}
    .wd-form-divider { margin: 0px -20px;} .wd-privacy .ui.stackable.grid>.column:not(.row) { padding: 0px !important; margin-top: 20px !important;} .wd-privacy .column { text-align: left;}
    .wd-privacy .wd-round { margin: 0px 12px 0px 0px; float: left; width: 50px; height: 50px;} .wd-privacy .column .content { overflow: hidden; margin-top: 8px;} .wd-privacy .column .content .mb-1 { margin-bottom: 0px !important;} .need-help { display: inline-block !important;} .wd-form-title { font-size: 18px;} .wd-privacy { padding: 40px 0px !important;} .wd-footer { padding: 25px 0px 0px !important;}
    .wd-footer .ui.container { margin: 0px 20px !important;} .wd-footer .header.item { margin: 0px !important; padding: 0px !important;} .wd-copyrights, .social-link { text-align: center !important;}
    .wd-input { font-size: 16px !important;} .wd-footer .ui[class*="five column"].grid>.column:nth-child(1), .wd-footer .ui[class*="five column"].grid>.column:nth-child(2),
                                             .wd-footer .ui[class*="five column"].grid>.column:nth-child(3), .wd-footer .ui[class*="five column"].grid>.column:nth-child(4), .wd-footer .ui[class*="five column"].grid>.column:nth-child(5) { width: 100%!important;}
    .ui.search.dropdown .menu, .ui.selection.dropdown .menu { max-height: 9.5rem !important;} .d-block-xs { display: block !important; margin: 4px 0px 2px 0px;} .d-block-xs .need-help,
                                                                                                                                                                 .d-block .need-help{ margin-top: 0px !important; margin-left: 5px !important;} .d-inline-block-xs { display: inline-block !important;} .wd-footer .ui.vertical.menu a.item { line-height: 2.2;}
    .wd-footer .ui[class*="five column"].grid>.column:nth-child(1) { padding-bottom: 0px !important;} .wd-footer .ui[class*="five column"].grid>.column:nth-child(2) { padding-top: 0px !important;}
    .ui.modal>.close.wd-close { right: 1rem !important;} .ui.modal>.close.wd-close2 { top: .725rem!important; right: .725rem!important;}
    .wd-footer .mw-80 { max-width: 100% !important;} .temp-footer { margin: -15px auto -15px;}
    .sticky-header { position: fixed !important;}
    .sticky-header .ui.menu { background: transparent !important; display: flex; align-items: center; min-height: 100%;}
    .app-aside { display: none !important;}
    .app-content { margin-left: 0px !important; padding: 0px; min-height: auto;}
    .app-content .content-body { margin-top: 120px;}
    .wd-middle-content { max-width: 100% !important; width: 100%; margin: 0px auto 0px;}
    .app-content .sticky-header { left: 0px !important; height: 60px; position: fixed !important;}
    .app-content .sticky-header .ui.grid.container { width: calc(100% - 0px) !important;}
    .profile-label { margin: 6px 0px 7px 5px !important; display: block !important;}
    .app-content .my-account { display: none !important;}
    .sticky-bottom-menu { display: block; position: fixed; width: 100%; top: 60px;}
    .ui.stackable.grid>.column.p-xs-0 { padding: 0px !important;}
    .ui.stackable.grid>.column.mb-xs-1 { margin-bottom: 1rem !important;}
    .addons-container.ui.stackable.grid { margin-left: -1rem !important; margin-right: -1rem !important;}
    .profile-card-big { text-align: center;}
    .profile-card-big .thumb-xxxl { margin: 0px auto 10px !important;}
    .profile-card-big .content.d-flex { flex-direction: column !important;}
    .profile-card-big .profile-info .right.floated.ui.dropdown { margin: 0px !important; float: none !important;}
    .pro-status { margin: 0px !important; float: none !important;}
    .profile-card-big .header { margin-top: 10px;}
    .profile-card-small { text-align: center;}
    .profile-card-small .content.d-flex, .profile-card-big .content.d-flex { flex-direction: column !important;}
    .profile-card-small .thumb-xxl { margin: 0px auto 10px !important;}
    .profile-card-small .profile-info .pro-status { margin: 0px !important; float: none !important;}
    .pro-status-sm i { top: 4px;}
    .ui.form.custom-form .inline.fields>label.w-50 { margin-right: 0px !important; margin-bottom: 6px; font-size: 14px !important;}
    .custom-form .mh-sm { min-height: 25px !important;}
    .wd-privacy .wd-round i { margin: 14px auto;}
    .wd-modal .ui.form .field>label.w-50, .wd-modal .ui.form .inline.fields label.w-50 { width: 100% !important; margin-right: 0px !important; margin-bottom: 6px !important;}
    .wd-modal.ui.modal> .header { padding: 15px 4rem 15px 1rem !important;}
    .wd-modal .ui.header h3 { font-size: 16px !important;}
    .wd-rail { padding: 2em 1em 0px 1em; display: block;}
    .content-wrapper { display: block;}
    .bg-text { font-size: 14px;}
    .modal-xs { width: 95% !important;}
    .album-instructions.ui.grid>[class*="six wide"].column { width: 100% !important;}
    .album-instructions.ui.grid>[class*="ten wide"].column { width: 100% !important;}
    .box-content .header { padding: 18px 12px; font-size: 15px;}
    .check-radio label { padding: 12px 10px !important; font-size: 13px !important;}
    .ui.stackable.grid.delete-footer >.column { padding-right: 0px !important; padding-left: 0px !important;}
    .ui.stackable.grid.delete-footer >.column:nth-child(2) { padding-top: 0px !important;}
    .delete-footer .button { width: auto !important; padding: 10px 20px !important; float: none !important; margin: 0px 12px 0px 0px !important}
    .iti-mobile .intl-tel-input.iti-container { top: 0px !important; bottom: 0px !important; left: 0px !important; right: 0px !important;}
    .ui.stackable.grid.saved-cards>.column:not(.row) { padding-right: 0px !important; padding-left: 0px !important;}
    .ui.divided.list.edit-list .item { padding: 15px 5px;}
    .ui.divided.list.edit-list .item .left { width: calc(100% - 40px); flex-direction: column; justify-content: flex-start; text-align: left; display: block;}
    .ui.divided.list.edit-list .item .left .label { margin-bottom: 5px; min-width: auto; width: 100%;}
    .page-title { font-size: 17px;}
    .profile-nav.desk { display: none !important;}
    .profile-nav.mobi, .profile-nav.middle { display: inline-block !important; overflow-x: auto !important;}
    .wd-brand { margin-right: 15px !important;}
    .wd-modal .ui.header h3.font18-xs { font-size: 18px !important;}
    .upload-options .ui.card { width: 98%;}
    .ui.stackable.grid.featured-options>.column:not(.row) { padding: 5px !important;}
    .match-view-nav { display: inline-block !important; width: 100%; overflow-x: scroll; white-space: nowrap; margin: 0px !important; overflow-y: hidden;}
    .view-content .description .wide.column { width: 100% !important;}
    .view-match-name { font-size: 20px;}
    .single-col-sm .wide.column:nth-child(2) { display: none !important;}
    .view-content .description .single-col-sm .wide.column span { width: 100%; position: relative;}
    .view-content .description .single-col-sm .wide.column span.text-truncate::before { content: ''; background: rgba(100, 100, 100, 0.1); right: 20px; top: 45%; height: 1px; position: absolute; width: 40%;}
    .view-content .description .single-col-sm .wide.column span i { display: inline-block;}
    .m-t-xs-4 { margin-top: 25px !important;}
    .d-none-xs { display: none !important;}
    .ui.form.custom-form .inline.fields>label.w-50.w-xs-auto { width: auto !important; margin-right: 10px !important;}
    .w-100.w-xs-auto { width: auto !important; margin-top: -6px;}
    .saved-cards .ui.fluid.card:hover .card-hover { display: none;}
    .saved-cards .ui.fluid.card:hover .content { -webkit-filter: blur(0px); filter: blur(0px);}
    .d-block-xs { display: block !important;}
    .match-card-footer button.button, .match-card-footer a.button { font-size: 13px; padding: .78571429em .75em !important; margin-right: 5px !important;}
    .match-card-footer .button.btn-link { padding: 0px !important;}
    .content.match-card-footer .desktop { display: none !important;}
    .content.match-card-footer .mobile { display: block !important;}
    .ui.two.buttons.mobi-action-btn { padding: 5px 0px !important; border: solid 1px rgba(151, 151, 151, 0.2) !important; margin-bottom: 10px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03) !important;}
    .content.match-card-footer .ui.two.buttons.mobi-action-btn .button { padding: 8px 0px !important; margin-right: 0px !important; height: auto !important;}
    .content.match-card-footer .ui.two.buttons.mobi-action-btn .button:nth-child(2) { border-left: solid 1px rgba(151, 151, 151, 0.2)}
    .reverse-match-upgrade .content { padding: 30px 15px !important;}
    .matches-rightbar { display: none;}
    .matches-middle-col.floating-right { margin-right: 0px;}
    .modal .wd-form-divider { margin: 0px -20px;}
    .modal-sm.ui.modal> .ui.header { padding: 15px 20px !important;}
    .modal-sm.ui.modal> .content { padding: 20px !important;}
    .s-results { max-width: 100%;}
    .modal-sm.partner-filter-modal .wd-form-divider { margin: 0px -20px;}
    .ui.two.column.stackable.match-preference { margin-right: -1rem !important; margin-left: -1rem !important;}
    .upload-new { display: flex;}
    .preference-thumb span { display: none !important;}
    .preference-top { margin-bottom: 45px; padding: 20px 12px 30px;}
    .view-card-group .content { padding: 12px 20px !important;}
    .view-card-group.hidden-lg .content { padding: 12px !important;}
    .invitation-card { padding: 12px 15px !important;}
    .match-view-nav .ui.menu .item { margin: 0px 8px !important; font-size: 11px !important;}
    .view-card-group .header { padding: 10px 15px;}
    .view-card-group .header .title { font-size: 15px !important;}
    .paper-fold { width: 60px; height: 73px;}
    .paper-fold::before { border-width: 76px 62px 0px 0px;}
    .paper-fold span { width: 28px; height: 28px; background-size: 28px; left: 18px; top: 22px;}
    .paper-fold span i { width: 18px; height: 18px; background-size: 18px;}
    .paper-fold::after { bottom: -18px; right: -30px; width: 100px; height: 100px; background-size: 100px;}
    .horoscope-card .content { padding: 20px 15px !important;}
    .preference-thumb { min-width: 40px;}
    .preference-thumb .avatar { margin: 30px auto 0px; width: 40px; height: 40px; box-shadow: none;}
    .preference-grap .leads { padding: 0px 12px !important;}
    .assistance-card .card-footer { padding: 10px 15px !important; flex-direction: column; align-items: flex-start;}
    .contact-upgrade-card.bg-green p { max-width: 100%;}
    .action-block { display: none !important;}
    .mobi-action-buttons { display: inline-block !important; width: 100% !important;}
    .upgrade-header, .photo-request-header { padding: 15px 40px 15px 1rem !important;}
    .upgrade-top-row { padding: 15px 1rem;}
    .match-middle-menu .item.hide-xs { display: none !important;}
    .mobi-filters { display: -webkit-box; display: -ms-flexbox; display: flex;}
    .match-mobi-popup { display: flex !important;}
    .ui.tiny.modal.upgrade-modal { width: 85% !important;}
    .upgrade-modal.ui.modal>.close.modal-close { top: -1rem !important; right: -1rem !important;}
    .modal-spl-card .card-header, .modal-spl-card .card-body { padding: 1rem !important;}
    .modal-footer { padding: 1rem !important;}
    .invite-msg-card { padding: 12px 10px;}
    .modal-profile-thumb.left { left: 1rem;}
    .membership-cards .ui.card .content { padding: 15px !important;}
    .membership-card-footer { padding: 15px;}
    .orders-list .item { padding: 15px !important;}
    .more-menu { display: none !important;}
    .sticky-chat-wrapper { display: none;}
    .pin-btn { margin-left: 0% !important;}
    .example-match-card { max-width: 100%;}
    .ui.cards.request-cards .ui.card .footer-group { flex-direction: column; align-items: flex-start;}
    .ui.cards.request-cards .ui.card .footer-group .btn-group-right { margin-left: 0px; margin-top: 10px;}
    .ui.cards.request-cards .ui.card .footer-group .btn-group-right .button:last-child { margin: 0px;}
    .ui.cards.request-cards { margin: 0px 0px 70px 0px !important;}
    .wd-chat-wrapper .chat-menu { margin: -1px;}
    .chatbox-content.d-hide { display: none;}
    .chat-body-wrapper { position: relative; top: 0px; height: 100%; display: block;}
    .chat-app-wrapper .app-content .content-body .wd-rail { display: flex; width: 100%; height: 100%; padding: 25px 0px 0px 0px !important;}
    .wd-chat-wrapper { width: 100%; padding-bottom: 0px;}
    .chat-list { overflow-y: inherit;}
    .chat-app-wrapper .app-content .content-body { margin: 0px 0px 135px; width: 100%; /*overflow-x: hidden;*/ position: relative; z-index: 100; top: 115px;}
    .chat-app-wrapper .app-content .content-body.open { margin: 0px; z-index: 165; top: 0px;}
    .chat-app-wrapper .app-content .content-body.open .chatbox-content { top: 0px;}
    .rec-list .wd-rail { padding: 2em 0px 0px 0px !important; overflow-x: hidden;}
    /*.app-content .content-body.rec-list { margin-top: -6px;}*/
    .chat-notification { display: none !important;}
    .chat-notification.mobi { display: flex !important;}
    .chat-heading a { font-size: 17px; padding: 0px 0px 0px 12px;}
    .chatbox-body { display: block;}
    .file-upload-box { padding: 10px 12px;}
    .dropdown.add-square.mobi { display: inline-block !important;}
    .chatbox-content { position: fixed; top: 116px; width: 100%; z-index: 100; height: 100%; overflow: hidden; background-color: #fff;}
    .content-body.rec-list .chatbox-content { position: relative; top: 0px;}
    .chatbox-leftbar.selected { flex: 0px !important;}
    .chatbox-content.selected { flex: 100%;}
    .attach-btn { display: none !important;}
    .chatbox-close { display: flex;}
    .match-view-header.header2 { padding: 0px;}
    .match-view-header.header2 .match-view-thumb { margin: 30px auto 5px;}
    .match-view-header.header2 .match-view-thumb button { width: auto; height: auto; box-shadow: none; border: none; background-color: transparent; bottom: 0px;}
    .slide-big-nav { left: 15px; right: 15px;}
    .sticky-header .wd-brand.desktop { display: none !important}
    .sticky-header .wd-brand.mobi { display: flex !important; width: 40px !important;}
    .mobi-notification { display: flex;}
    .wd-menu-button .m-line { background: #0152ff;}
    .sticky-header .tablet.mobile { background-color: #ffffff !important;}
    .sticky-header.header-2 .right.menu .i-phone { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/phone-pink.svg); background-repeat: no-repeat;}
    .ui.stackable.grid.subscription-two-column-grid>.column:not(.row) { padding: 1rem 0px !important;}
    .chat-app-wrapper .sticky-bottom-menu { position: fixed; top: 60px; width: 100%;}
    .chatbox-container { display: inherit; overflow: inherit;}
    .chatbox-leftbar { overflow: inherit;}
    .leftbar-container { display: block;}
    .chat-app-wrapper .app-content .content-body.open .chat-body-wrapper { display: block; height: auto;}
    .chat-app-wrapper .app-content .content-body.open .chatbox-leftbar { height: 0px; overflow: hidden;}
    .match-middle-menu .item { padding: 8px 10px !important; justify-content: flex-start; align-items: flex-start !important;}
    .match-middle-menu .item .d-none { display: inline-block !important;}
    .ui.pushable.segment.mt-60 { margin: 60px 0px 0px !important;}

}


@media only screen and (min-width:768px) and (max-width:991px) {
    .wd-privacy .column { max-width: 33.33%;}
    .wd-footer { padding: 40px 0px 0px !important;}
    .wd-footer .ui[class*="five column"].grid>.column:nth-child(1) { width: 100% !important;}
    .wd-footer .ui[class*="five column"].grid>.column:nth-child(2) { width: 30% !important;}
    .wd-footer .ui[class*="five column"].grid>.column:nth-child(3) { width: 23% !important;}
    .wd-footer .ui[class*="five column"].grid>.column:nth-child(4) { width: 20% !important;}
    .wd-footer .ui[class*="five column"].grid>.column:nth-child(5) { width: 27% !important;}
    .wd-footer .ui.container { width: 100%; max-width: 100% !important; padding: 0px 20px;}
    .sticky-header { position: relative !important;}
    .sticky-header .ui.menu { min-height: 100%; padding: 0px; display: flex; align-items: center;}
    .app-content .sticky-header { left: 0px !important; height: 65px;}
    .app-content .sticky-header .ui.grid.container { width: calc(100% - 0px) !important;}
    .app-content .wd-menu-button { display: none !important;}
    .app-content .tablet.mobile .wd-brand { display: none;}
    .app-content .tablet.mobile .ww-menu-button { display: none;}
    .app-content .content-body { margin-top: 0px;}
    .app-content .sticky-header .ui.menu { display: flex; padding: 0px;}
    .app-content .sticky-header.ui.menu .item.wd-help-card { padding: 0px !important;}
    .wd-profile-stats .ui.five.cards>.card { width: 33.33% !important;}
    .wd-profile-stats .ui.five.cards>.card:nth-child(3) .border-right { border-right: none !important;}
    .bg-button-center { font-size: 10px !important;}
    .single-data-card .ui.grid>[class*="five wide"].column { width: 40% !important;}
    .single-data-card .ui.grid>[class*="eleven wide"].column { width: 60% !important;}
    .two-data-card .ui.stackable.divided.grid>.row:first-child>.column { width: 100%; padding: 0px !important; box-shadow: none !important;}
    .two-data-card .ui.grid>.row>[class*="eight wide"].column:nth-child(1) { width: 40% !important;}
    .two-data-card .ui.grid>.row>[class*="eight wide"].column:nth-child(2) { width: 60% !important;}
    .two-data-card .ui.grid>[class*="eleven wide"].column { width: 100% !important;}
    .profile-card-big { text-align: center;}
    .profile-card-big .thumb-xxxl { margin: 0px auto 10px !important;}
    .profile-card-big .content.d-flex { flex-direction: column !important;}
    .profile-card-big .profile-info .right.floated.ui.dropdown { margin: 0px !important; float: none !important;}
    .pro-status { margin: 0px !important; float: none !important;}
    .profile-card-big .header { margin-top: 10px;}
    .spl-card { flex-direction: column; text-align: center;}
    .spl-card .thumb-lg { margin-right: 0px !important; margin-bottom: 10px;}
    .spl-card a.button { margin: 10px 0px 0px !important;}
    .ui.grid.preference-wrapper>.column:not(.row) { width: 100% !important;}
    .custom-form.ui.form .income-group { display: block !important;}
    .custom-form.ui.form .income-group .field:nth-child(1) { width: 100% !important; padding-right: 0px !important; margin-bottom: 10px;}
    .custom-form.ui.form .income-group .field:nth-child(2), .custom-form.ui.form .income-group .field:nth-child(4) { display: inline-block; width: 44%; padding: 0px !important;}
    .custom-form.ui.form .income-group .field:nth-child(3) { display: inline-block; padding: 0px 6px;}
    .top-stats.ui.menu:not(.vertical) .item { padding: 1em 0.75em !important;}
    .wd-rail { padding: 2em 0em 0em !important;}
    .ui.cards.wd-match-cards { margin: 0em -.5em -.875em;}
    .ui.cards.wd-match-cards >.card { width: 30.6%; height: 158px; margin: 0em .5em .875em .5em;}
    .child-wrapper { flex-direction: column;}
    .child-wrapper .child-group { max-width: 100%; flex: 100%;}
    .child-wrapper .child-group+.child-group { margin-top: 10px;}
    .ui.cards.wd-album-cards >.card { width: 23.5%; height: 135px; overflow: hidden; margin: 0em .25em .5em .25em;}
    .ui.cards.wd-album-cards>.card img { height: 135px;}
    .album-instructions.ui.grid>[class*="six wide"].column { width: 100% !important;}
    .album-instructions.ui.grid>[class*="ten wide"].column { width: 100% !important;}
    .ui.form:not(.unstackable) .time-group.three.fields:not(.unstackable)>.field:nth-child(1) { width: 41% !important;}
    .ui.form:not(.unstackable) .time-group.three.fields:not(.unstackable)>.field:nth-child(2) { width: 38% !important;}
    .ui.form:not(.unstackable) .time-group.three.fields:not(.unstackable)>.field:nth-child(3) { width: 25% !important;}
    .ui.divided.list.notification-list .item { flex-direction: column;}
    .ui.divided.list.notification-list .item .right { margin-left: 0; margin-right: auto; margin-top: 15px; width: 140px;}
    .ui.divided.list.notification-list .item .right .ui.fluid.dropdown { width: 140px !important;}
    .ui.divided.list.notification-list .item .left { padding-right: 0px; margin-right: auto;}
    .ui.divided.list.notification-list .item .ml-auto { margin-left: 0px !important; margin-right: auto !important; margin-top: 12px;}
    .ui.divided.list.notification-list .item.flex-end { flex-direction: row !important;}
    .hide-period { flex-direction: column;}
    .ui.divided.list.notification-list .item .hide-period .ui.button { height: 38px;}
    .ui.three.column.doubling.stackable.grid.delete-option .column { width: 100% !important;}
    .ui.three.column.doubling.stackable.grid.delete-option .column .check-radio label { text-align: left; padding: 21px 20px !important;}
    .ui.stackable.grid.delete-footer >.column { width: 100% !important;}
    .ui.stackable.grid.delete-footer >.column:nth-child(2) { padding-top: 0px !important;}
    .delete-footer .button { float: none !important; margin: 0px 12px 0px 0px !important}
    .ui.form:not(.unstackable) .four.fields.time-group { display: inline-block; width: 100%;}
    .ui.form:not(.unstackable) .four.fields.time-group .field { width: 50% !important; float: left; clear: inherit;}
    .ui.form:not(.unstackable) .four.fields.time-group .field:nth-child(1) { margin-bottom: 1em !important; width: 50% !important;}
    .ui.form:not(.unstackable) .four.fields.time-group .field:nth-child(2) { padding-right: 0px !important; margin-bottom: 1em !important;}
    .ui.form:not(.unstackable) .four.fields.time-group .field:nth-child(3) { width: 50% !important;}
    .height-group { flex-direction: column;}
    .height-group span { display: none;}
    .height-group .ui.fluid.dropdown { margin: 0px !important;}
    .height-group .ui.fluid.dropdown:nth-child(3) { margin-top: 1em !important;}
    .album-content { padding-left: 20px;}
    .app-content .page-form .ui.form .field>label.w-50 { width: 100% !important; margin-right: 0px !important;}
    .app-content .page-form .ui.form .fields { -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .app-content .page-form .need-help { display: inline-block !important;}
    .app-content .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field { width: 31% !important;}
    .app-content .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field.w-auto { width: auto !important;}
    .app-content .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field.w-auto .mh-sm { min-height: 40px !important;}
    .ui.divided.list.edit-list .item .left { width: calc(100% - 70px); flex-direction: column; justify-content: flex-start; text-align: left; display: block;}
    .ui.divided.list.edit-list .item .left .label { margin-bottom: 10px; min-width: auto; width: 100%;}
    .profile-nav.desk { display: none !important;}
    .profile-nav.mobi, .profile-nav.middle { display: inline-block !important; overflow-x: auto !important;}
    .addons-box .ui.cards .ui.card { width: calc(50% - .5em);}
    .mobi-contact { display: none !important;}
    .app-content .sticky-header .ui.menu { align-items: normal;}
    /* .app-content .my-account-mobi { display: none;} */
    .wd-brand { margin-right: 15px !important;}
    .upload-options .ui.card { width: 98%;}
    /* .ui.form .four.fields.marriage-stats { display: inline-block; width: 100%;}
    .ui.form .four.fields.marriage-stats>.field { width: 50%; float: left;} */
    .match-view-nav { display: inline-block !important; width: 100%; overflow-x: scroll; white-space: nowrap; margin: 0px !important; overflow-y: hidden;}
    .view-content .description .wide.column { width: 100% !important;}
    .match-graph .leads { display: none !important;}
    .single-col-sm .wide.column:nth-child(2) { display: none !important;}
    .view-content .description .single-col-sm .wide.column span { width: 100%; position: relative;}
    .view-content .description .single-col-sm .wide.column span.text-truncate::before { content: ''; background: rgba(100, 100, 100, 0.1); right: 20px; top: 45%; height: 1px; position: absolute; width: 40%;}
    .view-content .description .single-col-sm .wide.column span i { display: inline-block;}
    .match-middle-menu .item { padding-right: .75rem !important; padding-left: .75rem !important;}
    .content.match-card-footer .hidden-xs { display: none !important;}
    .match-card-footer button.button, .match-card-footer a.button { font-size: 13px; padding: .78571429em .75em !important; margin-right: 5px !important;}
    .match-card-footer .button.btn-link { padding: 0px !important;}
    .upload-item { width: 22%; height: 140px;}
    .upload-items.charts .upload-item { height: auto;}
    .app-content .preference-filter .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field:nth-child(1) { width: 100% !important;}
    .app-content .preference-filter .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field:nth-child(2), .app-content .preference-filter .ui.form:not(.unstackable) .income-group.three.fields:not(.unstackable)>.field:nth-child(4) { width: 43.5% !important;}
    .match-preference .ui.fluid.card { height: 140px;}
    .uploading-options { max-width: 100%;}
    .match-short-info { top: 6px; right: 8px;}
    .match-card-left .c100 { display: none;}
    .matches-rightbar { display: none;}
    .matches-middle-col.floating-right { margin-right: 0px;}
    .view-card-group .content { padding: 20px !important;}
    .preference-top { padding: 20px 20px 30px;}
    .assistance-card .card-footer { padding: 18px 25px !important; flex-direction: column; align-items: flex-start;}
    .preference-list li span { max-width: 400px;}
    .slide-prev { left: -75px;}
    .slide-next { right: -75px;}
    .hidden-md { display: none !important;}
    .action-block { display: none !important;}
    .mobi-action-buttons { display: block !important;}
    .filter-body .ui[class*="four column"].grid>.column:not(.row) { width: 33.33% !important;}
    .match-name { font-size: 17px; line-height: 22px; margin-bottom: 0px;}
    .match-card-content .extra-content .eight.wide.column:nth-child(2) { border-top: 1px solid rgba(100, 100, 100, 0.1) !important;}
    .match-content-header { margin-bottom: 0px; width: calc(100% - 35px);}
    .match-id { margin-right: 4px !important;}
    .createdby { padding-left: 6px;}
    .name-leads .ui.label { display: none;}
    .match-card-content .extra-content { display: none;}
    .hidden-xxs { display: none !important;}
    .block-xxs { display: block !important;}
    .preference-list li span { max-width: 200px;}
    .mobi-extra-content { display: block;}
    .mobi-favourite { display: block;}
    .slide .request-card .button { text-align: center !important;}
    .slide .request-card a { text-align: center; line-height: 14px; height: auto;}
    .mobi-tags { display: block;}
    .match-card-left .i-tick-blue { display: none !important;}
    .slide .slide-count { font-size: 10px; bottom: 5px;}
    .match-card-left .c100, .match-card-left .circle-bar { display: none;}
    .match-short-info .hidden-xxs { display: none !important;}
    .matching-score { display: none !important;}
    .content.match-card-container .hidden-xxs { display: block !important;}
    .ui.three.column.doubling.stackable.grid.delete-option .column { width: 100% !important;}
    .ui.three.column.doubling.stackable.grid.delete-option.status-box .column .check-radio label { text-align: center !important; padding: 10px !important;}
    .modal-body .album-instructions.ui.grid>[class*="six wide"].column { width: 37.5%!important;}
    .modal-body .album-instructions.ui.grid>[class*="ten wide"].column { width: 62.5%!important;}
    .membership-stats { margin: -10px 0px; flex-direction: column; align-items: flex-start;}
    .membership-stats .item { padding: 10px 0px; width: 100%;}
    .membership-stats .item+.item { border-left: none; border-top: solid 1px rgba(100, 100, 100, 0.15);}
    .purchased-addons .card { width: 47.33% !important;}
    .orders-list .item { padding: 15px !important; flex-direction: column; align-items: flex-start;}
    .orders-list .item .left { width: 100%; margin-bottom: 10px;}
    .orders-list .item .right { width: 100%; padding-top: 10px; margin-left: 0px; align-items: flex-start; border-top: 1px solid rgba(180,180,180,.15);}
    .orders-list .item .order-price { text-align: left;}
    .wd-recommended-cards .ui.four.doubling.cards { margin-left: -0.5em; margin-right: -0.5em;}
    .wd-recommended-cards .ui.four.doubling.cards>.card { width: calc(25% - 1em); margin-left: 0.5em; margin-right: 0.5em;}
    .wd-recommended-cards .ui.four.cards>.card>.image { height: 140px !important;}
    .coming-soon-card { height: 140px;}
    .nomatch-card { padding: 50px 30px !important;}
    .ui.grid.grid.grid>[class*="mobile only"].row:not(.computer) .ui.menu:not(.vertical) .right.menu .item { padding: .5em !important;}
    .profile-header .my-account { padding: 0px 10px 0px 0px !important;}
    .pin-btn { margin-left: 35% !important;}
    .example-match-card { max-width: 100%;}
    .preference-grap .font-18 { font-size: 16px !important;}
    .preference-grap .score-card { left: 42%;}
    .quick-links { padding: 0em;}
    .quick-links a { padding: 10px 10px;}
    .demo-card-wrapper .content { padding: 20px 40px !important;}
    .mp-container { flex-direction: column;}
    .mp-thumb { margin: 30px auto 0px; max-width: 150px;}
    .mp-header { width: 100%; text-align: center;}
    .mp-description .match-label { display: none;}
    .mp-meta .matching-score { display: block !important;}
    .mp-info { padding-left: 15px;}
    .mp-footer { padding: 10px 15px;}
    .mp-description .createdby { padding-left: 10px; font-size: 12px;}
    .mp-label { display: block !important;}
    .decision-block { min-height: auto;}
    .upgrade-card3 .body .ui.list .item { width: 100%; padding: 0px;}
    .upgrade-card5 .title { font-size: 24px; line-height: 30px;}
    .upgrade-card5::after { top: -15px; right: -50px; width: 180px; height: 170px !important;}
    .upgrade-card5 .offer-img1 { width: 90px; height: 68px; background-size: 90px;}
    .wd-card.upgrade-card6 .left { width: calc(100% - 100px);}
    .upgrade-card6::after { width: calc(100% - 100px);}
    .upgrade-card6 .title { font-size: 22px; line-height: 28px;}
    .upgrade-card6 .offer-img2 { margin: 15px; width: 120px; height: 85px; background-size: 120px;}
    .ui.card.upgrade-card10 { background-position: 100% top !important; background-size: 300px !important; background-repeat: no-repeat !important;}
    .ui.card.upgrade-card10 .body { padding: 15px 12px !important; align-items: flex-start; flex-direction: column;}
    .ui.card.upgrade-card10 .description { padding: 0px 0px; width: calc(100% - 225px);}
    .ui.card.upgrade-card10 .title { font-size: 24px;}
    .ui.card.upgrade-card12 { background-size: 60% !important;}
    .ui.card.upgrade-card12 .text-dark { display: none;}
    .ui.card.upgrade-card15 .body { padding: 0px;}
    .ui.card.upgrade-card15 .left { padding: 0px 0px 0px 20px; width: calc(100% - 150px);}
    .upgrade-card15 .ui.image { width: 150px;}
    .wd-card.get-assisted-card .content .ui.image { width: 150px;}
    .action-card.plan-card .body .description { width: calc(100% - 100px);}
    .ui.list.common-list .item { width: 49.5%;}
    .action-card.exclusive-card .body .description { width: calc(100% - 220px);}
    .wd-card.horoscope-match-card2 .content .description { width: calc(100% - 160px);}
    .admin-verify-card .body, .id-verify-card .body, .wd-card.photo-verify-card .content { padding: 15px !important;}
    .pro-status-card .ui.three.cards>.card { width: calc(50% - 8px);}
    .wd-card.verify-email-card .font-15 { width: calc(100% - 150px)}
    .pro-tiny-card2 .ui.image { height: 50px !important;}
    .ui.cards.request-cards .ui.card .footer-group { flex-direction: column; align-items: flex-start;}
    .ui.cards.request-cards .ui.card .footer-group .btn-group-right { margin-left: 0px; margin-top: 10px;}
    .ui.cards.request-cards .ui.card .footer-group .btn-group-right .button { margin: 0px 15px 0px 0px;}
    .wd-chat-wrapper .chat-menu { margin: -1px;}
    .action-btn span { display: none !important;}
    .chatbox-header .right-menu ul li.action-btn i { margin-right: 0px !important;}
    .chatbox-header .right-menu { margin-left: 0px;}
    .chatbox-header .right-menu ul li { margin: 0px 0px 0px 12px;}
    .chatbox-header .content .description span.mem-id { margin-right: 10px;}
    .msg-container .item .msg-card .description .button { padding: 8px 6px 11px 6px; font-size: 12px; font-weight: bold !important; margin-bottom: 10px;}
    .chat-app-wrapper .app-content .content-body { margin-top: 45px;}
    /* .chat-app-wrapper .app-content .sticky-header.profile-header .my-account-mobi { margin-top: 0.942em; margin-bottom: 0.942em; display: inline-block !important;} */
    .chat-app-wrapper .app-content .sticky-header .ui.grid.grid.grid>[class*="mobile only"].row:not(.computer) .ui.menu:not(.vertical) .right.menu {
        align-items: center;}
    .rec-list .wd-rail { padding: 2em 0px 0px 0px !important;}
    .chat-app-wrapper .app-content .sticky-header .ui.grid>.row { padding: 0px 6px !important;}
    /* .chat-app-wrapper .app-content .sticky-header .wd-menu-button { border: none !important; padding: 16px 15px;} */
    .chatbox-leftbar { flex: 300px;}
    .chat-list .item { padding: 10px !important;}
    .type-container .input .button { margin-right: 0px;}
    .chatbox-header { padding: 12px;}
    .chatbox-header .content .name { font-size: 17px; line-height: 24px;}
    .chatbox-header .content .name span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 15ch; display: inline-block; vertical-align: top;}
    .chatbox-header .avatar { margin: 0px 10px 0px 0px !important; height: 40px !important; width: 40px!important; background-size: 40px;}
    .chatbox-footer .chat-upgrade { padding: 0px 12px 0px 0px;}
    .chatbox-footer .attach-btn .button { padding: 10px 8px 5px 8px;}
    .match-leads .matches-quick-link { margin-left: auto; width: auto;}
    .match-leads .matches-quick-link a { width: auto; margin-bottom: 0px !important; padding: .5833em .833em !important;}
    .matching-card-container .match-score-card .matching-score { display: block !important;}
    .matching-card .thumb { width: 80px; height: 80px; background-size: 80px;}
    .matching-card-container .match-score-card { margin: 0px;}
    .chat-body-wrapper { height: calc(100% - 60px); top: 45px;}
    .chat-app-wrapper .app-content .content-body .wd-rail { padding: 15px 0px 0px 0px !important;}
    .my-account-mobi { display: none;}
    .sticky-header.header-2 .my-account-mobi { display: flex;}
    .sticky-header.header-2 .tablet.mobile, .sticky-header.header-2 .tablet.mobile .ui.menu { background-color: #ff0037 !important;}
    .sticky-header.header-2 .wd-brand.desktop { display: none;}
    .sticky-header.header-2 .wd-brand.white { display: flex;}
    .sticky-header.header-2 .wd-menu-button .m-line { background: #0152ff;}
    .sticky-header.header-2 .right.menu .i-phone { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/phone-pink.svg); background-repeat: no-repeat;}
    .sticky-header.profile-header .tablet.mobile .column { padding: 0px !important;}
    .chat-app-wrapper .app-content .tablet.mobile .wd-brand.desktop { display: flex;}
    .chat-app-wrapper .sticky-header.profile-header .tablet.mobile .column { padding: 0px 1rem !important;}
    .profile-header .my-account .name { display: none;}
    .profile-header .my-account .ui.feed>.event>.content { display: flex; margin: 0px 0px 0px 12px !important; align-items: center;}
    .profile-header .my-account .ui.feed>.event>.content i.dropdown.icon { margin: 0px 0px 0px 5px; top: -2px; position: relative;}
    .my-account.ui.dropdown .menu { right: 0px !important; top: 142%;}
    .ui.grid.grid.grid>[class*="mobile only"].row:not(.computer) .ui.menu:not(.vertical) .right.menu .my-account .item { padding: .5rem .825rem !important; line-height: 1.5;}
    .sticky-header.ui.menu .item.more-menu { display: flex;}
    .ui.cards.suggestion-cards { margin: 0px; display: block !important;}
    .ui.cards.suggestion-cards .card { margin: 0px 0px 10px; width: 100%;}
    .ui.cards.suggestion-cards .card:last-child { margin: 0px;}
    .subscription-two-column-grid .column { padding: 1rem !important; width: 100% !important;}
    .addon-fluid-card { flex-direction: column !important; align-items: flex-start;}
    .addon-fluid-card .left { width: 100%; padding: 1rem;}
    .addon-fluid-card .right { margin-left: 0px; padding: 1rem; align-items: center; text-align: left; display: flex; flex-direction: row; justify-content: space-between; width: 100%; border-top: 1px solid rgba(34, 36, 38, .10) !important;}
    .addon-fluid-card .right .amount { margin-bottom: 0px; font-size: 20px;}
    .addon-fluid-card .right.flex-row { min-width: 100%;}
    .addon-fluid-card .right.flex-row .ui.selection { width: 150px;}
    .subscription-free-card .left i.i-invoice-gray { width: 45px; height: 45px; background-size: 45px;}
    .match-middle-menu .item .d-none { display: inline-block !important;}

}




@media only screen and (max-width:991px) {
    .sticky-header { padding: 0px !important; margin: 0px !important; height: 60px; border-top: none !important;} .ui.pushable.segment { margin: 0px;} .wd-language-switch { padding: 12px 0px; vertical-align: middle;}
    .sticky-header .ui.grid.container { padding: 0px !important;}
    .app-aside { width: 217px;}
    .app-aside .ui.sidebar { width: 217px;}
    .app-content { margin-left: 217px;}
    .sticky-notofication { display: none;}
    .box-left { display: none;}
    .box-content { margin-left: 0px;}
    .matches-aside { display: none;}
    .matches-middle-col.floating-left { margin-left: 0px;}
    .ui[class*="two column"].grid.match-tiny-stats>.column:nth-child(1) { width: 100% !important;}
    .ui[class*="two column"].grid.match-tiny-stats>.column:nth-child(2) { display: none;}
    .description-header .match-short-info { display: none;}
    .match-view-header { padding: 12px; flex-direction: column; text-align: center; align-items: center;}
    .view-header-left { margin: 0px 0px 10px; width: 100%; min-width: 100%; max-width: 100%; height: 162px;}
    .match-view-thumb { margin: 0px auto 5px; width: 145px; min-width: 145px; max-width: 145px; height: 162px; border-radius: 4px; position: relative; display: block;}
    .slide-item { width: 145px; height: 162px; border-radius: 4px; overflow: hidden;}
    .slide-item img { width: 145px !important; height: 162px !important;}
    .description-header .match-label { display: none;}
    .match-view-thumb button { width: 30px; height: 30px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03); border: solid 1px rgba(151, 151, 151, 0.2); background-color: #ffffff; border-radius: 100%; bottom: 40%;}
    .slide-prev .caret-left { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 6px solid #989494; margin: 0px auto;}
    .slide-next .caret-right { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #989494; margin: 0px auto;}
    .description-header { padding: 0px; border-bottom: none;}
    .match-view-header .extra-content { display: none;}
    .description-footer { border-top: none; padding: 0px; flex-direction: column; margin-bottom: 10px;}
    .match-activity { display: flex; flex-direction: column-reverse;}
    .match-activity span { font-size: 11px !important;}
    .description-header .match-name { margin: 0px !important; font-size: 17px; line-height: 22px;}
    .match-id { font-size: 10px;}
    .createdby { font-size: 9px;}
    .invitation-card .score-card { display: none;}
    .action-block { margin: 0px -12px -12px -12px; align-items: center !important; justify-content: center;}
    .action-block .ui.button { padding: 10px;}
    .match-view-nav .ui.menu { margin: 0px 0px -3px !important;}
    .view-card-group.hidden-lg { display: block !important;}
    .horoscope-card .font-22 { font-size: 18px !important;}
    .horoscope-card p { max-width: 100%;}
    .view-card-group p { font-size: 13px !important;}
    .match-view-nav .ui.menu .item { padding: 12px 0px !important;}
    .pre-leads { display: none;}
    .preference-grap .leads .pre-leads-mobi { display: block;}
    .preference-grap .leads { align-items: center; margin-bottom: 20px; padding: 0px;}
    .preference-thumb span { display: none !important;}
    .contact-upgrade-card .ui.grid { flex-direction: column;}
    .contact-upgrade-card .content { padding: 25px !important;}
    .contact-upgrade-card .ui.grid .column { width: 100% !important;}
    .assistance-card .content { padding: 25px !important; flex-direction: column;}
    .assistance-card .extra-content { display: none;}
    .assistance-card .content i.i-broker-girl { margin: 0px auto 10px;}
    .assistance-card .card-footer a { margin-left: 0px;}
    .preference-list li::after { display: none;}
    .report-card { flex-direction: column-reverse;}
    .report-links { width: 100%; text-align: center;}
    .matches-quick-link { margin-left: 0px; width: 100%;}
    .matches-quick-link a { padding: 10px 12px !important; width: 49%; margin-bottom: 20px !important;}
    .matches-quick-link a div { justify-content: center;}
    .mobi-button { display: block !important;}
    .short-stats-card em { display: none;}
    .short-stats-card { position: absolute; right: 0px;}
    .mobi-match-label { display: block;}
    .view-header-left.img-auto { height: 162px !important;}
    .photo-request { bottom: 0px;}
    .request-card { padding: 10px 8px 10px;}
    .request-card span { margin: -25px 0px 8px;}
    .match-activity.mt-05 { margin-top: 0px !important;}
    .description-footer { margin-bottom: 0px;}
    .match-card-footer .button.btn-link { padding: 0px !important;}
    .chatbox-footer .action-btn-group { padding: 0px 4px;}
    .chatbox-footer .dropdown.button { padding: 10px 8px 15px 8px;}
    .chat-app-wrapper .app-aside { display: none;}
    .chat-app-wrapper .app-content .sticky-header { left: 0px !important; position: fixed !important; display: flex !important; z-index: 165;}
    .chat-app-wrapper .app-content .sticky-header .ui.grid.grid.grid>[class*="computer only"].row:not(.tablet) { display: none !important;}
    .chat-app-wrapper .app-content .sticky-header .ui.grid.grid.grid>[class*="mobile only"].row:not(.computer) { display: flex !important;}
    .chat-app-wrapper .app-content .sticky-header .ui.grid.container { width: 100% !important;}
    .chat-app-wrapper .app-content .sticky-header.profile-header .my-account { display: none !important;}
    /* .chat-app-wrapper .app-content .sticky-header.profile-header .my-account-mobi { margin-top: 0.942em; margin-bottom: 0.942em;} */
    /* .chat-app-wrapper .app-content .tablet.mobile .wd-brand { display: flex !important;} */
    .chat-app-wrapper .app-content .wd-menu-button { display: inline-flex !important;}
    .chat-app-wrapper .app-content .sticky-header.ui.menu .item { padding: 0.942em 1em !important;}
    .wd-chat-wrapper { margin: 0em auto 0px;}
    .match-view-header.header2 { padding: 0px;}
    .match-view-header.header2 .match-view-thumb { margin: 30px auto 5px; width: 145px; min-width: 145px; max-width: 145px; height: 162px; border-radius: 2px;}
    .match-view-header.header2 .match-view-thumb button { width: auto; height: auto; box-shadow: none; border: none; background-color: transparent; bottom: 0px;}
    .slide-big-nav { left: 15px; right: 15px;}
    .match-view-header.header2 .h-100 { width: 100%;}
    .match-view-header.header2 .h-100 .actions-hide-xs { display: none;}
    .match-view-header.header2 .mp-info { display: block;}
    .action-lg-hide { display: block;}
    .type-container .char-limit { top: -1px;}
    .mr-sm-0 { margin-right: 0px !important;}
    .settings-links2 .item { padding: 12px 15px !important; flex-direction: column; align-items: flex-start;}
    .settings-links2 .item .left { align-items: flex-start; width: 100%;}
    .settings-links2 .item .right { margin-left: 50px; margin-top: 10px;}
    .setting-breadcrumb { display: block !important;}
    .box-content .page-title { display: none !important;}
    .ui.grid.package-wrapper { display: none !important;}
    .upgrade-list { display: block !important;}
    .package-wrapper2 { -ms-flex-direction: column; flex-direction: column;}
    .package-wrapper2 .column { width: calc(100% - 1em);}
    .match-middle-menu .item label { display: inline-block; font-size: 12px;}
    .match-middle-menu { display: table !important; width: 100%; padding-left: 0px;}
    .match-middle-menu .item { display: table-cell !important; border-right: 1px solid rgba(34, 36, 38, .1) !important;}
    .match-middle-menu .item:last-child { border-right: none !important}
    .match-middle-menu .item.more-menu { display: none !important;}
    .match-middle-menu .item .i-heart, .match-middle-menu .item .i-more { display: inline-block;}
    .match-middle-menu .item.hide-lg { display: table-cell !important;}
    .match-mobi-filrer, .match-col-header.mobi { display: flex;}
    .ui.menu.match-middle-menu .right.menu, .match-col-header { display: none;}
    .pp-edit-card { -ms-flex-direction: column; flex-direction: column;}
    .pp-edit-card .ui.image { margin: 0px auto 12px !important;}
    .pp-edit-card .ui.button { margin-right: auto !important; margin-top: 10px;}
    .buy-preference-card .content { flex-direction: column; align-items: center;}
    .buy-preference-card .content .icon-circle { margin-right: auto !important; margin-left: auto;}
    .buy-preference-card .content .description { margin: 10px 0px 15px; padding-right: 0px; text-align: center;}
    .buy-preference-card .content .right { min-width: auto;}

}


@media only screen and (device-width : 812px) and (device-height : 375px) and (orientation : landscape)  {
    .app-aside { display: none !important;} .app-content { margin-left: 0px !important; padding: 0px !important;}
    .sticky-header.ui.menu .item.hidden-xs { display: none !important;}
    .app-content .sticky-header .tablet.mobile .ui.menu { background-color: #ff0037; align-items: center;}
    .app-content .my-account { display: none !important;}
    .sticky-header .wd-brand.mobi { display: none !important;}
    .sticky-header .wd-brand.white { display: flex !important;}
    .app-content .wd-menu-button { display: flex !important;}
    .app-content .sticky-header .tablet.mobile .right.menu { align-items: center;} .wd-menu-button { margin-top: 0px !important;} .wd-menu-button .m-line { background: #0152ff;}
    .mobi-notification { display: flex; margin-top: 0px !important;}
    .sticky-bottom-menu { display: block;}
    .sticky-header .tablet.mobile, .sticky-header .ui.menu { background-color: #ff0037 !important;}
    .sticky-header.profile-header .tablet.mobile .column { padding: 0px 1rem !important;}
    .my-account-mobi { display: flex;}
    .sticky-header .wd-brand.desktop { display: flex;}
    .more-menu { display: none !important;}
    .match-mobi-popup { display: flex !important;}
    .matches-middle-col { padding: 0px 15px;}
    .match-middle-menu .item { padding: 5px 10px !important; font-size: 13px; justify-content: flex-start; align-items: flex-start !important;}

}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .sticky-header.ui.menu .item { padding: 0.942em 0.5em !important;}
    .vr-divider-left { margin: 0px 15px;}
    .right.menu .vr-divider { margin: 0px 13px;}
    .wd-footer .ui.container { width: 100%; max-width: 100% !important; padding: 0px 20px;}
    .wd-footer .ui[class*="five column"].grid>.column:nth-child(1) { width: 25% !important;}
    .wd-footer .ui[class*="five column"].grid>.column:nth-child(2) { width: 22% !important;}
    .wd-footer .ui[class*="five column"].grid>.column:nth-child(3) { width: 15% !important;}
    .wd-footer .ui[class*="five column"].grid>.column:nth-child(4) { width: 16% !important;}
    .wd-footer .ui[class*="five column"].grid>.column:nth-child(5) { width: 21% !important;}
    .sticky-header .ui.grid.container { padding: 0px !important;}
    .app-content .sticky-header .ui.grid>.row { padding: 0px 15px !important;}
    .app-content .right.menu .vr-divider { margin: 0px 22px !important;}
    .wd-rail { padding: 1em 0em !important;}
    .sticky-notofication { display: none;}
    .ui.cards.wd-match-cards >.card { height: 170px;}
    .ui.stackable.grid.delete-footer >.column { width: 100% !important;}
    .ui.stackable.grid.delete-footer >.column:nth-child(2) { padding-top: 0px !important;}
    .delete-footer .button { float: none !important; margin: 0px 12px 0px 0px !important;}
    .ui.form:not(.unstackable) .four.fields.time-group { display: inline-block; width: 100%;}
    .ui.form:not(.unstackable) .four.fields.time-group .field { width: 50% !important; float: left; clear: inherit;}
    .ui.form:not(.unstackable) .four.fields.time-group .field:nth-child(1) { margin-bottom: 1em !important; width: 50% !important;}
    .ui.form:not(.unstackable) .four.fields.time-group .field:nth-child(2) { padding-right: 0px !important; margin-bottom: 1em !important;}
    .ui.form:not(.unstackable) .four.fields.time-group .field:nth-child(3) { width: 50% !important;}
    .ui.divided.list.edit-list .item .left { width: calc(100% - 70px);}
    .ui.divided.list.edit-list .item .left .label { min-width: 120px;}
    .mobi-contact { display: none !important;}
    /* .ui.form .four.fields.marriage-stats { display: inline-block; width: 100%;} */
    .ui.form .four.fields.marriage-stats>.field { width: 50%;}
    .upload-item { width: 14.7%; height: 135px;}
    .upload-items.charts .upload-item { height: auto;}
    .ui.cards.wd-match-cards >.card { width: 23.13%;}
    .wd-matches-wrapper .match-short-info { top: 6px; right: 8px;}
    .wd-matches-wrapper .match-card-left .c100 { display: none;}
    .wd-matches-wrapper .match-name { font-size: 17px; line-height: 22px; margin-bottom: 0px;}
    .wd-matches-wrapper .match-card-content .extra-content .eight.wide.column:nth-child(2) { border-top: 1px solid rgba(100, 100, 100, 0.1) !important;}
    .wd-matches-wrapper .match-content-header { margin-bottom: 0px; width: calc(100% - 35px);}
    .wd-matches-wrapper .match-id { margin-right: 4px !important;}
    .wd-matches-wrapper .createdby { padding-left: 6px;}
    .wd-matches-wrapper .name-leads .ui.label { display: none;}
    .wd-matches-wrapper .match-card-content .extra-content { display: none;}
    .wd-matches-wrapper .hidden-xxs { display: none !important;}
    .wd-matches-wrapper .block-xxs { display: block !important;}
    .wd-matches-wrapper .preference-list li span { max-width: 200px;}
    .wd-matches-wrapper .mobi-extra-content { display: block;}
    .wd-matches-wrapper .mobi-favourite { display: block;}
    .wd-matches-wrapper .slide .request-card .button { text-align: center !important;}
    .wd-matches-wrapper .slide .request-card a { text-align: center; line-height: 14px; height: auto;}
    .wd-matches-wrapper .mobi-tags { display: block;}
    .wd-matches-wrapper .match-card-left .i-tick-blue { display: none !important;}
    .wd-matches-wrapper .slide .slide-count { font-size: 10px; bottom: 5px;}
    .wd-matches-wrapper .match-card-left .c100, .wd-matches-wrapper .match-card-left .circle-bar { display: none;}
    .wd-matches-wrapper .match-short-info .hidden-xxs { display: none !important;}
    .wd-matches-wrapper .matching-score { display: none !important;}
    .wd-matches-wrapper .content.match-card-container .hidden-xxs { display: none !important;}
    .wd-matches-wrapper .content.match-card-footer .hidden-xs { display: none !important;}
    .ui.three.column.doubling.stackable.grid.delete-option .column { width: 100% !important;}
    .ui.three.column.doubling.stackable.grid.delete-option .column .check-radio label { text-align: left; padding: 21px 20px !important;}
    .nomatch-card { padding: 50px 30px !important;}
    .demo-card-wrapper .content { padding: 20px 40px !important;}
    .mp-container { flex-direction: column;}
    .mp-thumb { margin: 30px auto 0px; max-width: 150px;}
    .mp-header { width: 100%; text-align: center;}
    .mp-description .match-label { display: none;}
    .mp-meta .matching-score { display: block !important;}
    .mp-info { padding-left: 15px;}
    .mp-footer { padding: 10px 15px;}
    .mp-description .createdby { padding-left: 10px;}
    .mp-label { display: block !important;}
    .decision-block { min-height: auto;}
    .ui.cards.request-cards .ui.card .footer-group { flex-direction: column; align-items: flex-start;}
    .ui.cards.request-cards .ui.card .footer-group .btn-group-right { margin-left: 0px; margin-top: 10px;}
    .ui.cards.request-cards .ui.card .footer-group .btn-group-right .button { margin: 0px 15px 0px 0px;}
    .wd-chat-wrapper .chat-menu { height: auto !important;}
    .chat-app-wrapper .app-aside { display: none;}
    .chat-app-wrapper .app-content .sticky-header { left: 0px !important; position: fixed !important; display: flex !important;}
    .chat-app-wrapper .app-content .sticky-header .ui.grid.grid.grid>[class*="computer only"].row:not(.tablet) { display: none !important;}
    .chat-app-wrapper .app-content .sticky-header .ui.grid.grid.grid>[class*="mobile only"].row:not(.computer) { display: flex !important;}
    .chat-app-wrapper .app-content .sticky-header .ui.grid.container { width: 100% !important;}
    /* .chat-app-wrapper .app-content .sticky-header .wd-menu-button { border: none !important; padding: 16px 15px;} */
    .chat-app-wrapper .app-content .sticky-header.profile-header .my-account { display: none !important;}
    /* .chat-app-wrapper .app-content .sticky-header.profile-header .my-account-mobi { margin-top: 0.942em; margin-bottom: 0.942em;} */
    /* .chat-app-wrapper .app-content .tablet.mobile .wd-brand { display: flex !important;} */
    .profile-header .my-account-mobi { margin-top: 8px;}
    .chat-app-wrapper .app-content .wd-menu-button { display: inline-flex !important;}
    .chat-app-wrapper .app-content .sticky-header.ui.menu .item { padding: 0.942em 1em !important;}
    .chat-app-wrapper .app-content .sticky-header .ui.grid>.row { padding: 0px 6px !important;}
    .chat-app-wrapper .app-content .content-body { margin-top: 65px;}
    .chat-app-wrapper .app-content .content-body .wd-rail { padding: 15px 0px 0px 0px !important;}
    .settings-links2 .item { padding: 12px 15px !important; flex-direction: column; align-items: flex-start;}
    .settings-links2 .item .left { align-items: flex-start; width: 100%;}
    .settings-links2 .item .right { margin-left: 50px; margin-top: 10px;}
    .pp-edit-card { -ms-flex-direction: column; flex-direction: column;}
    .pp-edit-card .ui.image { margin: 0px auto 12px !important;}
    .pp-edit-card .ui.button { margin-right: auto !important; margin-top: 10px;}
    .buy-preference-card .content { flex-direction: column; align-items: center;}
    .buy-preference-card .content .icon-circle { margin-right: auto !important; margin-left: auto;}
    .buy-preference-card .content .description { margin: 10px 0px 15px; padding-right: 0px; text-align: center;}
    .buy-preference-card .content .right { min-width: auto;}


}


@media only screen and (min-width:992px) and (max-width:1023px) {
    .sticky-header { padding: 0px !important; margin: 0px !important; height: 60px; border-top: none !important; position: relative !important;}
    .wd-language-switch { padding: 12px 0px;}
    .ui.pushable.segment { margin: 0px;}
    .ui.grid.grid.grid>[class*="computer only"].row:not(.tablet) { display: none !important;}
    .ui.grid.grid.grid>[class*="mobile only"].row:not(.computer) { display: flex !important;}
    .app-aside { width: 217px;}
    .app-aside .ui.sidebar { width: 217px;}
    .app-content { margin-left: 217px;}
    .app-content .sticky-header { left: 0px !important;  height: 65px;}
    .app-content .sticky-header .ui.grid.container { width: calc(100% - 0px) !important;}
    .app-content .wd-menu-button { display: none !important;}
    .app-content .tablet.mobile .wd-brand { display: none;}
    .app-content .tablet.mobile .ww-menu-button { display: none;}
    .app-content .content-body { margin-top: 0px;}
    .sticky-header .ui.menu { min-height: 100%; display: flex; align-items: center;}
    .app-content .sticky-header .ui.menu { align-items: normal;}
    .app-content .my-account-mobi { display: none;}
    .box-left { display: none;}
    .box-content { margin-left: 0px;}
    .profile-nav.middle { display: inline-block !important; overflow-x: auto !important;}
    .wd-brand { margin-right: 15px !important;}
    .ui.cards.wd-album-cards >.card { width: calc(20.7% - .875em); height: 152px; overflow: hidden; margin: 0em .25em .5em .25em;}
    .ui.cards.wd-album-cards>.card img { height: 152px;}
    .modal-body .album-instructions.ui.grid>[class*="six wide"].column { width: 37.5%!important;}
    .modal-body .album-instructions.ui.grid>[class*="ten wide"].column { width: 62.5%!important;}
    .match-card-footer button.button, .match-card-footer a.button { font-size: 13px; padding: .78571429em .75em !important; margin-right: 5px !important;}
    .match-card-footer .button.btn-link { padding: 0px !important;}
    .ui.grid.grid.grid>[class*="mobile only"].row:not(.computer) .ui.menu:not(.vertical) .right.menu .item { padding: .5em !important;}
    .quick-links { padding: 0em;}
    .quick-links a { padding: 10px 10px;}
    .wd-chat-wrapper { margin: 0em auto 0px;}
    .chat-app-wrapper .app-content .sticky-header { height: 60px;}
    .chat-app-wrapper .app-content { padding: 0px; margin-left: 0px;}
    .chat-app-wrapper .app-content .my-account-mobi { display: none !important;}
    .chat-app-wrapper .sticky-header .wd-brand.desktop { display: flex;}
    .rec-list .wd-rail { padding: 2em 0px 0px 0px !important;}
    .chat-heading a { padding: 0px 20px;}
    .chatbox-header .right-menu ul li.action-btn span { display: none !important;}
    .chatbox-header .right-menu ul li.action-btn i { margin-right: 0px !important;}
    .sticky-header.header-2 .my-account-mobi { display: flex;}
    .sticky-header.header-2 .tablet.mobile, .sticky-header.header-2 .tablet.mobile .ui.menu { background-color: #ff0037 !important;}
    .sticky-header.header-2 .wd-brand.desktop { display: none;}
    .sticky-header.header-2 .wd-brand.white { display: flex;}
    .sticky-header.header-2 .wd-menu-button .m-line { background: #0152ff;}
    .sticky-header.header-2 .right.menu .i-phone { background-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/phone-pink.svg); background-repeat: no-repeat;}
    .setting-breadcrumb { margin-top: 16px !important; display: block !important;}
    .box-content .page-title { display: none !important;}

}


@media only screen and (max-width:1023px) {
    .app-content { display: block !important; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0px;}
    .chat-app-wrapper .app-content { display: flex !important; margin-left: 0px !important;}
    .notify-list .item .description { flex-direction: column; align-items: flex-start;}
    .notify-list .item .description .left { margin-bottom: 10px;}
    .notify-list .item .description .right { margin-left: 0px;}

}


@media only screen and (min-width:1024px) and (max-width:1199px) {
    .ui.cards.wd-album-cards >.card { width: calc(24.5% - .875em);}
    .contact-upgrade-card .content { padding: 35px !important;}
    .ui[class*="two column"].grid.match-tiny-stats>.column:nth-child(1) { width: 40% !important;}
    .ui[class*="two column"].grid.match-tiny-stats>.column:nth-child(2) { width: 60% !important; text-align: right;}
    .preference-top { padding: 20px 45px 30px;}
    .match-card-footer button.button, .match-card-footer a.button { font-size: 13px; padding: .78571429em .75em !important; margin-right: 5px !important;}
    .match-card-footer .button.btn-link { padding: 0px !important;}
    .quick-links { padding: 0em;}
    .quick-links a { padding: 10px 10px;}
    .wd-chat-wrapper { margin: -1em auto 0px;}
    .chat-app-wrapper .app-content { margin-left: 0px;}
    .chat-app-wrapper .app-content .sticky-header { top: -20px !important;}
    .rec-list .wd-rail { padding: 3em 0px 0px 0px !important;}
    .chatbox-header .right-menu ul li.action-btn i { margin-right: 0px !important;}
    .action-btn span { display: none !important;}
    .chat-body-wrapper { height: calc(100% - 50px); top: 32px;}
    .chat-app-wrapper .profile-header .my-account-mobi { display: none;}
    .addons-box .ui.cards .ui.card { width: calc(50% - .5em);}
    .ui.grid.preference-wrapper>.column:not(.row) { width: 100%;}
    .box-content .upload-item { width: calc(23.5% - .5em);}
    .purchased-addons .card { margin: .5em !important; width: calc(48% - .5em) !important;}
    .ui.form .three.fields.times-group>.field:nth-child(1), .ui.form .three.fields.times-group>.field:nth-child(2) { width: 118px !important;}
    .ui.form .three.fields.times-group>.field:nth-child(3) { width: auto !important;}
    .chart-wrapper { margin: 0px -6px;}
    .chart-wrapper .card { margin: 0px 6px 13px;}
    .ui.divided.list.edit-list .item .left { width: calc(100% - 70px); flex-direction: column; justify-content: flex-start; text-align: left; display: block;}
    .ui.divided.list.notification-list .item { flex-direction: column;}
    .ui.divided.list.notification-list .item .left { margin-right: auto; padding-right: 0px;}
    .ui.divided.list.notification-list .item .right { margin-left: 0; margin-right: auto; margin-top: 15px; width: 140px;}
    .ui.divided.list.notification-list .item .ml-auto { margin-left: 0px !important; margin-right: auto !important; margin-top: 12px;}
    .ui.divided.list.notification-list .item.flex-end { flex-direction: row !important;}
    .hide-period { flex-direction: column;}
    .ui.divided.list.notification-list .item .hide-period .ui.button { height: 38px;}
    .membership-stats { margin: 0px 10px; flex-direction: column;}
    .membership-stats .item { padding: 10px 0px; width: 100%;}
    .membership-stats .item+.item { border-left: none; border-top: solid 1px rgba(100, 100, 100, 0.15);}
    .subscription-two-column-grid .column { padding: 1rem !important; width: 100% !important;}
    .addon-fluid-card { flex-direction: column !important; align-items: flex-start;}
    .addon-fluid-card .left { width: 100%; padding: 1rem;}
    .addon-fluid-card .right { margin-left: 0px; padding: 1rem; align-items: center; text-align: left; display: flex; flex-direction: row; justify-content: space-between; width: 100%; border-top: 1px solid rgba(34, 36, 38, .10) !important;}
    .addon-fluid-card .right .amount { margin-bottom: 0px; font-size: 20px;}
    .addon-fluid-card .right.flex-row { min-width: 100%;}
    .addon-fluid-card .right.flex-row .ui.selection { width: 150px;}
    .package-wrapper2 { -ms-flex-direction: column; flex-direction: column;}
    .package-wrapper2 .column { width: calc(100% - 1em);}
    .subscription-free-card .left i.i-invoice-gray { width: 45px; height: 45px; background-size: 45px;}


}



@media only screen and (max-width:1199px) {
    .matches-rightbar { display: none;}
    .matches-middle-col.floating-right { margin-right: 0px;}


}

@media only screen and (min-width:1200px) and (max-width:1439px) {
    .membership-stats { margin: 0px -8px;}
    .membership-stats .item { padding: 0px 20px;}
    .extra-card .card-body .left .ui.image { width: 64px;}


}


@media only screen and (min-width:1200px) and (max-width:1480px) {
    .wd-footer .ui.container { width: 100%; max-width: 100% !important; padding: 0px 20px;}
    .sticky-notofication { display: none;}
    .contact-upgrade-card .content { padding: 35px 20px !important;}
    .assistance-card .content { padding: 35px 20px !important;}
    .ui[class*="two column"].grid.match-tiny-stats>.column:nth-child(1) { width: 35% !important;}
    .ui[class*="two column"].grid.match-tiny-stats>.column:nth-child(2) { width: 65% !important; text-align: right;}
    .matches-rightbar { display: none;}
    .matches-middle-col.floating-right { margin-right: 0px;}
    .chatbox-header .right-menu ul li.action-btn span { display: none !important;}
    .chatbox-header .right-menu ul li.action-btn i { margin-right: 0px !important;}


}


.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.bounceIn {
    -webkit-animation-duration: .7s;
    animation-duration: .7s
}

.animated.bounceOut {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.animated.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.animated.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

.animated.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .7s;
    animation-duration: .7s
}

.animated.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.animated.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

.animated.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: perspective(1px) scale3d(0.3, 0.3, 0.3);
        transform: perspective(1px) scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: perspective(1px) scale3d(1.1, 1.1, 1.1);
        transform: perspective(1px) scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: perspective(1px) scale3d(0.9, 0.9, 0.9);
        transform: perspective(1px) scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: perspective(1px) scale3d(1.03, 1.03, 1.03);
        transform: perspective(1px) scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: perspective(1px) scale3d(0.97, 0.97, 0.97);
        transform: perspective(1px) scale3d(0.97, 0.97, 0.97)
    }
    to {
        opacity: 1;
        -webkit-transform: perspective(1px) scale3d(1, 1, 1);
        transform: perspective(1px) scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: perspective(1px) scale3d(0.3, 0.3, 0.3);
        transform: perspective(1px) scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: perspective(1px) scale3d(1.1, 1.1, 1.1);
        transform: perspective(1px) scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: perspective(1px) scale3d(0.9, 0.9, 0.9);
        transform: perspective(1px) scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: perspective(1px) scale3d(1.03, 1.03, 1.03);
        transform: perspective(1px) scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: perspective(1px) scale3d(0.97, 0.97, 0.97);
        transform: perspective(1px) scale3d(0.97, 0.97, 0.97)
    }
    to {
        opacity: 1;
        -webkit-transform: perspective(1px) scale3d(1, 1, 1);
        transform: perspective(1px) scale3d(1, 1, 1)
    }
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.rrt-confirm-holder {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999
}

.rrt-confirm-holder .shadow {
    width: 100%;
    height: 100%;
    background-color: rgba(50, 58, 68, 0.8)
}

.rrt-confirm-holder .rrt-confirm {
    width: 320px;
    background-color: white;
    position: absolute;
    z-index: 9;
    top: 20%;
    left: 50%;
    margin-left: -160px;
    box-shadow: 3px 3px 20px #333;
    border-radius: 4px;
    overflow: hidden
}

.rrt-confirm-holder .rrt-confirm .rrt-message {
    width: 100%;
    padding: 5%;
    min-height: 50px;
    font-size: 1em;
    background-color: white;
    text-align: center;
    /* font-family: 'LL Circular'; */
    clear: both
}

.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 50px;
    text-transform: capitalize;
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
    float: left;
    border-top: 1px solid #f0f0f0;
    font-size: 14px;
    overflow: hidden;
    cursor: pointer
}

.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button:hover {
    background-color: #f5f5f5
}

.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button.rrt-ok-btn:active {
    background-color: #60bb71;
    color: white
}

.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button.rrt-cancel-btn:active {
    background-color: #db6a64;
    color: white
}

.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button:focus {
    outline: none
}

body.toastr-confirm-active {
    overflow: hidden
}

.redux-toastr *,
.redux-toastr *:before,
.redux-toastr *:after {
    box-sizing: border-box
}

.redux-toastr .top-left,
.redux-toastr .top-right,
.redux-toastr .top-center,
.redux-toastr .bottom-left,
.redux-toastr .bottom-right,
.redux-toastr .bottom-center {
    width: 350px;
    position: fixed;
    z-index: 99999999;
    padding: 0 10px
}

.redux-toastr .top-left,
.redux-toastr .top-right,
.redux-toastr .top-center {
    top: 0
}

.redux-toastr .top-right,
.redux-toastr .bottom-right {
    right: 0
}

.redux-toastr .bottom-left,
.redux-toastr .bottom-right,
.redux-toastr .bottom-center {
    bottom: 0
}

.redux-toastr .top-left,
.redux-toastr .bottom-left {
    left: 0
}

.redux-toastr .top-center,
.redux-toastr .bottom-center {
    left: 50%;
    margin-left: -175px
}

@media (max-width: 320px) {
    .redux-toastr .top-left,
    .redux-toastr .top-right,
    .redux-toastr .top-center,
    .redux-toastr .bottom-left,
    .redux-toastr .bottom-right,
    .redux-toastr .bottom-center {
        width: 320px
    }
    .redux-toastr .top-center,
    .redux-toastr .bottom-center {
        margin-left: -160px
    }
}

.redux-toastr .toastr {
    background-color: #fcfcfc;
    width: 100%;
    min-height: 70px;
    overflow: hidden;
    margin: 10px 0;
    border-radius: 4px;
    position: relative;
    z-index: 2;
    color: #333;
    opacity: .94;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4)
}

.redux-toastr .toastr:hover:not(.rrt-message) {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
    opacity: 1
}

.redux-toastr .toastr .toastr-status {
    width: 100%;
    height: 5px
}

.redux-toastr .toastr .toastr-status.success {
    background-color: #60bb71
}

.redux-toastr .toastr .toastr-status.warning {
    background-color: #f7a336
}

.redux-toastr .toastr .toastr-status.info {
    background-color: #58abc3
}

.redux-toastr .toastr .toastr-status.error {
    background-color: #db6a64
}

.redux-toastr .toastr .rrt-left-container,
.redux-toastr .toastr .rrt-right-container {
    float: left;
    text-align: center;
    overflow: hidden
}

.redux-toastr .toastr .rrt-left-container {
    width: 80px;
    top: 0;
    left: 0;
    position: absolute;
    bottom: 0
}

.redux-toastr .toastr .rrt-left-container .rrt-holder {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    left: 5px;
    line-height: 60px
}

.redux-toastr .toastr .rrt-left-container .toastr-icon {
    fill: white;
    vertical-align: middle;
    margin-top: 5px
}

.redux-toastr .toastr .rrt-middle-container {
    width: 65%;
    margin-left: 80px;
    position: relative;
    float: left;
    /* font-family: Arial, Helvetica, sans-serif, sans-serif; */
    font-size: 1em;
    text-align: left;
    padding: 10px 5px
}

.redux-toastr .toastr .rrt-middle-container .rrt-title {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px
}

.redux-toastr .toastr .rrt-right-container {
    width: 10%
}

.redux-toastr .toastr .close-toastr {
    width: 10%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    font-size: 22px;
    border: none;
    outline: none;
    opacity: 0.5;
    cursor: pointer;
    /* font-family: "Helvetica Neue", Helvetica, Arial sans-serif */
}

.redux-toastr .toastr .close-toastr:hover {
    opacity: 1
}

.redux-toastr .toastr .close-toastr:focus {
    outline: none
}

.redux-toastr .toastr.rrt-info,
.redux-toastr .toastr.rrt-success,
.redux-toastr .toastr.rrt-warning,
.redux-toastr .toastr.rrt-error {
    color: white
}

.redux-toastr .toastr.rrt-info {
    background-color: #58abc3
}

.redux-toastr .toastr.rrt-info .rrt-progressbar {
    background-color: #378298
}

.redux-toastr .toastr.rrt-success {
    background-color: #60bb71
}

.redux-toastr .toastr.rrt-success .rrt-progressbar {
    background-color: #3e914d
}

.redux-toastr .toastr.rrt-warning {
    background-color: #f7a336
}

.redux-toastr .toastr.rrt-warning .rrt-progressbar {
    background-color: #d87e09
}

.redux-toastr .toastr.rrt-error {
    background-color: #db6a64
}

.redux-toastr .toastr.rrt-error .rrt-progressbar {
    background-color: #c5352e
}

.redux-toastr .toastr.rrt-light .rrt-progressbar {
    background-color: #ccc
}

.redux-toastr .toastr.rrt-light .toastr-icon {
    fill: #333 !important
}

.redux-toastr .toastr.rrt-message {
    opacity: 1;
    border: 1px solid #dbdbdb
}

.redux-toastr .toastr.rrt-message .rrt-title {
    width: 90%;
    height: 50px;
    text-align: center;
    overflow: hidden;
    font-size: 1.2em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 50px;
    padding: 0 20px
}

.redux-toastr .toastr.rrt-message .rrt-text {
    width: 100%;
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    background-color: white;
    padding: 15px;
    font-size: 1.1em;
    margin-bottom: 20px
}

.redux-toastr .toastr.rrt-message .rrt-text img {
    display: block;
    margin: 10px auto;
    max-width: 100%
}

.redux-toastr .toastr.rrt-message .close-toastr {
    height: 50px
}

.redux-toastr .toastr .rrt-progress-container {
    height: 5px;
    margin: 0 -20px -20px -60px;
    position: absolute;
    bottom: 20px;
    width: 100%
}

.redux-toastr .toastr .rrt-progress-container .rrt-progressbar {
    border-radius: 0 0 0 4px;
    height: 100%
}

.redux-toastr .toastr-attention {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlYWN0LXJlZHV4LXRvYXN0ci5taW4uY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLFVBQVUsOEJBQXNCLEFBQXRCLHNCQUFzQixpQ0FBd0IsQUFBeEIsd0JBQXdCLENBQUMsbUJBQW1CLCtCQUFzQixBQUF0QixzQkFBc0IsQ0FBQyxvQkFBb0IsK0JBQXNCLEFBQXRCLHNCQUFzQixDQUFDLG1CQUFtQixnQ0FBdUIsQUFBdkIsdUJBQXVCLENBQUMsb0JBQW9CLGlDQUF3QixBQUF4Qix3QkFBd0IsQ0FBQyxpQkFBaUIsOEJBQXNCLEFBQXRCLHNCQUFzQiwrQkFBc0IsQUFBdEIsc0JBQXNCLENBQUMsa0JBQWtCLCtCQUF1QixBQUF2Qix1QkFBdUIsK0JBQXNCLEFBQXRCLHNCQUFzQixDQUFDLHVCQUF1QixvQ0FBMkIsQUFBM0IsMkJBQTJCLENBQUMsc0JBQXNCLG1DQUEwQixBQUExQiwwQkFBMEIsQ0FBQyw0QkFBb0Isd0JBQXdCLHNFQUE2RCxBQUE3RCw2REFBNkQsQ0FBQyxHQUFHLFVBQVUsMERBQWlELEFBQWpELGlEQUFpRCxDQUFDLElBQUksMERBQWlELEFBQWpELGlEQUFpRCxDQUFDLElBQUksMERBQWlELEFBQWpELGlEQUFpRCxDQUFDLElBQUksVUFBVSw2REFBb0QsQUFBcEQsb0RBQW9ELENBQUMsSUFBSSw2REFBb0QsQUFBcEQsb0RBQW9ELENBQUMsR0FBRyxVQUFVLG9EQUEyQyxBQUEzQywyQ0FBMkMsQ0FBQyxDQUFDLEFBQTNjLG9CQUFvQix3QkFBd0Isc0VBQTZELEFBQTdELDZEQUE2RCxDQUFDLEdBQUcsVUFBVSwwREFBaUQsQUFBakQsaURBQWlELENBQUMsSUFBSSwwREFBaUQsQUFBakQsaURBQWlELENBQUMsSUFBSSwwREFBaUQsQUFBakQsaURBQWlELENBQUMsSUFBSSxVQUFVLDZEQUFvRCxBQUFwRCxvREFBb0QsQ0FBQyxJQUFJLDZEQUFvRCxBQUFwRCxvREFBb0QsQ0FBQyxHQUFHLFVBQVUsb0RBQTJDLEFBQTNDLDJDQUEyQyxDQUFDLENBQUMsNkJBQXFCLElBQUkseUNBQWdDLEFBQWhDLGdDQUFnQyxDQUFDLFFBQVEsVUFBVSx5Q0FBZ0MsQUFBaEMsZ0NBQWdDLENBQUMsR0FBRyxVQUFVLHlDQUFnQyxBQUFoQyxnQ0FBZ0MsQ0FBQyxDQUFDLEFBQTVKLHFCQUFxQixJQUFJLHlDQUFnQyxBQUFoQyxnQ0FBZ0MsQ0FBQyxRQUFRLFVBQVUseUNBQWdDLEFBQWhDLGdDQUFnQyxDQUFDLEdBQUcsVUFBVSx5Q0FBZ0MsQUFBaEMsZ0NBQWdDLENBQUMsQ0FBQywwQkFBa0IsS0FBSyxTQUFTLENBQUMsR0FBRyxTQUFTLENBQUMsQ0FBQyxBQUEvQyxrQkFBa0IsS0FBSyxTQUFTLENBQUMsR0FBRyxTQUFTLENBQUMsQ0FBQywyQkFBbUIsS0FBSyxTQUFTLENBQUMsR0FBRyxTQUFTLENBQUMsQ0FBQyxBQUFoRCxtQkFBbUIsS0FBSyxTQUFTLENBQUMsR0FBRyxTQUFTLENBQUMsQ0FBQyxnQ0FBd0Isb0JBQW9CLHNFQUE2RCxBQUE3RCw2REFBNkQsQ0FBQyxHQUFHLFVBQVUsNkNBQW9DLEFBQXBDLG9DQUFvQyxDQUFDLElBQUksVUFBVSwwQ0FBaUMsQUFBakMsaUNBQWlDLENBQUMsSUFBSSwyQ0FBa0MsQUFBbEMsa0NBQWtDLENBQUMsSUFBSSx5Q0FBZ0MsQUFBaEMsZ0NBQWdDLENBQUMsR0FBRyx1QkFBdUIsY0FBYyxDQUFDLENBQUMsQUFBbFUsd0JBQXdCLG9CQUFvQixzRUFBNkQsQUFBN0QsNkRBQTZELENBQUMsR0FBRyxVQUFVLDZDQUFvQyxBQUFwQyxvQ0FBb0MsQ0FBQyxJQUFJLFVBQVUsMENBQWlDLEFBQWpDLGlDQUFpQyxDQUFDLElBQUksMkNBQWtDLEFBQWxDLGtDQUFrQyxDQUFDLElBQUkseUNBQWdDLEFBQWhDLGdDQUFnQyxDQUFDLEdBQUcsdUJBQXVCLGNBQWMsQ0FBQyxDQUFDLCtCQUF1QixJQUFJLDJDQUFrQyxBQUFsQyxrQ0FBa0MsQ0FBQyxRQUFRLFVBQVUsMENBQWlDLEFBQWpDLGlDQUFpQyxDQUFDLEdBQUcsVUFBVSw2Q0FBb0MsQUFBcEMsb0NBQW9DLENBQUMsQ0FBQyxBQUFySyx1QkFBdUIsSUFBSSwyQ0FBa0MsQUFBbEMsa0NBQWtDLENBQUMsUUFBUSxVQUFVLDBDQUFpQyxBQUFqQyxpQ0FBaUMsQ0FBQyxHQUFHLFVBQVUsNkNBQW9DLEFBQXBDLG9DQUFvQyxDQUFDLENBQUMsb0JBQW9CLFdBQVcsWUFBWSxlQUFlLE1BQU0sT0FBTyxnQkFBZ0IsQ0FBQyw0QkFBNEIsV0FBVyxZQUFZLG1DQUFtQyxDQUFDLGlDQUFpQyxZQUFZLHVCQUF1QixrQkFBa0IsVUFBVSxRQUFRLFNBQVMsbUJBQW1CLDZCQUE2QixrQkFBa0IsZUFBZSxDQUFDLDhDQUE4QyxXQUFXLFdBQVcsZ0JBQWdCLGNBQWMsdUJBQXVCLGtCQUFrQixtREFBbUQsVUFBVSxDQUFDLHFEQUFxRCxvQkFBWSxBQUFaLG9CQUFZLEFBQVosWUFBWSxDQUFDLGlFQUFpRSxtQkFBWSxBQUFaLG9CQUFZLEFBQVosWUFBWSxZQUFZLDBCQUEwQixZQUFZLDZCQUE2QixVQUFVLFNBQVMsV0FBVyw2QkFBNkIsZUFBZSxnQkFBZ0IsY0FBYyxDQUFDLHVFQUF1RSx3QkFBd0IsQ0FBQyxtRkFBbUYseUJBQXlCLFdBQVcsQ0FBQyx1RkFBdUYseUJBQXlCLFdBQVcsQ0FBQyx1RUFBdUUsWUFBWSxDQUFDLDJCQUEyQixlQUFlLENBQUMsNkRBQTZELHFCQUFxQixDQUFDLCtKQUErSixZQUFZLGVBQWUsaUJBQWlCLGNBQWMsQ0FBQywyRUFBMkUsS0FBSyxDQUFDLHFEQUFxRCxPQUFPLENBQUMsb0ZBQW9GLFFBQVEsQ0FBQyxtREFBbUQsTUFBTSxDQUFDLHVEQUF1RCxTQUFTLGtCQUFrQixDQUFDLDBCQUEwQiwrSkFBK0osV0FBVyxDQUFDLHVEQUF1RCxrQkFBa0IsQ0FBQyxDQUFDLHNCQUFzQix5QkFBeUIsV0FBVyxnQkFBZ0IsZ0JBQWdCLGNBQWMsa0JBQWtCLGtCQUFrQixVQUFVLFdBQVcsWUFBWSx1Q0FBdUMsQ0FBQyw4Q0FBOEMsd0NBQXdDLFNBQVMsQ0FBQyxxQ0FBcUMsV0FBVyxVQUFVLENBQUMsNkNBQTZDLHdCQUF3QixDQUFDLDZDQUE2Qyx3QkFBd0IsQ0FBQywwQ0FBMEMsd0JBQXdCLENBQUMsMkNBQTJDLHdCQUF3QixDQUFDLHFGQUFxRixXQUFXLGtCQUFrQixlQUFlLENBQUMsMENBQTBDLFdBQVcsTUFBTSxPQUFPLGtCQUFrQixRQUFRLENBQUMsc0RBQXNELFdBQVcsWUFBWSxrQkFBa0IsUUFBUSxpQkFBaUIsU0FBUyxnQkFBZ0IsQ0FBQyx1REFBdUQsV0FBVyxzQkFBc0IsY0FBYyxDQUFDLDRDQUE0QyxVQUFVLGlCQUFpQixrQkFBa0IsV0FBVyxxREFBcUQsY0FBYyxnQkFBZ0IsZ0JBQWdCLENBQUMsdURBQXVELGdCQUFnQixpQkFBaUIsaUJBQWlCLENBQUMsMkNBQTJDLFNBQVMsQ0FBQyxvQ0FBb0MsVUFBVSxZQUFZLGtCQUFrQixNQUFNLFFBQVEsNkJBQTZCLGVBQWUsWUFBWSxhQUFhLFlBQVksZUFBZSx5REFBeUQsQ0FBQywwQ0FBMEMsU0FBUyxDQUFDLDBDQUEwQyxZQUFZLENBQUMsbUlBQW1JLFdBQVcsQ0FBQywrQkFBK0Isd0JBQXdCLENBQUMsZ0RBQWdELHdCQUF3QixDQUFDLGtDQUFrQyx3QkFBd0IsQ0FBQyxtREFBbUQsd0JBQXdCLENBQUMsa0NBQWtDLHdCQUF3QixDQUFDLG1EQUFtRCx3QkFBd0IsQ0FBQyxnQ0FBZ0Msd0JBQXdCLENBQUMsaURBQWlELHdCQUF3QixDQUFDLGlEQUFpRCxxQkFBcUIsQ0FBQyw2Q0FBNkMsb0JBQW9CLENBQUMsa0NBQWtDLFVBQVUsd0JBQXdCLENBQUMsNkNBQTZDLFVBQVUsWUFBWSxrQkFBa0IsZ0JBQWdCLGdCQUFnQix1QkFBdUIsZ0JBQWdCLG1CQUFtQixpQkFBaUIsY0FBYyxDQUFDLDRDQUE0QyxXQUFXLGlCQUFpQixnQkFBZ0IsZ0JBQWdCLDZCQUE2QixnQ0FBZ0MsdUJBQXVCLGFBQWEsZ0JBQWdCLGtCQUFrQixDQUFDLGdEQUFnRCxjQUFjLGlCQUFpQixjQUFjLENBQUMsZ0RBQWdELFdBQVcsQ0FBQyw4Q0FBOEMsV0FBVywyQkFBMkIsa0JBQWtCLFlBQVksVUFBVSxDQUFDLCtEQUE0SCx3QkFBd0IsV0FBVyxDQUFDLGdDQUFnQyxXQUFXLFlBQVksZUFBZSxNQUFNLE9BQU8sUUFBUSxTQUFTLGlDQUFpQyxTQUFTLENBQUMiLCJmaWxlIjoicmVhY3QtcmVkdXgtdG9hc3RyLm1pbi5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuYW5pbWF0ZWR7YW5pbWF0aW9uLWR1cmF0aW9uOjFzO2FuaW1hdGlvbi1maWxsLW1vZGU6Ym90aH0uYW5pbWF0ZWQuYm91bmNlSW57YW5pbWF0aW9uLWR1cmF0aW9uOi43c30uYW5pbWF0ZWQuYm91bmNlT3V0e2FuaW1hdGlvbi1kdXJhdGlvbjouNXN9LmFuaW1hdGVkLmJvdW5jZUlue2FuaW1hdGlvbi1uYW1lOmJvdW5jZUlufS5hbmltYXRlZC5ib3VuY2VPdXR7YW5pbWF0aW9uLW5hbWU6Ym91bmNlT3V0fS5hbmltYXRlZC5mYWRlSW57YW5pbWF0aW9uLW5hbWU6ZmFkZUluO2FuaW1hdGlvbi1kdXJhdGlvbjouN3N9LmFuaW1hdGVkLmZhZGVPdXR7YW5pbWF0aW9uLW5hbWU6ZmFkZU91dDthbmltYXRpb24tZHVyYXRpb246LjNzfS5hbmltYXRlZC5ib3VuY2VJbkRvd257YW5pbWF0aW9uLW5hbWU6Ym91bmNlSW5Eb3dufS5hbmltYXRlZC5ib3VuY2VPdXRVcHthbmltYXRpb24tbmFtZTpib3VuY2VPdXRVcH1Aa2V5ZnJhbWVzIGJvdW5jZUlue2Zyb20sMjAlLDQwJSw2MCUsODAlLHRve2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKDAuMjE1LCAwLjYxLCAwLjM1NSwgMSl9MCV7b3BhY2l0eTowO3RyYW5zZm9ybTpwZXJzcGVjdGl2ZSgxcHgpIHNjYWxlM2QoMC4zLCAwLjMsIDAuMyl9MjAle3RyYW5zZm9ybTpwZXJzcGVjdGl2ZSgxcHgpIHNjYWxlM2QoMS4xLCAxLjEsIDEuMSl9NDAle3RyYW5zZm9ybTpwZXJzcGVjdGl2ZSgxcHgpIHNjYWxlM2QoMC45LCAwLjksIDAuOSl9NjAle29wYWNpdHk6MTt0cmFuc2Zvcm06cGVyc3BlY3RpdmUoMXB4KSBzY2FsZTNkKDEuMDMsIDEuMDMsIDEuMDMpfTgwJXt0cmFuc2Zvcm06cGVyc3BlY3RpdmUoMXB4KSBzY2FsZTNkKDAuOTcsIDAuOTcsIDAuOTcpfXRve29wYWNpdHk6MTt0cmFuc2Zvcm06cGVyc3BlY3RpdmUoMXB4KSBzY2FsZTNkKDEsIDEsIDEpfX1Aa2V5ZnJhbWVzIGJvdW5jZU91dHsyMCV7dHJhbnNmb3JtOnNjYWxlM2QoMC45LCAwLjksIDAuOSl9NTAlLDU1JXtvcGFjaXR5OjE7dHJhbnNmb3JtOnNjYWxlM2QoMS4xLCAxLjEsIDEuMSl9dG97b3BhY2l0eTowO3RyYW5zZm9ybTpzY2FsZTNkKDAuMywgMC4zLCAwLjMpfX1Aa2V5ZnJhbWVzIGZhZGVJbntmcm9te29wYWNpdHk6MH10b3tvcGFjaXR5OjF9fUBrZXlmcmFtZXMgZmFkZU91dHtmcm9te29wYWNpdHk6MX10b3tvcGFjaXR5OjB9fUBrZXlmcmFtZXMgYm91bmNlSW5Eb3due2Zyb20sNjAlLDc1JSw5MCUsdG97YW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjpjdWJpYy1iZXppZXIoMC4yMTUsIDAuNjEsIDAuMzU1LCAxKX0wJXtvcGFjaXR5OjA7dHJhbnNmb3JtOnRyYW5zbGF0ZTNkKDAsIC0zMDAwcHgsIDApfTYwJXtvcGFjaXR5OjE7dHJhbnNmb3JtOnRyYW5zbGF0ZTNkKDAsIDI1cHgsIDApfTc1JXt0cmFuc2Zvcm06dHJhbnNsYXRlM2QoMCwgLTEwcHgsIDApfTkwJXt0cmFuc2Zvcm06dHJhbnNsYXRlM2QoMCwgNXB4LCAwKX10b3std2Via2l0LXRyYW5zZm9ybTpub25lO3RyYW5zZm9ybTpub25lfX1Aa2V5ZnJhbWVzIGJvdW5jZU91dFVwezIwJXt0cmFuc2Zvcm06dHJhbnNsYXRlM2QoMCwgLTEwcHgsIDApfTQwJSw0NSV7b3BhY2l0eToxO3RyYW5zZm9ybTp0cmFuc2xhdGUzZCgwLCAyMHB4LCAwKX10b3tvcGFjaXR5OjA7dHJhbnNmb3JtOnRyYW5zbGF0ZTNkKDAsIC0yMDAwcHgsIDApfX0ucnJ0LWNvbmZpcm0taG9sZGVye3dpZHRoOjEwMCU7aGVpZ2h0OjEwMCU7cG9zaXRpb246Zml4ZWQ7dG9wOjA7bGVmdDowO3otaW5kZXg6OTk5OTk5OTl9LnJydC1jb25maXJtLWhvbGRlciAuc2hhZG93e3dpZHRoOjEwMCU7aGVpZ2h0OjEwMCU7YmFja2dyb3VuZC1jb2xvcjpyZ2JhKDUwLDU4LDY4LDAuOCl9LnJydC1jb25maXJtLWhvbGRlciAucnJ0LWNvbmZpcm17d2lkdGg6MzIwcHg7YmFja2dyb3VuZC1jb2xvcjp3aGl0ZTtwb3NpdGlvbjphYnNvbHV0ZTt6LWluZGV4Ojk7dG9wOjIwJTtsZWZ0OjUwJTttYXJnaW4tbGVmdDotMTYwcHg7Ym94LXNoYWRvdzozcHggM3B4IDIwcHggIzMzMztib3JkZXItcmFkaXVzOjRweDtvdmVyZmxvdzpoaWRkZW59LnJydC1jb25maXJtLWhvbGRlciAucnJ0LWNvbmZpcm0gLnJydC1tZXNzYWdle3dpZHRoOjEwMCU7cGFkZGluZzo1JTttaW4taGVpZ2h0OjUwcHg7Zm9udC1zaXplOjFlbTtiYWNrZ3JvdW5kLWNvbG9yOndoaXRlO3RleHQtYWxpZ246Y2VudGVyO2ZvbnQtZmFtaWx5OidvcGVuLXNhbnNjb25kZW5zZWQtbGlnaHQnLCBzYW5zLXNlcmlmO2NsZWFyOmJvdGh9LnJydC1jb25maXJtLWhvbGRlciAucnJ0LWNvbmZpcm0gLnJydC1idXR0b25zLWhvbGRlcntkaXNwbGF5OmZsZXh9LnJydC1jb25maXJtLWhvbGRlciAucnJ0LWNvbmZpcm0gLnJydC1idXR0b25zLWhvbGRlciAucnJ0LWJ1dHRvbntmbGV4LWdyb3c6MTtoZWlnaHQ6NTBweDt0ZXh0LXRyYW5zZm9ybTpjYXBpdGFsaXplO2JvcmRlcjpub25lO2JhY2tncm91bmQtY29sb3I6dHJhbnNwYXJlbnQ7cGFkZGluZzowO21hcmdpbjowO2Zsb2F0OmxlZnQ7Ym9yZGVyLXRvcDoxcHggc29saWQgI2YwZjBmMDtmb250LXNpemU6MTRweDtvdmVyZmxvdzpoaWRkZW47Y3Vyc29yOnBvaW50ZXJ9LnJydC1jb25maXJtLWhvbGRlciAucnJ0LWNvbmZpcm0gLnJydC1idXR0b25zLWhvbGRlciAucnJ0LWJ1dHRvbjpob3ZlcntiYWNrZ3JvdW5kLWNvbG9yOiNmNWY1ZjV9LnJydC1jb25maXJtLWhvbGRlciAucnJ0LWNvbmZpcm0gLnJydC1idXR0b25zLWhvbGRlciAucnJ0LWJ1dHRvbi5ycnQtb2stYnRuOmFjdGl2ZXtiYWNrZ3JvdW5kLWNvbG9yOiM2MGJiNzE7Y29sb3I6d2hpdGV9LnJydC1jb25maXJtLWhvbGRlciAucnJ0LWNvbmZpcm0gLnJydC1idXR0b25zLWhvbGRlciAucnJ0LWJ1dHRvbi5ycnQtY2FuY2VsLWJ0bjphY3RpdmV7YmFja2dyb3VuZC1jb2xvcjojZGI2YTY0O2NvbG9yOndoaXRlfS5ycnQtY29uZmlybS1ob2xkZXIgLnJydC1jb25maXJtIC5ycnQtYnV0dG9ucy1ob2xkZXIgLnJydC1idXR0b246Zm9jdXN7b3V0bGluZTpub25lfWJvZHkudG9hc3RyLWNvbmZpcm0tYWN0aXZle292ZXJmbG93OmhpZGRlbn0ucmVkdXgtdG9hc3RyICosLnJlZHV4LXRvYXN0ciAqOmJlZm9yZSwucmVkdXgtdG9hc3RyICo6YWZ0ZXJ7Ym94LXNpemluZzpib3JkZXItYm94fS5yZWR1eC10b2FzdHIgLnRvcC1sZWZ0LC5yZWR1eC10b2FzdHIgLnRvcC1yaWdodCwucmVkdXgtdG9hc3RyIC50b3AtY2VudGVyLC5yZWR1eC10b2FzdHIgLmJvdHRvbS1sZWZ0LC5yZWR1eC10b2FzdHIgLmJvdHRvbS1yaWdodCwucmVkdXgtdG9hc3RyIC5ib3R0b20tY2VudGVye3dpZHRoOjM1MHB4O3Bvc2l0aW9uOmZpeGVkO3otaW5kZXg6OTk5OTk5OTk7cGFkZGluZzowIDEwcHh9LnJlZHV4LXRvYXN0ciAudG9wLWxlZnQsLnJlZHV4LXRvYXN0ciAudG9wLXJpZ2h0LC5yZWR1eC10b2FzdHIgLnRvcC1jZW50ZXJ7dG9wOjB9LnJlZHV4LXRvYXN0ciAudG9wLXJpZ2h0LC5yZWR1eC10b2FzdHIgLmJvdHRvbS1yaWdodHtyaWdodDowfS5yZWR1eC10b2FzdHIgLmJvdHRvbS1sZWZ0LC5yZWR1eC10b2FzdHIgLmJvdHRvbS1yaWdodCwucmVkdXgtdG9hc3RyIC5ib3R0b20tY2VudGVye2JvdHRvbTowfS5yZWR1eC10b2FzdHIgLnRvcC1sZWZ0LC5yZWR1eC10b2FzdHIgLmJvdHRvbS1sZWZ0e2xlZnQ6MH0ucmVkdXgtdG9hc3RyIC50b3AtY2VudGVyLC5yZWR1eC10b2FzdHIgLmJvdHRvbS1jZW50ZXJ7bGVmdDo1MCU7bWFyZ2luLWxlZnQ6LTE3NXB4fUBtZWRpYSAobWF4LXdpZHRoOiAzMjBweCl7LnJlZHV4LXRvYXN0ciAudG9wLWxlZnQsLnJlZHV4LXRvYXN0ciAudG9wLXJpZ2h0LC5yZWR1eC10b2FzdHIgLnRvcC1jZW50ZXIsLnJlZHV4LXRvYXN0ciAuYm90dG9tLWxlZnQsLnJlZHV4LXRvYXN0ciAuYm90dG9tLXJpZ2h0LC5yZWR1eC10b2FzdHIgLmJvdHRvbS1jZW50ZXJ7d2lkdGg6MzIwcHh9LnJlZHV4LXRvYXN0ciAudG9wLWNlbnRlciwucmVkdXgtdG9hc3RyIC5ib3R0b20tY2VudGVye21hcmdpbi1sZWZ0Oi0xNjBweH19LnJlZHV4LXRvYXN0ciAudG9hc3Rye2JhY2tncm91bmQtY29sb3I6I2ZjZmNmYzt3aWR0aDoxMDAlO21pbi1oZWlnaHQ6NzBweDtvdmVyZmxvdzpoaWRkZW47bWFyZ2luOjEwcHggMDtib3JkZXItcmFkaXVzOjRweDtwb3NpdGlvbjpyZWxhdGl2ZTt6LWluZGV4OjI7Y29sb3I6IzMzMztvcGFjaXR5Oi45NDtib3gtc2hhZG93OjJweCAycHggMTBweCByZ2JhKDAsMCwwLDAuNCl9LnJlZHV4LXRvYXN0ciAudG9hc3RyOmhvdmVyOm5vdCgucnJ0LW1lc3NhZ2Upe2JveC1zaGFkb3c6MHB4IDBweCAxMHB4IHJnYmEoMCwwLDAsMC42KTtvcGFjaXR5OjF9LnJlZHV4LXRvYXN0ciAudG9hc3RyIC50b2FzdHItc3RhdHVze3dpZHRoOjEwMCU7aGVpZ2h0OjVweH0ucmVkdXgtdG9hc3RyIC50b2FzdHIgLnRvYXN0ci1zdGF0dXMuc3VjY2Vzc3tiYWNrZ3JvdW5kLWNvbG9yOiM2MGJiNzF9LnJlZHV4LXRvYXN0ciAudG9hc3RyIC50b2FzdHItc3RhdHVzLndhcm5pbmd7YmFja2dyb3VuZC1jb2xvcjojZjdhMzM2fS5yZWR1eC10b2FzdHIgLnRvYXN0ciAudG9hc3RyLXN0YXR1cy5pbmZve2JhY2tncm91bmQtY29sb3I6IzU4YWJjM30ucmVkdXgtdG9hc3RyIC50b2FzdHIgLnRvYXN0ci1zdGF0dXMuZXJyb3J7YmFja2dyb3VuZC1jb2xvcjojZGI2YTY0fS5yZWR1eC10b2FzdHIgLnRvYXN0ciAucnJ0LWxlZnQtY29udGFpbmVyLC5yZWR1eC10b2FzdHIgLnRvYXN0ciAucnJ0LXJpZ2h0LWNvbnRhaW5lcntmbG9hdDpsZWZ0O3RleHQtYWxpZ246Y2VudGVyO292ZXJmbG93OmhpZGRlbn0ucmVkdXgtdG9hc3RyIC50b2FzdHIgLnJydC1sZWZ0LWNvbnRhaW5lcnt3aWR0aDo4MHB4O3RvcDowO2xlZnQ6MDtwb3NpdGlvbjphYnNvbHV0ZTtib3R0b206MH0ucmVkdXgtdG9hc3RyIC50b2FzdHIgLnJydC1sZWZ0LWNvbnRhaW5lciAucnJ0LWhvbGRlcnt3aWR0aDo3MHB4O2hlaWdodDo3MHB4O3Bvc2l0aW9uOmFic29sdXRlO3RvcDo1MCU7bWFyZ2luLXRvcDotMzVweDtsZWZ0OjVweDtsaW5lLWhlaWdodDo2MHB4fS5yZWR1eC10b2FzdHIgLnRvYXN0ciAucnJ0LWxlZnQtY29udGFpbmVyIC50b2FzdHItaWNvbntmaWxsOndoaXRlO3ZlcnRpY2FsLWFsaWduOm1pZGRsZTttYXJnaW4tdG9wOjVweH0ucmVkdXgtdG9hc3RyIC50b2FzdHIgLnJydC1taWRkbGUtY29udGFpbmVye3dpZHRoOjY1JTttYXJnaW4tbGVmdDo4MHB4O3Bvc2l0aW9uOnJlbGF0aXZlO2Zsb2F0OmxlZnQ7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSwgc2Fucy1zZXJpZiwgc2Fucy1zZXJpZjtmb250LXNpemU6MWVtO3RleHQtYWxpZ246bGVmdDtwYWRkaW5nOjEwcHggNXB4fS5yZWR1eC10b2FzdHIgLnRvYXN0ciAucnJ0LW1pZGRsZS1jb250YWluZXIgLnJydC10aXRsZXtmb250LXNpemU6MS4xZW07Zm9udC13ZWlnaHQ6Ym9sZDttYXJnaW4tYm90dG9tOjVweH0ucmVkdXgtdG9hc3RyIC50b2FzdHIgLnJydC1yaWdodC1jb250YWluZXJ7d2lkdGg6MTAlfS5yZWR1eC10b2FzdHIgLnRvYXN0ciAuY2xvc2UtdG9hc3Rye3dpZHRoOjEwJTtoZWlnaHQ6MTAwJTtwb3NpdGlvbjphYnNvbHV0ZTt0b3A6MDtyaWdodDowO2JhY2tncm91bmQtY29sb3I6dHJhbnNwYXJlbnQ7Zm9udC1zaXplOjIycHg7Ym9yZGVyOm5vbmU7b3V0bGluZTpub25lO29wYWNpdHk6MC41O2N1cnNvcjpwb2ludGVyO2ZvbnQtZmFtaWx5OlwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBBcmlhbCBzYW5zLXNlcmlmfS5yZWR1eC10b2FzdHIgLnRvYXN0ciAuY2xvc2UtdG9hc3RyOmhvdmVye29wYWNpdHk6MX0ucmVkdXgtdG9hc3RyIC50b2FzdHIgLmNsb3NlLXRvYXN0cjpmb2N1c3tvdXRsaW5lOm5vbmV9LnJlZHV4LXRvYXN0ciAudG9hc3RyLnJydC1pbmZvLC5yZWR1eC10b2FzdHIgLnRvYXN0ci5ycnQtc3VjY2VzcywucmVkdXgtdG9hc3RyIC50b2FzdHIucnJ0LXdhcm5pbmcsLnJlZHV4LXRvYXN0ciAudG9hc3RyLnJydC1lcnJvcntjb2xvcjp3aGl0ZX0ucmVkdXgtdG9hc3RyIC50b2FzdHIucnJ0LWluZm97YmFja2dyb3VuZC1jb2xvcjojNThhYmMzfS5yZWR1eC10b2FzdHIgLnRvYXN0ci5ycnQtaW5mbyAucnJ0LXByb2dyZXNzYmFye2JhY2tncm91bmQtY29sb3I6IzM3ODI5OH0ucmVkdXgtdG9hc3RyIC50b2FzdHIucnJ0LXN1Y2Nlc3N7YmFja2dyb3VuZC1jb2xvcjojNjBiYjcxfS5yZWR1eC10b2FzdHIgLnRvYXN0ci5ycnQtc3VjY2VzcyAucnJ0LXByb2dyZXNzYmFye2JhY2tncm91bmQtY29sb3I6IzNlOTE0ZH0ucmVkdXgtdG9hc3RyIC50b2FzdHIucnJ0LXdhcm5pbmd7YmFja2dyb3VuZC1jb2xvcjojZjdhMzM2fS5yZWR1eC10b2FzdHIgLnRvYXN0ci5ycnQtd2FybmluZyAucnJ0LXByb2dyZXNzYmFye2JhY2tncm91bmQtY29sb3I6I2Q4N2UwOX0ucmVkdXgtdG9hc3RyIC50b2FzdHIucnJ0LWVycm9ye2JhY2tncm91bmQtY29sb3I6I2RiNmE2NH0ucmVkdXgtdG9hc3RyIC50b2FzdHIucnJ0LWVycm9yIC5ycnQtcHJvZ3Jlc3NiYXJ7YmFja2dyb3VuZC1jb2xvcjojYzUzNTJlfS5yZWR1eC10b2FzdHIgLnRvYXN0ci5ycnQtbGlnaHQgLnJydC1wcm9ncmVzc2JhcntiYWNrZ3JvdW5kLWNvbG9yOiNjY2N9LnJlZHV4LXRvYXN0ciAudG9hc3RyLnJydC1saWdodCAudG9hc3RyLWljb257ZmlsbDojMzMzICFpbXBvcnRhbnR9LnJlZHV4LXRvYXN0ciAudG9hc3RyLnJydC1tZXNzYWdle29wYWNpdHk6MTtib3JkZXI6MXB4IHNvbGlkICNkYmRiZGJ9LnJlZHV4LXRvYXN0ciAudG9hc3RyLnJydC1tZXNzYWdlIC5ycnQtdGl0bGV7d2lkdGg6OTAlO2hlaWdodDo1MHB4O3RleHQtYWxpZ246Y2VudGVyO292ZXJmbG93OmhpZGRlbjtmb250LXNpemU6MS4yZW07dGV4dC1vdmVyZmxvdzplbGxpcHNpcztvdmVyZmxvdzpoaWRkZW47d2hpdGUtc3BhY2U6bm93cmFwO2xpbmUtaGVpZ2h0OjUwcHg7cGFkZGluZzowIDIwcHh9LnJlZHV4LXRvYXN0ciAudG9hc3RyLnJydC1tZXNzYWdlIC5ycnQtdGV4dHt3aWR0aDoxMDAlO21heC1oZWlnaHQ6NDAwcHg7b3ZlcmZsb3c6aGlkZGVuO292ZXJmbG93LXk6YXV0bztib3JkZXItdG9wOjFweCBzb2xpZCAjZjFmMWYxO2JvcmRlci1ib3R0b206MXB4IHNvbGlkICNmMWYxZjE7YmFja2dyb3VuZC1jb2xvcjp3aGl0ZTtwYWRkaW5nOjE1cHg7Zm9udC1zaXplOjEuMWVtO21hcmdpbi1ib3R0b206MjBweH0ucmVkdXgtdG9hc3RyIC50b2FzdHIucnJ0LW1lc3NhZ2UgLnJydC10ZXh0IGltZ3tkaXNwbGF5OmJsb2NrO21hcmdpbjoxMHB4IGF1dG87bWF4LXdpZHRoOjEwMCV9LnJlZHV4LXRvYXN0ciAudG9hc3RyLnJydC1tZXNzYWdlIC5jbG9zZS10b2FzdHJ7aGVpZ2h0OjUwcHh9LnJlZHV4LXRvYXN0ciAudG9hc3RyIC5ycnQtcHJvZ3Jlc3MtY29udGFpbmVye2hlaWdodDo1cHg7bWFyZ2luOjAgLTIwcHggLTIwcHggLTYwcHg7cG9zaXRpb246YWJzb2x1dGU7Ym90dG9tOjIwcHg7d2lkdGg6MTAwJX0ucmVkdXgtdG9hc3RyIC50b2FzdHIgLnJydC1wcm9ncmVzcy1jb250YWluZXIgLnJydC1wcm9ncmVzc2Jhcnstd2Via2l0LWJvcmRlci1yYWRpdXM6MCAwIDAgNHB4Oy1tb3otYm9yZGVyLXJhZGl1czowIDAgMCA0cHg7Ym9yZGVyLXJhZGl1czowIDAgMCA0cHg7aGVpZ2h0OjEwMCV9LnJlZHV4LXRvYXN0ciAudG9hc3RyLWF0dGVudGlvbnt3aWR0aDoxMDAlO2hlaWdodDoxMDAlO3Bvc2l0aW9uOmZpeGVkO3RvcDowO2xlZnQ6MDtyaWdodDowO2JvdHRvbTowO2JhY2tncm91bmQtY29sb3I6cmdiYSgwLDAsMCwwLjQpO3otaW5kZXg6MX1cbiJdfQ== */

.print-logo { margin: 0px auto 40px; padding: 0px; display: none; text-align: center; /* border-bottom: 1px solid rgba(34, 36, 38, .1) */}
.print-logo img { margin: 0px auto; display: block; width: 381px; height: 100px;}
.print-container .view-card-group .header { display: inline-block; width: 100%;}
.print-container .view-card-group .header .title span img { display: block; width: 16px; height: 16px; background-size: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.print-container .ui[class*="five column"].grid.lifestyle-wrapper>.column:not(.row) .content img { margin: 0px auto; display: block; width: 40px; height: 40px; background-size: 40px;}
.print-container .verify-icon { display: inline-block !important; vertical-align: middle;}
.print-container .verify-icon img { width: 16px; height: 16px; background-size: 16px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.print-container .preference-list { display: block; width: 100%;}
.print-container .preference-list li { display: inline-block; width: 100%; position: relative;}
.print-container .preference-list li div { width: 200px; display: inline-block;}
.print-container .preference-list li div span.title { font-size: 13px !important; color: #000 !important; font-weight: 500;}
.print-container .preference-list li img { display: block; position: absolute; right: 0px; top: 37%; margin: 0px; height: 18px; width: 18px; background-size: 18px;}
.print-container .preference-list li::after { content: ''; background: none; border: .01em solid rgba(100, 100, 100, 0.1);}
.match-preference-wrapper .group-title { display: inline-block !important; width: 100%;}

@media print {
    *, *:before, *:after { color: #000 !important; text-shadow: none !important; background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
    *{ margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;-ms-box-sizing: border-box; -o-box-sizing: border-box; outline: 0;
        -webkit-font-smoothing: antialiased; color-adjust: exact !important; -webkit-print-color-adjust: exact !important;}
    a, a:visited { text-decoration: underline;}
    a[href]:after { content: " (" attr(href) ")";}
    abbr[title]:after { content: " (" attr(title) ")";}
    a[href^="#"]:after, a[href^="javascript:"]:after { content: "";}
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid;}
    thead { display: table-header-group;}
    tr, img { page-break-inside: avoid;}
    img { max-width: 100% !important;}
    p, h2, h3 { orphans: 3; widows: 3;}
    h2, h3 { page-break-after: avoid;}

    .app-content { padding: 0px;}
    .profile-header, .app-aside, .match-tiny-stats, .slide-count, .photo-request, .bg-text.middle, .request-card { display: none !important;}
    .app-content { margin-left: 0px;}
    .ui.grid.extra-content>[class*="eight wide"].column { width: 100% !important;}
    .view-card-group .header { padding: 15px 20px !important; display: block !important; text-align: left !important;}
    .view-card-group .header .title { width: 100%; text-align: left !important; justify-content: flex-start;}
    .print-logo { display: block;}
    .app-content .content-body { margin-top: 0px;}
    .wd-rail { padding: 0px; }
    .wd-card { box-shadow: none !important; border: 1px solid rgba(34, 36, 38, .1) !important;}
    .i-notes { display: list-item; list-style-image: url(https://storage.googleapis.com/matrimony-assets/dashboard/img/notes.png); list-style-position: inside;}
    .match-view-header { border: 1px solid rgba(34, 36, 38, .1) !important; box-shadow: none !important;}
    .view-card-group .header .ui.button { display: none !important;}

}