@charset "utf-8";

/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700i');*/

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular-webfont.woff') format('woff'), url('../fonts/Roboto-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* @font-face{
    font-family:'Clicker Script',cursive;
    src:url('../fonts/Clicker-Script-Regular.woff2') format('woff2'),url('../fonts/Clicker-Script-Regular.woff') format('woff'),url('../fonts/Clicker-Script-Regular.ttf') format('truetype');
    font-weight:400;
    font-style:normal
} */


/* CSS Document */

.disable-select {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently supported by any browser but < IE9 */
}

html,
body {
    font-family: 'robotoregular', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #000;
    direction: ltr;
    height: auto;
    position: static;
    max-height: none;
}
html {
    position: relative;
    max-height: 100%;
    overflow: auto;
}
html.has-custom-modal {
    overflow: hidden;
}
body {
    -ms-overflow-style: scrollbar !important;
}

body>form {
    position: relative;
}

body .index_video {
    float: left;
    width: 100%;
    /*overflow: hidden;*/
}

.h1,
h1 {
    font-size: 36px;
    font-weight: 400;
    color: #1683fb;
}

.h2,
h2 {
    font-size: 34px;
    font-weight: 400;
    color: #1683fb;
}

div>h2:first-child {
    margin-top: 0;
}

.h3,
h3 {
    font-size: 26px;
    font-weight: 400;
    color: #1683fb;
}

.h4,
h4 {
    font-size: 24px;
    font-weight: 400;
    color: #1683fb;
}

.h6,
h6 {
    font-size: 18px;
    color: #1683FB;
    line-height: 24px;
}

.innerPage .h1,
.innerPage h1,
.innerPage .h2,
.innerPage h2,
.innerPage .h3,
.innerPage h3,
.innerPage .h4,
.innerPage h4,
.innerPage .h6,
.innerPage h6 {
    color: #26377d;
}

div>p:last-child {
    margin-bottom: 0;
}

header {
    float: left;
    width: 100%;
    position: relative;
    /*z-index: 1;*/
}
/*
.SYAS .headerTop,
.SawYouAtSinai .headerTop{
    background: None;
    border-bottom: 0px;
}
*/
.headerTop {
    border-bottom: 2px solid #C1C1C1;
    height: 65px;
    position: relative;
}

.references .headerTop {
    border-bottom: 0;
}

.references .headerLogo {
    top: 5px;
}

.references {
    border-bottom: 2px solid #C1C1C1;
    min-height: 60px;
}

.references .headerTop.sticking {
    height: 60px;
    opacity: 1;
    background: #fff;
}

.height-apply .headerTop.sticking {
    position: fixed;
    z-index: 11;
    left: 0;
    right: 0;
    top: 0;
}
.headerTop.sticking {
    border: 0;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
    background-color: #FFF;
    /*border-bottom: 2px solid #C1C1C1;*/
}
/* made changes by dhiraj 17-01-2025 header UI changes */
.newIndex .sticking  .btn-blue.btn-bluewhite {
    color: #ffffff !important;
    font-size: 16px;
    background-color: #000064;
    border-color: #000064;
}
.newIndex .sticking  .btn-blue.btn-bluewhite:hover {
    color: #000064 !important;
    font-size: 16px;
    background-color: #ffffff  !important;
    border-color: #000064;
}
/* made changes by dhiraj 22-01-2025 header UI changes */
.newIndex .sticking .menu ul li a.activemenu {
    color: #fff;
}
/* made changes by dhiraj 22-01-2025 header UI changes */
/* made changes by dhiraj 17-01-2025 header UI changes */
.headerLogo {
    position: absolute;
    left: 15px;
    top: 5px;
}

.nomenuHeaderLogo {
    position: relative;
    float: left;
    margin: 5px auto;
}

.headerLogo a {
    display: inline-block;
}

.headerLogo img {
    height: auto;
    width: auto;
    max-height: 55px;
}

.small-logo .headerLogo img {
    width: 185px;
}

.newIndexOdy .small-logo .headerLogo img {
    width: auto;
}
.newSeattleShadchan .small-logo .headerLogo img {
    width: auto;
	max-height:57px;
}
.menu {
    text-align: center;
    line-height: 60px;
}

.menu ul {
    vertical-align: middle;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.menu ul:after {
    content: "";
    display: block;
    clear: both;
}

.menu ul li {
    float: left;
    list-style: none;
}

.menu ul li a {
    color: #545454;
    font-size: 16px;
    display: block;
    padding: 0px 12px;
}
.JMontreal .menu ul li a,
.JMatchmaking .menu ul li a {
    font-size: 14px;
    padding: 0px 6px;
}
.menu ul li a:hover,
.menu ul li a.activemenu {
    color: #FFFFFF;
    text-decoration: none;
    background: #1683fb;
    -webkit-transition: all 700ms;
    transition: all 700ms;
}
.AdoptaShadchan .menu ul li:hover a,
.AdoptaShadchan .menu ul li a.activemenu {
    color: #FFF;
    background: #693e66;
}

.menu .socialIcon {
    margin-left: 100px;
}

.headerRight {
    font-size: 15px;
    float: right;
    position: absolute;
    right: 15px;
    top: 15px;
}
.JMontreal .headerRight,
.JMatchmaking .headerRight {
    font-size: 13px;
}

.headerRight a {
    color: #e66e3e;
}

.headerTop .rightLanguageHeader {
    display: none;
}

.headerRight.afterLogin {
    top: 12px;
}

.headerRight.adminHeader {
    top: 13px;
}

.newProfilePage .newViewProfile ul.languageDrop,
.headerRight ul {
    margin: 0;
    padding: 0;
}
/* made changes by dhiraj 15-01-2025 header menu spacing issue*/
.newProfilePage .newViewProfile>ul.languageDrop>li.langDrop.languageChange,
.headerRight>ul>li {
    display: inline-block;
    vertical-align: middle;
    float: left;
}
/* made changes by dhiraj 15-01-2025 header menu spacing issue*/

.newProfilePage .newViewProfile>ul.languageDrop>li.langDrop.languageChange a,
.headerRight>ul>li a.nameWel {
    max-width: 190px;
    word-wrap: break-word;
    word-break: break-all;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.newProfilePage .newViewProfile>ul.languageDrop>li.langDrop.languageChange a,
.newProfilePage .newViewProfile>ul.languageDrop>li.langDrop.languageChange a:hover,
.headerRight>ul>li.loginUser a,
.headerRight>ul>li.loginUser a:hover {
    text-decoration: none;
}

.newProfilePage .newViewProfile>ul.languageDrop>li.langDrop.languageChange+li.langDrop.languageChange,
.headerRight>ul>li+li {
    margin-left: 5px;
}

.newProfilePage .newViewProfile>ul.languageDrop>li.langDrop.languageChange .dropDownWrapperInner,
.headerRight>ul>li .dropDownWrapperInner {
    margin-right: 20px;
}
/* made changes by dhiraj 15-01-2025 header menu spacing issue*/
.headerRight ul li.langDrop a {
    color: #e66e3e;
    line-height: 2.1;
}
/* made changes by dhiraj 15-01-2025 header menu spacing issue*/
/* 28-20-2024 lang dropdown UI issue */
.JMontreal .headerRight .langDrop #langDrop {
    display: flex;
    align-items: center;
}
/* 28-20-2024 lang dropdown UI issue */
.dropdown-menu>.select>a,
.dropdown-menu>.select>a:focus,
.dropdown-menu>.select>a:hover {
    background: #efefef;
}

.newProfilePage .newViewProfile ul.languageDrop li.langDrop.languageChange a:hover,
.newProfilePage .newViewProfile ul.languageDrop li.langDrop.languageChange a:focus,
.newProfilePage .newViewProfile ul.languageDrop li.langDrop.languageChange a:active,
.headerRight ul li.langDrop a:hover,
.headerRight ul li.langDrop a:focus,
.headerRight ul li.langDrop a:active {
    text-decoration: none;
}

.newProfilePage .newViewProfile ul.languageDrop li.langDrop.languageChange a.glyphicon,
.headerRight ul li.langDrop a .glyphicon {
    font-size: 11px;
}

.newProfilePage .newViewProfile ul.languageDrop li.langDrop.languageChange,
.headerRight ul li.langDrop {
    position: relative;
    font-size: 13px;
}

.newProfilePage .newViewProfile ul.languageDrop li.langDrop.languageChange a {
    text-decoration: none;
}

.newProfilePage .newViewProfile ul.languageDrop li.langDrop.languageChange>div,
.headerRight ul li.langDrop>div {
    position: relative;
    display: inline-block;
}

.newProfilePage .newViewProfile ul.languageDrop li.langDrop.languageChange .dropdown-menu,
.headerRight ul li .dropdown-menu {
    min-width: 10px;
}

.newProfilePage .newViewProfile ul.languageDrop li.langDrop.languageChange .dropdown-menu {
    right: 0;
    left: auto;
}

.newProfilePage .newViewProfile ul.languageDrop li.langDrop.languageChange span {
    color: #26377d;
}

.headerRight .dropdownright .dropdown-menu {
    left: auto;
    right: 0;
}

.headerRight ul li .dropdown-menu li {
    min-width: 10px;
}

.headerRight ul li .memStatus {
    color: #505050;
    margin: 0;
    line-height: 1;
}

.headerRight ul li .memStatus a {
    color: #505050;
}

.headerRight ul li span.goldAct {
    color: #f9a600;
}

.headerRight ul li span.freeAct,
.headerRight ul li span.limitedAct {
    color: #d00000;
}

.headerRight ul li span.basicAct {
    color: #1683fb;
}

.headerRight ul li span.platinumAct {
    /* color: #e5e4e2; */
    color: #68737f;
    font-weight: bold;
}


/*chat notification css*/

.chat-notification {
    margin-right: 15px;
}

.chat-notification .chat-icon {
    background: url(../images/icn-chat.png) no-repeat left bottom;
    padding: 0 0 7px 0;
    display: inline-block;
    cursor: pointer;
    min-width: 33px;
    min-height: 30px;
}

.chat-notification .chat-icon .chat-count {
    background: #ff6600;
    color: #fff;
    padding: 0 4px;
    border-radius: 40px;
    font-size: 13px;
    min-width: 23px;
    line-height: 23px;
    min-height: 23px;
    /*margin: -7px 0 0 0;*/
    display: inline-block;
    text-align: center;
    margin-left: 28px;
}

.chat-notification .chat-icon .chat-count:empty {
    margin-left: 0;
}

.chat-notification .drop-notification {
    position: absolute;
    background: #fff;
    border: solid 1px #bababa;
    list-style: none;
    width: 330px;
    z-index: 99;
    right: 0;
    top: 48px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
    display: none;
    overflow-x: hidden;
}

.chat-notification .drop-notification:before {
    content: "";
    display: block;
    position: absolute;
    border: solid 8px transparent;
    border-bottom: solid 12px #bababa;
    border-top: 0;
    bottom: 100%;
    left: 70px;
}

.chat-notification .drop-notification:after {
    content: "";
    display: block;
    position: absolute;
    border: solid 6px transparent;
    border-bottom: solid 10px #fff;
    border-top: 0;
    bottom: 100%;
    left: 72px;
}

.adminHeader .chat-notification .drop-notification:before {
    content: "";
    display: block;
    position: absolute;
    border: solid 8px transparent;
    border-bottom: solid 12px #bababa;
    border-top: 0;
    bottom: 100%;
    left: 100px;
}

.adminHeader .chat-notification .drop-notification:after {
    content: "";
    display: block;
    position: absolute;
    border: solid 6px transparent;
    border-bottom: solid 10px #fff;
    border-top: 0;
    bottom: 100%;
    left: 102px;
}


/*Mehul - 16th Dec - View All Message On Notification*/

.chat-notification .drop-notification li {
    border-bottom: solid 1px #dedede;
    padding: 10px 15px;
    list-style: none;
    font-size: 13px;
    color: #878787;
}

.chat-notification .drop-notification li.notificationWrapper {
    border: 0;
    padding: 0;
}

.chat-notification .drop-notification li.notificationWrapper>ul {
    max-height: 200px;
    overflow: auto;
    padding: 0;
    margin: 0;
    display: block;
}


/*Mehul - 16th Dec - View All Message On Notification*/

.chat-notification .drop-notification li.unread-msg,
.chat-notification .drop-notification li.viewAllMsg {
    font-size: 13px;
    text-align: center;
    color: #878787;
}

.chat-notification .drop-notification li.unread-msg strong {
    background: #e1e1e1;
    border-radius: 40px;
    padding: 0 10px;
    font-weight: 400;
    display: inline-block;
    margin-left: 5px;
}


/*Mehul - 16th Dec - View All Message On Notification*/

.chat-notification .drop-notification li.unread-msg a,
.chat-notification .drop-notification li.viewAllMsg a {
    color: #878787;
}

.chat-notification .drop-notification li a {
    color: #3192fb;
    cursor: pointer;
}

.chat-notification .drop-notification li .date {
    font-size: 10px;
    color: #838282;
    text-transform: uppercase;
    margin: 5px 0 0 0;
}

.chat-notification .drop-notification li:last-child {
    border: 0;
}

.menu .chat-notification {
    line-height: normal;
    vertical-align: middle;
    float: left;
    margin: 12px 0 0 0;
}

.menu .chat-notification .drop-notification {
    right: 0;
    text-align: left;
    top: 55px;
}

.menu .chat-notification .drop-notification li {
    float: none;
}

.menu .chat-notification .drop-notification li a {
    display: inline-block;
    padding: 0;
    font-size: inherit;
}

.menu .chat-notification .drop-notification li a:hover {
    background: none;
    color: #3192fb;
    text-decoration: underline;
}

.menu .chat-notification .drop-notification:before {
    left: auto;
    right: 92px;
}

.menu .chat-notification .drop-notification:after {
    left: auto;
    right: 94px;
}


/*end chat notification css*/

.socialIcon {
    font-size: 18px;
    color: #FFF;
    width: 40px;
    height: 39px;
    line-height: 39px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    background: #507bbf;
}

.socialIcon:hover {
    color: #FFF;
    text-decoration: none;
}

p.headline,
p.tagline {
    color: #e66e3e;
    font-size: 20px;
    line-height: 26px;
}

.btn {
    font-size: 15px;
    line-height: 1.2;
    border-radius: 20px;
    border: 2px solid transparent;
    padding: 3px 15px;
    -webkit-transition: all 700ms;
    transition: all 700ms;
}


/*.btn + .btn {
    margin-right: 10px;
}*/

.btn-lg {
    font-size: 20px;
}

.btn-blue {
    color: #FFF !important;
    background: #000064;
    border-color: #000064;
    text-decoration: none !important;
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active {
    color: #000064 !important;
    border-color: #000064;
    background: transparent;
    text-decoration: none !important;
}
/* made changes by dhiraj 16-01-2025 external pages header css issues */
.btn-blue.btn-trans {
    color: #000064 !important;
    background-color: #ffffff;
    border-color: #000064;
}
/* made changes by dhiraj 16-01-2025 external pages header css issues */
#ulBeforeLogin .btn-blue.btn-trans {
    float: left;
}
/* made changes by dhiraj 03-12-2024 external pages */
.btn-blue.btn-trans:hover,
.btn-blue.btn-trans:focus,
.btn-blue.btn-trans:active {
    color: #FFF !important;
    border-color: #000064;
    background: #000064;
}

.btn-red.btn-trans {
    color: #b10000 !important;
    background-color: transparent;
}

.btn-red.btn-trans:hover,
.btn-red.btn-trans:focus,
.btn-red.btn-trans:active {
    color: #FFF !important;
    border-color: #b10000;
    background: #b10000;
}

.btn-green.btn-trans {
    color: #006400 !important;
    background-color: transparent;
}

.btn-green.btn-trans:hover,
.btn-green.btn-trans:focus,
.btn-green.btn-trans:active {
    color: #FFF !important;
    border-color: #006400;
    background: #006400;
}

.btn-blue.btn-brdW {
    border-color: #D1D1D1;
}

.btn-blue.btn-brdW:hover,
.btn-blue.btn-brdW:focus,
.btn-blue.btn-brdW:active {
    color: #000064 !important;
    border-color: #000064;
    background: #FFF;
}

.btn-orange {
    color: #FFF !important;
    background: #e66e3e;
    border-color: #e66e3e;
    text-decoration: none !important;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active {
    color: #e66e3e !important;
    border-color: #e66e3e;
    background: transparent;
    text-decoration: none !important;
}

.btn-orange.btn-trans {
    color: #e66e3e !important;
    background-color: transparent;
}

.btn-orange.btn-trans:hover,
.btn-orange.btn-trans:focus,
.btn-orange.btn-trans:active {
    color: #FFF !important;
    border-color: #e66e3e;
    background: #e66e3e;
}

.btn-orange.btn-brdW {
    border-color: #D1D1D1;
}

.btn-orange.btn-brdW:hover,
.btn-orange.btn-brdW:focus,
.btn-orange.btn-brdW:active {
    color: #e66e3e !important;
    border-color: #e66e3e;
    background: #FFF;
}

.btn-dark-gray {
    color: #FFF !important;
    background: #797979;
    border-color: #797979;
    text-decoration: none !important;
}

.btn-dark-gray:hover,
.btn-dark-gray:focus,
.btn-dark-gray:active {
    color: #797979 !important;
    border-color: #797979;
    background: transparent;
    text-decoration: none !important;
}

.btn-green {
    color: #FFF !important;
    background: #006400;
    border-color: #006400;
    text-decoration: none !important;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active {
    color: #006400 !important;
    border-color: #006400;
    background: transparent;
    text-decoration: none !important;
}

.btn-red {
    color: #FFF !important;
    background: #b10000;
    border-color: #b10000;
    text-decoration: none !important;
}

.btn-red:hover,
.btn-red:focus,
.btn-red:active {
    color: #b10000 !important;
    border-color: #b10000;
    background: transparent;
    text-decoration: none !important;
}

.btn-yellow {
    color: #FFF !important;
    background: #ffad00;
    border-color: #ffad00;
    text-decoration: none !important;
}

.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active {
    color: #ffad00 !important;
    border-color: #ffad00;
    background: transparent;
    text-decoration: none !important;
}


/*.btn-info {
    color: #f60;
    background-color: transparent;
    border-color: #f60;
}

.btn-default {
    color: #1683fb;
    border-color: #1683fb;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:focus:hover,
.btn-default:active {
    color: #FFF;
    background: #1683fb;
    border-color: #1683fb;
}

.btn-primary {
    color: #fff;
    background-color: #1683fb;
    border-color: #1683fb;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    color: #1683fb;
    border-color: #1683fb;
    background: transparent;
}*/

.headerVideoWrapper {
    position: relative;
    float: left;
    width: 100%;
}

.headerVideoWrapper video {
    position: relative;
    z-index: 0;
    width: 100%;
    vertical-align: bottom;
}

.headerVideoWrapper:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.5;
    background: #000;
}

.headerVideoWrapper h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    color: #045aba;
}
/* 29-10-2024 The "Members Login" text is still displayed on forgot password window.  */
.headerVideoWrapper h1 span {
    font-size: 45.5px;
    font-weight: 700;
    color: #e66e3e;
    display: block;
}
/* 29-10-2024 The "Members Login" text is still displayed on forgot password window.  */
.headerVideoWrapper p {
    font-size: 22px;
    font-weight: 700;
    text-shadow: rgba(0, 0, 0, .5) 2px 2px 2px;
    color: #fff;
    line-height: 40px;
}

.headerVideoWrapper p span {
    font-weight: 400;
    text-shadow: transparent 0 0 0;
    color: #fff;
    line-height: 40px;
    border-bottom: 1px solid #045aba;
    display: inline-block;
    margin-bottom: 10px;
}

.videoText {
    position: absolute;
    left: 0;
    bottom: 230px;
    right: 0;
}

.videoTextInner {
    position: relative;
    z-index: 2;
    display: table;
    width: 100%;
    margin-bottom: 30px;
}

.videoTextInner .videoTextLeft {
    display: table-cell;
    vertical-align: middle;
}

.videoTextInner .videoTextRight {
    display: table-cell;
    vertical-align: middle;
}

.toscroll_next {
    display: none;
    position: absolute;
    z-index: 10;
    bottom: -30px;
    left: 50%;
    margin-left: -30px;
    -webkit-transition: none;
    transition: none;
    /*margin-top: 25px;*/
    cursor: pointer;
    background: #fff;
    height: 62px;
    width: 62px;
    border-radius: 50%;
    border: 2px solid #e66e3e;
    text-align: center;
    vertical-align: middle;
    line-height: 60px;
    font-size: 32px !important;
    color: #e66e3e;
}

.toscroll_next:hover,
.toscroll_next:focus,
.toscroll_next:hover:focus:hover {
    text-decoration: none;
    color: #e66e3e;
}

.toscroll_next:before {
    display: block;
    content: "\e259";
    font-family: 'Glyphicons Halflings';
}

.toscroll_next.up:before {
    content: "\e260";
}

.contentSection {
    float: left;
    width: 100%;
    padding: 70px 0;
    position: relative;
    /*background-attachment: fixed;*/
    background-position: left center;
    background-size: cover;
}

.mobileDevice .contentSection {
    background-attachment: scroll;
}

.bgdifferent {
    background: #f0eaea no-repeat center center;
}

.contentSection.blue {
    color: #FFF;
    background: #1683fb;
}

.contentSection .backgroundImage {
    text-align: left;
    display: none;
}

.contentSection .backgroundImage img {
    width: 100%;
    height: auto;
}

.contentSection.blue h2 {
    color: #FFF;
}

.contentSection.fullHeight {
    display: table;
    height: 100%;
    height: calc(100% - 95px);
}

.contentSection.fullHeight>.fullHeightInner {
    position: relative;
    z-index: 1;
    display: table-cell;
    vertical-align: middle;
}

.parallaxTextBg {
    color: #FFF;
    padding: 50px 0;
    background-color: rgba(0, 0, 0, .5);
}

.parallaxTextBg p,
.parallaxTextBg h2 {
    color: #FFF;
}

.parallaxTextBg .btn {
    white-space: normal;
    margin: 10px 5px 0 5px;
}

.stepsCarousel {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 15px;
}


/*.stepsCarousel h4 {
    min-height: 50px;
}*/

.stepsCarousel.owl-carousel .owl-item img {
    width: auto;
    display: inline-block;
}

.successCarousel {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 15px;
}

.successCarousel.owl-carousel .item img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -70px;
    width: 140px;
    height: 140px;
    display: inline-block;
    border-radius: 50%;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 3px 4px 2px rgba(216, 212, 204, 1);
    box-shadow: 0 3px 4px 2px rgba(216, 212, 204, 1);
    -webkit-transition: all 700ms;
    transition: all 700ms;
}

.successCarousel.owl-carousel .item:hover img {
    border: 5px solid #1683fb;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.successCarousel .item-inner {
    position: relative;
    padding-top: 95px;
}

.successCarousel .item p {
    color: #1683fb;
    font-size: 16px;
    padding-top: 60px;
    padding-bottom: 20px;
    background: #FFF;
    border: 1px #FFF solid;
    -webkit-transition: all 700ms;
    transition: all 700ms;
}

.successCarousel .item:hover p {
    border: 1px #1683fb solid;
}

.successCarousel .item-link {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.successCollage.owl-carousel .item-inner {
    position: relative;
}

.successCollage.owl-carousel .owl-item .overlay {
    color: #FFF;
    text-align: center;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(22, 131, 251, 0.7);
}

.successCollage.owl-carousel .item-inner:hover .overlay {
    display: block;
}

.successCollage.owl-carousel .owl-item .overlay:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px #FFF solid;
}

.successCollage.owl-carousel .owl-item .overlay p {
    position: absolute;
    left: 10px;
    top: 50%;
    right: 10px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.successCollage.owl-carousel .owl-item img {
    position: relative;
    z-index: 0;
}

.blogCarousel:after {
    content: "";
    display: block;
    clear: both;
}

.blogCarousel.owl-carousel {
    margin-left: 0;
    margin-right: 0;
}

.blogCarousel {
    display: block;
    margin-left: -10px;
    margin-right: -10px;
}

.blogCarousel .item {
    color: #505050;
    text-align: center;
    float: left;
    width: 33.33%;
    padding: 10px;
    direction: ltr;
}

.blogCarousel.owl-carousel .item {
    width: 100%;
}

.blogCarousel .item-inner {
    text-decoration: none;
    padding: 15px 15px 5px 15px;
    float: left;
    width: 100%;
    background: #FFF;
}

.blogCarousel .item-img {
    height: 230px;
    line-height: 230px;
}

.blogCarousel .item-img img {
    display: inline-block;
    vertical-align: middle;
    max-height: 230px;
    width: auto;
}

.blogCarousel .item-inner h6 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}

.blogCarousel .glyphicon {
    display: inline-block;
}

.partnerCarousel {
    margin-top: 15px;
}

.partnerCarousel:after {
    content: "";
    display: block;
    clear: both;
}

.partnerCarousel .item {
    text-align: center;
    float: left;
    width: 25%;
    padding-left: 10px;
    padding-bottom: 10px;
}

.partnerCarousel.owl-carousel .item {
    width: 100%;
    padding-left: 0;
    padding-bottom: 0;
}

.partnerCarousel .item-inner {
    line-height: 70px;
    padding: 5px;
    border: 1px solid #b9b9b9;
}

.partnerCarousel .item-inner img {
    display: inline-block;
    vertical-align: middle;
    max-height: 70px;
    height: auto;
    max-width: 100%;
    width: auto;
}

ul.community {
    list-style: none;
    margin-top: 15px;
    padding: 0;
}

ul.community li {
    position: relative;
    margin: 0 0 8px 0;
    padding: 0 0 0 18px;
    line-height: 22px;
}

ul.community li:before {
    /*margin-left: 5px;*/
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: inline-block;
    width: 18px;
    height: 22px;
    background: url(../images/no-repeat.png) -83px -732px no-repeat;
}
.AdoptaShadchan ul.community li:before {
    top: 5px;
    width: 11px;
    height: 11px;
    background: none;
    border-radius: 50%;
    border: 2px #693e66 solid;
}

.owl-nav {
    text-align: center;
    margin-top: 15px;
}

.successCollage .owl-nav {
    margin-bottom: 40px;
}

.blogCarousel .owl-nav {
    margin-top: 10px;
}

.owl-next,
.owl-prev {
    position: relative;
    font-size: 15px;
    width: 48px;
    height: 48px;
    display: inline-block;
    margin: 0 5px;
    border-radius: 100%;
    line-height: 44px;
    -webkit-transition: all 700ms;
    transition: all 700ms;
    border: 2px solid #343434;
    color: #fff;
    background: #343434;
}

.owl-next:hover,
.owl-prev:hover {
    color: #343434;
    border-color: #343434;
    background: #FFF;
}

.owl-next.disabled,
.owl-prev.disabled {
    opacity: 0.5;
}

.blogCarousel .owl-next,
.blogCarousel .owl-prev,
.footerCarousel .owl-next,
.footerCarousel .owl-prev {
    border-color: #e66e3e;
    background: #e66e3e;
}

.blogCarousel .owl-next:hover,
.blogCarousel .owl-prev:hover,
.footerCarousel .owl-next:hover,
.footerCarousel .owl-prev:hover {
    color: #e66e3e;
    border-color: #e66e3e;
    background: #FFF;
}

.owl-next i,
.owl-prev i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -9px;
    margin-top: -7px;
}

.owl-next i {
    margin-left: -6px;
}

footer {
    float: left;
    width: 100%;
}

.footerBg {
    color: #FFF;
    background: #1683fb;
    padding: 30px 0;
}

.AdoptaShadchan .footerBg {
    background: #693e66;
}

.footerBg a {
    color: #FFF;
}

.footerBg a:hover {
    color: #9fe3ff;
    text-decoration: none;
}

.footerBg .footerLeft {
    margin-top: 10px;
}


/*.footerBg .footerRight {
    float: left;
}*/

.footerBttm {
    padding: 20px 0;
    background: #f4eadb;
}

.footer-bottom2 {
    padding-top: 5px;
    text-align: center;
}

footer h5 {
    font-size: 20px;
    font-weight: 700;
}

.footerBg a.footerPhno,
.footerBg a.footerMail {
    float: left;
    clear: left;
    position: relative;
    font-size: 15px;
    line-height: 25px;
    display: inline-block;
    margin-top: 10px;
}

footer a.footerPhno:before {
    content: "";
    display: inline-block;
    float: left;
    width: 25px;
    height: 25px;
    margin-right: 7px;
    background: url(../images/no-repeat.png) -195px -648px no-repeat;
}

.footerBg a.footerPhno:hover:before {
    background: url(../images/no-repeat.png) -275px -593px no-repeat;
}

.footerBg a.footerMail:before {
    content: "";
    display: inline-block;
    float: left;
    width: 25px;
    height: 25px;
    margin-right: 7px;
    background: url(../images/no-repeat.png) -155px -683px no-repeat;
}

.footerBg a.footerMail:hover:before {
    background: url(../images/no-repeat.png) -315px -558px no-repeat;
}

.footerBg ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footerBg li a {
    display: inline-block;
    line-height: 22px;
}

.footerBg li a:before {
    float: left;
    content: "";
    display: inline-block;
    width: 18px;
    height: 22px;
    background: url(../images/no-repeat.png) -123px -711px no-repeat;
}

.footerBg li a:hover:before {
    background: url(../images/no-repeat.png) -243px -621px no-repeat;
}

.footerBttm ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.footerBttm ul:after {
    content: "";
    display: block;
    clear: both;
}

.footerBttm ul li {
    position: relative;
    float: left;
    list-style: none;
}


/*.footerBttm ul li + li {
        margin-left: 5px;
        margin-right: 5px;
    }*/

.footerBttm ul li+li:before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 3px;
    height: 3px;
    margin-left: 7px;
    margin-right: 7px;
    background: #000;
    border-radius: 50%;
}

.footerBttm ul li a {
    color: #FC8434;
}

.footerBttm ul li a:hover {
    color: #1683fb;
    text-decoration: none;
}


/*.footerBttm .footerLeft {
    float: right;
}*/

.footerBttm .footerRight {
    text-align: right;
    margin-top: 11px;
}

.footerBttm .footerMiddle {
    text-align: center;
    /*float: right;*/
    margin-top: 11px;
}

.footerBttm .footerMiddle:empty {
    display: none;
}

.datingStatusSec .status {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
}

.datingStatusSec .status.green {
    background: #399f43;
}

.datingStatusSec .status.yellow {
    background: #aa8b1b;
}

.datingStatusSec .status.red {
    background: #c14a04;
}

.datingStatusSec .status.pink {
    background: #ff508b;
}

@media (min-width: 768px) {
    .footerBttm .footerMiddle:empty+.footerRight.col-sm-4 {
        width: 66.66666667%;
    }

    .modal-xl {
        width: 90%;
        max-width: 1200px;
    }
}

.socialIcon {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 39px
}

.socialIcon:before {
    display: none !important;
}

.tw {
    background: url(../images/no-repeat.png) -295px -925px no-repeat;
    display: inline-block;
    margin-right: 5px;
}

.fb {
    background: url(../images/no-repeat.png) -395px -925px no-repeat;
    display: inline-block;
    margin-right: 5px;
}

.insg {
    background: url(../images/no-repeat.png) -445px -925px no-repeat;
    display: inline-block;
    margin-right: 5px;
}

.yt {
    background: url(../images/no-repeat.png) -345px -925px no-repeat;
    display: inline-block;
    margin-right: 5px;
}


/**************************** Modal ***************************/

#viewLetterModal div.modal-dialog {
    overflow-y: initial !important
}

div.modal-header {
    background: #1683fa;
    border: 0;
    color: #fff;
    padding: 8px 35px 8px 15px;
}
/*Fixed by Mehul for Bug - For AAS site & Olamisync sites When Popup gets open then header color is getting display as Blue It should be as per the site color*/
.AdoptaShadchan #login div.modal-header, .AdoptaShadchan div.modal-header{
    background: #693e66;
}

div.modal-content {
    border-radius: 0;
}

#myModal div.modal-content {
    height: 100%;
    padding-bottom: 40px;
}

div.modal-footer {
    text-align: center;
}

div.modal-content .modal-title {
    color: #FFF;
}

#reportSupportModal .modal-title,
#successmessagemodal .modal-title {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 25px;
    display: inline-block;
}

#myModal .modal-content .close,
.modal-header .close {
    color: #fff !important;
    cursor: pointer;
    font-size: 28px;
    opacity: 1;
    position: absolute;
    right: 5px;
    top: 10px;
    z-index: 999;
    margin-top: 0;
    text-shadow: none;
    text-decoration: none;
}


/*Changed By Mehul On 2nd march 2020 for admin notes file modal*/

#myModal .modal-content .close {
   top: 8px;
}

#myModal .modal-header {
    font-size: 20px;
}

#myModal.fileViewerModal .modal-body {
    height: 100%;
    overflow: hidden;
}
#myModal.fileViewerModal .modal-header{
	word-break:break-all;
}
.fancy-notes iframe html {
    overflow: hidden;
}


/*Changed By Mehul On 2nd march 2020 for admin notes file modal*/

.modal-header .close:hover {
    text-decoration: none;
}

#viewLetterModal div.modal-body {
    max-height: 650px;
    overflow-y: auto;
    text-align: center;
}

#viewLetterModal div.modal-body img {
    display: inline-block;
}

div.modal-body #msgerror {
    color: #FF0004;
}

#matchReferenceModel div.modal-body .modalReferRow {
    padding-bottom: 20px;
}


/**************************** end Modal ***************************/

#rhsscroll {
    display: none;
    position: fixed;
    z-index: 999;
    left: 100%;
    top: 50%;
    -webkit-transform: translate(120%, 0);
    transform: translate(120%, 0);
}

#rhsscroll.showNav {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

#rhsscroll ul {
    list-style: none;
    margin: 1px 0;
    padding: 0;
    float: left;
    clear: left;
}

#rhsscroll ul li {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

#rhsscroll ul li+li {
    margin-top: 1px;
}

#rhsscroll ul li a {
    white-space: pre;
    display: block;
    height: 40px;
    background-repeat: no-repeat;
    line-height: 40px;
    padding: 0 20px 0 0;
    text-transform: capitalize;
    color: #fff;
    -webkit-transition: all 500ms;
    transition: all 500ms;
    background-color: #1f1f1f;
}

#rhsscroll ul li a:hover,
#rhsscroll ul li.active a {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    background-color: #fe662d;
}

#rhsscroll ul li a:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 40px;
    top: 0;
    left: -40px;
    bottom: 0;
    -webkit-transition: all 500ms;
    transition: all 500ms;
}

#rhsscroll ul li a:hover:before,
#rhsscroll ul li.active a:before {
    opacity: 0;
    left: -20px;
    /*transition: all 0s;
    animation: iconHide 0.5s ease forwards;*/
}

#rhsscroll ul li a:after {
    content: "";
    position: absolute;
    z-index: 0;
    width: 40px;
    top: 0;
    left: -40px;
    bottom: 0;
    -webkit-transition: all 300ms;
    transition: all 300ms;
    background-color: #1f1f1f;
    /*animation: iconHide 4s ease-out forwards;*/
}

#rhsscroll ul li a:hover:after,
#rhsscroll ul li.active a:after {
    background-color: #fe662d;
    left: -20px;
}

#rhsscroll ul li a span {
    display: block;
    position: relative;
    z-index: 3;
}

#rhsscroll ul li a.process:before {
    background-image: url(../images/no-repeat.png);
    background-position: -467px -310px;
}

#rhsscroll ul li a.matchmaker:before {
    background-image: url(../images/no-repeat.png);
    background-position: -385px -430px;
}

#rhsscroll ul li a.success:before {
    background-image: url(../images/no-repeat.png);
    background-position: -347px -492px;
}

#rhsscroll ul li a.events:before {
    background-image: url(../images/no-repeat.png);
    background-position: -507px -249px;
}

#rhsscroll ul li a.advice:before {
    background-image: url(../images/no-repeat.png);
    background-position: -426px -370px;
}

#rhsscroll ul li a.partners:before {
    background-image: url(../images/no-repeat.png);
    background-position: -546px -191px;
}

#rhsscroll a.glyphicon {
    float: left;
    clear: left;
    top: 0;
    width: 40px;
    height: 40px;
    background: #1f1f1f;
    color: #fff;
    text-decoration: none !important;
    text-align: center;
    line-height: 40px;
    display: block;
    -webkit-transition: all 500ms;
    transition: all 500ms;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}

#rhsscroll a.glyphicon:hover {
    background: #fe662d;
}

#rhsscroll a.glyphicon:before {
    display: block;
}

#rhsscroll a.glyphicon.disabled {
    cursor: default;
    opacity: 0;
}

#rhsscroll a.glyphicon.glyphicon-chevron-up:hover {
    line-height: 35px;
}

#rhsscroll a.glyphicon.glyphicon-chevron-down:hover {
    line-height: 45px;
}

.menuOpen body {
    /*overflow: hidden;*/
}

.responsiveWrapper {
    font-size: 16px;
    line-height: 40px;
    position: fixed;
    z-index: 999999999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.menuOpen .responsiveWrapper {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.responsiveWrapper .menuClose {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.responsiveWrapperInner {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 280px;
    max-height: 100%;
    overflow: auto;
    background: #1683FB;
    -webkit-box-shadow: 0px 0 8px 3px rgba(0, 0, 0, .45);
    box-shadow: 0px 0 8px 3px rgba(0, 0, 0, .45);
    padding: 10px 0;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: all 300ms;
    transition: all 300ms;
	visibility:hidden;
}

.OlamiSync .responsiveWrapperInner {
    background: #388740;
}

.menuOpen .responsiveWrapperInner {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
	visibility:visible;
}

.responsiveWrapperInner ul {
    margin: 0;
    padding: 0;
}

.responsiveWrapperInner ul li {
    list-style: none;
}

.responsiveWrapperInner ul li+li {
    margin-top: 2px;
}

.responsiveWrapperInner ul li a {
    display: block;
    color: #1683FB;
    text-decoration: none !important;
    padding: 0 12px;
    -webkit-transition: all 700ms;
    transition: all 700ms;
    background: #8FDDFE;
}
.responsiveWrapperInner ul ul {
    display: none;
}
.responsiveWrapperInner ul .open-sub ul {
    display: block;
}

.responsiveWrapperInner ul ul li a {
    background: #905da3;
    padding: 10px 0px 10px 42px;
    line-height: 1.4;
}

.OlamiSync .responsiveWrapperInner ul li a {
    color: #ffffff;
    background: #5baf63;
}

.responsiveWrapperInner ul li a.activemenu {
    color: #fff;
    background: #e66e3e;
}

.responsiveWrapperInner ul li>a:before {
    vertical-align: middle;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    width: 30px;
}

.responsiveWrapperInner ul li.icon-1>a:before {
    content: "\e021";
}

.responsiveWrapperInner ul li.icon-2>a:before {
    content: "\e086";
}

.responsiveWrapperInner ul li.icon-3>a:before {
    content: "\e125";
}

.responsiveWrapperInner ul li.icon-4>a:before {
    content: "\e005";
}

.responsiveWrapperInner ul li.icon-5>a:before {
    content: "\e022";
}

.responsiveWrapperInner ul li.icon-6>a:before {
    content: "\e032";
}

.responsiveWrapperInner ul li.icon-7>a:before {
    content: "";
    background: url(../images/icon-partner.png) no-repeat;
    height: 15px;
}

.menu .hamIcon {
    position: relative;
    display: none;
    vertical-align: middle;
    font-size: 26px;
    height: 40px;
    width: 40px;
    line-height: 35px;
    color: #000064;
    border: 2px solid #000064;
    border-radius: 100%;
    background: #fff none repeat scroll 0 0;
    text-align: center;
    cursor: pointer;
    margin-left: 10px;
}

.menu .hamIcon.menu-toggle {
    display: inline-block;
    visibility: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}

.menu .hamIcon:before {
    content: "\e236";
    font-size: 15px;
    vertical-align: middle;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -7px;
    margin-top: -7px;
    color: #000064;
}

.IIV::-webkit-media-controls-play-button,
.IIV::-webkit-media-controls-start-playback-button {
    opacity: 0;
    pointer-events: none;
    width: 5px;
}


/******************************************************** about us ***********************************/

.sinaiFamily {
    padding: 30px 0;
    color: #fff;
    background: #1683fb none repeat;
}

.sinaiFamily p.centerTagLine {
    background: url(../images/aboutus_tagline.png) no-repeat center bottom;
    font-size: 20px;
    line-height: 22px;
    padding: 0 0 20px 0;
    margin: 20px 0;
    text-align: center;
}

.sinaiFamily span.before {
    display: block;
    position: absolute;
    width: 50%;
    left: 0;
    bottom: 2%;
    color: #FF6600;
    height: 35px;
    text-align: center;
    text-transform: capitalize;
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg);
    -webkit-writing-mode: lr-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: lr-tb;
    line-height: 24px;
}

.sinaiFamily span.after {
    display: inline-block;
    font-family: 'viburmedium';
    position: absolute;
    right: 0;
    bottom: 1%;
    vertical-align: top;
    width: 50%;
    color: #e66e3e;
    height: 42px;
    text-align: center;
    text-transform: capitalize;
    line-height: 24px;
    -webkit-transform: rotate(357deg) scale(1) skew(1deg) translate(0px);
    transform: rotate(357deg) scale(1) skew(1deg) translate(0px);
    /*-webkit-transform: rotate(357deg) scale(1) skew(1deg) translate(0px);
    -moz-transform: rotate(357deg) scale(1) skew(1deg) translate(0px);
    -o-transform: rotate(357deg) scale(1) skew(1deg) translate(0px);
    -ms-transform: rotate(357deg) scale(1) skew(1deg) translate(0px);*/
}

.sinaiHistory {
    padding: 40px 0;
}

.orangeTitleText {
    color: #e66e3e;
    text-align: center;
    margin-top: 0px;
}

.orangeContentText {
    color: #ff5800;
}

.blueContentText {
    color: #000064;
    text-align: center;
}

.redContentText {
    color: #ff0000;
    text-align: center;
}

.greenContentText {
    color: #009100;
    text-align: center;
}

.sinaiFamilySection {
    float: left;
    width: 100%;
}

.sinaiFamilySection .item {
    position: relative;
    float: left;
    width: 33.33%;
    padding-left: 15px;
    padding-right: 15px;
}

.sinaiFamilySection .item img {
    width: 100%;
    height: auto;
}

.aboutusContent {
    display: table;
    width: 100%;
}

.aboutusContent .aboutusContentInner {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
}

.aboutusContent:nth-child(even) .aboutusContentInner {
    padding-left: 0;
    padding-right: 20px;
}

.aboutusContent .aboutusContentPic {
    display: table-cell;
    vertical-align: middle;
    width: 250px;
}

.aboutusContent .aboutusContentPic img {
    width: 100%;
}


/******************************************************** end about us ******************************/


/*********************************************** matchmaker sign up *******************************/


/*.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: right;
}*/

.innerPage {
    float: left;
    width: 100%;
    /*padding: 70px 0;*/
    position: relative;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-primary {
    line-height: normal;
    color: #fff;
    background-color: #000064;
    border-color: #000064;
}

.btn-primary:hover {
    color: #000064;
    background-color: transparent;
    border-color: #000064;
}

/*.AdoptaShadchan .btn-primary:hover {
    color: #FFF;
}*/

/*.innerPage *[class*="col-"] {
    float: right;
}
*/

.innerPage h1 {
    margin-top: 0;
}


/*.innerPage .text-right {
    text-align: left;
}*/

.innerPage .text-primary,
.innerPage .blueTxt {
    /*color: #1683fb;*/
    color: #26377d;
}

.innerPage .text-danger {
    color: #ff0000;
}

.innerPage .text-success {
    color: #009d00;
}

.innerPage a,
.innerPage .text-info {
    color: #26377d;
    cursor: pointer;
}

.innerPage a {
    text-decoration: underline;
}
/* made changes by dhiraj 05-03-2024 Ui is not proper for /about-jewish-matchmaking-site.aspx page. */
.FindYourBashert .innerPage .findYourBashert-gold-basic a:hover {
    color: #e66e3e;
    text-decoration: none;
}
.FindYourBashert .innerPage .findYourBashert-gold-basic a {
    color: #26377d !important;
    text-decoration: underline !important;
}
.FindYourBashert .innerPage .findYourBashert-gold-basic .h1,.FindYourBashert .innerPage .findYourBashert-gold-basic h1,.FindYourBashert .innerPage .findYourBashert-gold-basic .h2,.FindYourBashert .innerPage .findYourBashert-gold-basic h2,.FindYourBashert .innerPage .findYourBashert-gold-basic .h3,.FindYourBashert .innerPage .findYourBashert-gold-basic h3,.FindYourBashert .innerPage .findYourBashert-gold-basic .h4,.FindYourBashert .innerPage .findYourBashert-gold-basic h4,.FindYourBashert .innerPage .findYourBashert-gold-basic .h6,.FindYourBashert .innerPage .findYourBashert-gold-basic h6 {
    color: #26377d;
}

.innerPage a:hover {
    color: #e66e3e;
    text-decoration: underline;
}

.innerPage .blueTxt a {
    color: #26377d;
    text-decoration: none;
    cursor: pointer;
}

.innerPage .blueTxt a:hover {
    color: #e66e3e;
    text-decoration: none;
}

.mmInnerPage .text-primary,
.mmInnerPage .blueTxt {
    font-weight: 900;
    color: #26377d;
}


/*.innerPage .form-group {
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
}*/

.innerPage .form-group:after {
    content: "";
    display: block;
    clear: both;
}


/*.innerPage .labelInputWrapper {
    margin-bottom: 0;
    width: 100%;
}
.innerPage .form-group {
    margin-bottom: 10px;
}
.innerPage .radio-inline input {
    margin-right: -20px;
    margin-left: 0;
}
.innerPage .radio-inline label {
    font-weight: normal;
}

.innerPage .checkbox-inline {
    padding-left: 0;
    padding-right: 20px;
    min-width: 110px;
}
.innerPage .checkbox-inline label {
    font-weight: normal;
}
.innerPage .checkbox-inline input {
    margin-left: 0;
    margin-right: -20px;
}

.innerPage .checkbox-inline,
.innerPage .radio-inline {
    margin-left: 0;
    margin-right: 10px;
}

.innerPage .checkbox {
    padding-left: 0;
    padding-right: 20px;
}
.innerPage .checkbox input {
    margin-left: 0;
    margin-right: -20px;
}

.innerPage .control-label {
    font-weight: normal;
}*/

.innerPage ol {
    padding-left: 20px;
}

.innerPage ol.note {
    font-size: 11px;
}

.innerPage ol li+li {
    margin-top: 5px;
}

.innerPage .form-control {
    color: #000;
}

.innerPage *::-webkit-input-placeholder {
    color: #000;
}

.innerPage *:-moz-placeholder {
    color: #000;
}

.innerPage *::-moz-placeholder {
    color: #000;
}

.innerPage *:-ms-input-placeholder {
    color: #000;
}

.innerPage *:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    box-shadow: 0 0 0 1000px #fff inset !important;
}

.labelInputWrapper {
    cursor: text;
    position: relative;
    display: block;
    width: 100%;
    padding: 7px 12px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #b9b9b9;
    border-radius: 4px;
    -webkit-transition: all 200ms;
    transition: all 200ms
}

.labelInputWrapper.wrapperActive,
.labelInputWrapper.wrapperFocus {
    padding: 18px 12px 5px
}

.labelInputWrapper.noneditable {
    cursor: not-allowed;
    background: #eee;
}

.labelInputWrapper .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.textarea.labelInputWrapper.wrapperActive,
.textarea.labelInputWrapper.wrapperFocus {
    padding-top: 7px
}

.labelInputWrapper.wrapperFocus {
    border-color: #e66e3e
}

.labelInputWrapper.wrapperError {
    border-color: #cd0704
}

.labelInputWrapper.wrapperCorrect {
    border-color: #c0d72e;
}

.labelInputWrapper .form-control {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 !important;
    border-radius: 0;
    border: 0;
    background: #FFF
}

.labelInputWrapper input.form-control {
    line-height: 0;
    height: 20px;
}


/*.labelInputWrapper .form-control[disabled] {
    background-color: transparent;
}*/

.labelInputWrapper.noneditable .form-control {
    background: #eee;
}

.labelPlaceholder {
    z-index: 5;
    font-weight: 400;
    position: absolute;
    left: 12px;
    right: 12px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.textarea .labelPlaceholder {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    position: relative;
    left: auto;
    top: auto;
    right: 0;
}

.labelPlaceholder.labelFocus {
    overflow: hidden;
    color: #585858;
    font-size: .8em;
    top: 4px;
    white-space: pre;
    text-overflow: ellipsis;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.textarea .labelPlaceholder.labelFocus {
    left: auto;
    top: auto;
    right: auto;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.selectWrapper {
    position: relative
}

.selectWrapper .selectname {
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    position: absolute;
    left: 12px;
    top: 5px;
    right: 12px;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}
/* made changes by dhiraj 01-04-2025 membersign up ui issue */
/*.selectWrapper .selectname.label-small{z-index: 10 !important;} */
/* made changes by dhiraj 01-04-2025 membersign up ui issue */
.selectWrapper .selectname.noneditable {
    cursor: not-allowed;
    z-index: 1;
}

.selectWrapper .selectname.label-small {
    opacity: 1;
    font-size: 80%
}

.selectWrapper .form-control,
select.form-control {
    position: relative;
    z-index: 1;
    -webkit-transition: none;
    transition: none;
    padding-right: 7px;
    font-size: 14px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #b9b9b9;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: transparent url(../images/icon_01.png) right center no-repeat;
}

.selectWrapper .form-control,
select.form-control {
    font-size: 13px;
}

.selectWrapper select.form-control {
    padding-right: 20px;
}


/*.selectWrapper .form-control[disabled] {
    z-index: -1;
    background-color: #eeeeee;
}*/

.selectWrapper .form-control:focus {
    border: 1px solid #e66e3e;
}

.selectWrapper .form-control::-ms-expand {
    display: none;
}

.selectWrapper.noneditable .form-control {
    z-index: -1;
    background: #eeeeee;
}

/*Changed z-index -1 from 1 for edit contact info page on 14 April 2020 by Mehul*/
.enter-comment .selectWrapper.noneditable .form-control {
    z-index: 1;
}

.selectWrapper .select-space {
    padding-top: 17px;
    padding-bottom: 6px;
    padding-right: 11px;
    padding-left: 11px;
    height: auto;
}

.innerPage .mmSFormTop {
    margin-top: 70px;
    padding-bottom: 30px;
}

.innerPage .innerPagePadding {
    margin-top: 70px;
    padding-bottom: 30px;
}

.innerPage.mmSFormWrapper {
    padding-bottom: 40px;
}

.innerPage.mmSForm {
    margin-top: 70px;
    padding-bottom: 50px;
}

.mmSForm.profileStep {
    margin-top: 40px;
    margin-bottom: 40px;
}

.MMsignup .mmSFormTop,
.MMsignup .innerPagePadding {
    margin-top: 50px;
}

.MMsignup .mmSForm .bg-alert-pad {
    padding: 5px;
    margin: 0 130px;
}

#page-content-wrapper .mmSForm.profileStep {
    margin-top: 20px;
    max-width: 1400px;
    margin: 0 auto;
}

.mmSForm .container,
.mm-profile-section .container {
    max-width: 970px;
}

.mmSForm h3 {
    font-size: 18px;
}

.mmSForm .form-group {
    padding-right: 130px;
}

.mmSForm.profileStep .form-group {
    padding-right: 0;
}

.mmSForm .control-label,
.mm-profile-section .control-label {
    line-height: 20px;
    font-weight: normal;
    float: left;
    width: 130px;
    min-height: 5px;
    padding-right: 10px;
    margin-bottom: 0;
    margin-top: 7px;
}

.mmSForm .control-label.no-margin {
    margin-top: 0;
}

.mmSForm.profileStep .control-label {
    color: #1683fb;
    width: auto;
}

.mmSForm .labelInputWrapper,
.mmSForm .selectWrapper,
.mm-profile-section .labelInputWrapper,
.mm-profile-section .selectWrapper {
    overflow: hidden;
    width: auto;
    margin-bottom: 0;
}
.mmSForm .form-group .selectWrapper + .selectWrapper,
.mm-profile-section .form-group .selectWrapper + .selectWrapper {
    margin-top: 10px;
}

.mmSForm .formGroupRight,
.mmSForm .formGroupRight {
    overflow: hidden;
}

.mmSForm .formGroupRight .labelInputWrapper,
.mmSForm .formGroupRight .selectWrapper {
    overflow: visible;
}

.mmSForm .checkboxWrapper {
    overflow: hidden;
}

.mmSForm .checkbox,
.mmSForm .radio,
.mmSForm .checkboxWrapper>span {
    font-weight: normal;
    position: relative;
    padding-left: 0;
    padding-left: 20px;
}

.mmSForm .checkboxWrapper .checkbox,
.mmSForm .checkboxWrapper .radio,
.mmSForm .checkboxWrapper>span {
    display: inline-block;
    min-width: 110px;
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 5px;
}

.mmSForm .checkboxWrapper>span .radio,
.mmSForm .checkboxWrapper>span .checkbox {
    padding: 0;
    margin: 0;
}

.mmSForm .checkboxWrapper .radio {
    min-width: 10px;
}

.mmSForm.profileStep .checkboxWrapper .checkbox {
    min-width: 10px;
}

.mmSForm .checkbox label,
.mmSForm .radio label {
    padding-left: 0;
}

.mmSForm .checkbox input,
.mmSForm .radio input,
.mmSForm .checkboxWrapper>span input {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    margin-top: 3px;
    margin-right: 0;
}

.mmSForm label.error,
.mmSForm span.bg-danger,
.pwdForm span.bg-danger,
.mmSForm span.bg-danger[style$="inline;"] {
    display: inline-block;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 0;
    padding: 3px 7px;
    border-radius: 4px;
}

.mmSForm span.bg-danger[style$="inline;"] {
    display: inline-block !important;
}

#error-summary,
.error-summary,
#vsDiv .bg-danger {
    padding: 10px 15px;
    border-radius: 4px;
    font-style: normal !important;
}

.error-summary ul {
    font-weight: normal;
    padding: 5px 0 0 16px;
}

#error-summary:empty {
    display: none;
}

.table-radio td {
    padding-left: 18px;
    padding-bottom: 5px;
    position: relative;
}

.table-radio.table-radio-inline td {
    padding-right: 18px;
}

.table-radio td input {
    position: absolute;
    left: 1px;
    top: 3px;
    margin: 0 0 0 0;
    height: auto;
}

.table-radio td label {
    font-weight: normal;
    margin: 0;
}

.mmSForm .selectGroup,
.mm-profile-section .selectGroup {
    padding-right: 130px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 15px;
}

#matchReferenceSendModel .mmSForm .selectGroup {
    padding-right: 0;
    margin-left: -15px;
    margin-right: 0;
    margin-bottom: 15px;
}

.mmSForm.profileStep .selectGroup {
    padding-left: 0;
    padding-right: 0;
}

.mmSForm .selectGroup .selectGroupInner,
.mm-profile-section .selectGroup .selectGroupInner {
    overflow: hidden;
}

.mmSForm .selectGroup .selectGroupInner:after {
    content: "";
    display: block;
    clear: both;
}

.mmSForm .selectGroup .selectGroupInner .form-group,
.mm-profile-section .selectGroup .selectGroupInner .form-group {
    padding-right: 15px;
    margin-bottom: 0;
}

#matchReferenceSendModel .mmSForm .selectGroup .selectGroupInner .form-group {
    padding-right: 0;
    margin-bottom: 0;
}

.mmSForm .selectGroup .control-label,
.mm-profile-section .selectGroup .control-label {
    padding-left: 15px;
    padding-right: 0;
}

.mmSForm .inline-select {
    color: #FC8434;
    display: inline-block;
    vertical-align: middle;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    padding-right: 25px;
    background: url(../images/icon_01.png) right center no-repeat;
}

.mmSForm .orderedlList {
    color: #1683fb;
    list-style-type: decimal;
    font-size: 11px;
    margin-left: 13px;
    padding-left: 0;
    line-height: 18px;
}

.innerPage .mmSForm .orderedlList li+li {
    margin-top: 0;
}


/*.mmSForm .blueContentText {
    text-align: right;
}
.mmSForm .blueText {
    color: #1683fb;
}

.mmSForm a.signLink {
    color: #f60;
}
.mmSForm .orangeText {
    color: #f60;
}


.mmSForm .mmSFormInner {
    max-width: 760px;
    margin: 0 auto;
}
.mmSForm .mmSFormInputWrapper {
    padding-right: 130px;
}

.mmSForm .checkbox {
    font-weight: normal;
    position: relative;
    padding-left: 0;
    padding-right: 20px;
}
.mmSForm .checkbox input {
    position: absolute;
    right: 0;
    top: 0;
    margin-left: 0;
}
.mmSForm .checkboxWrapper .checkbox {
    display: inline-block;
    min-width: 110px;
}
.mmSForm .mmSFormLabelInputWrapper .form-group:after {
    content: "";
    display: block;
    clear: both;
}
.mmSForm .mmSFormLabelInputWrapper .control-label {
    float: right;
    width: 130px;
    padding-left: 15px;
}
.mmSForm .mmSFormLabelInputWrapper .checkboxWrapper {
    overflow: hidden;
}
.mmSForm .mmSFormLabelInputWrapper .checkboxWrapper .checkbox {
    margin-top: 0;
}*/


/****************************************** end matchmaker sign up *******************************/


/****************************************** start profile step ***************************************/

.acceptablePlaces {
    margin-bottom: 5px;
}

.acceptablePlaces:after {
    content: "";
    display: block;
    clear: both;
}

.acceptablePlaces .acceptablePlacesLeft {
    float: left;
    width: 20%;
}

.acceptablePlaces .acceptablePlacesMiddle {
    float: left;
    width: 25%;
}

.acceptablePlaces .acceptablePlacesMiddle .checkbox {
    margin: 0;
}

.acceptablePlaces .acceptablePlacesMiddle>span {
    position: relative;
    display: inline-block;
    min-width: 110px;
    margin-top: 0;
    margin-right: 10px;
    padding-left: 20px;
}

.acceptablePlaces .acceptablePlacesMiddle>span input {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    margin-top: 3px;
}


/*.acceptablePlaces .checkbox {
    margin: 0 !important;
    padding: 0 !important;
}*/

.acceptablePlaces .acceptablePlacesRight {
    float: right;
}

.acceptablePlaces a.acceptablePlacesArrow {
    display: block;
    color: #505050;
    position: relative;
    padding-right: 25px;
    text-decoration: none !important;
}

.acceptablePlaces a.acceptablePlacesArrow:after {
    content: " ";
    width: 20px;
    height: 20px;
    background: url(../images/icon-arrow-down.png) center/100% no-repeat;
    position: absolute;
    right: 0;
    top: 0;
}

.acceptablePlaces a.acceptablePlacesArrow.active:after {
    background: url(../images/icon-arrow-up.png) center/100% no-repeat;
}

.acceptablePlaces .checkboxWrapper {
    display: none;
    float: left;
    width: 100%;
    padding-top: 5px;
}

.languageChange {
    margin-top: 30px;
}

.headerRight li.languageChange {
    margin-top: 0px;
}

.newProfilePage .newViewProfile ul.languageDrop li.langDrop.languageChange ul.dropdown-menu a,
.headerRight ul li.langDrop.languageChange a {
    color: #26377d;
    text-decoration: none;
}

.newProfilePage .newViewProfile ul.languageDrop li.langDrop.languageChange ul.dropdown-menu a:first-child,
.headerRight ul li.langDrop.languageChange ul.dropdown-menu a:first-child {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}

.newProfilePage .newViewProfile ul.languageDrop li div {
    display: inline;
}

.titleRightBtnW .languageChange {
    display: inline-block;
    margin-top: 0;
    vertical-align: middle;
}

.titleRightBtnW .btn {
    border-radius: 4px;
    border-width: 1px;
}

#page-content-wrapper .languageChange {
    margin-top: 0;
}

.languageChange.rightPadding {
    padding-right: 100px;
}

.languageChange .languageLabel {
    color: #0099ff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.languageChange select {
    display: inline-block;
    vertical-align: middle;
    padding: 2px 20px 2px 6px;
    border: 1px transparent solid;
    color: #26377d;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background: transparent url(../images/icon_01.png) right center no-repeat;
}


/****************************************** end profile step ***************************************/


/****************************************** start member login ***************************************/

.loginRight {
    text-align: center;
}

.modal-body .loginRight {
    margin-bottom: 15px;
}

.loginRight img {
    max-width: 370px;
    width: 100%;
}

.modal-body .loginRight h3 {
    color: #FFF;
    position: absolute;
    left: 0;
    right: 0;
    top: -54px;
}

.modal-body img.img-thumbnail {
    padding: 0;
    border: 0;
    border-radius: 0;
}

.loginRight h3 {
    margin-top: 0;
}


/*.loginForgotpwd {
    float: right;
}*/

.loginForgotpwd .owl-carousel {
    max-width: 370px;
    margin: 0 auto 30px auto;
}

.loginForgotpwd.col-sm-12 .owl-carousel {
    max-width: 100%;
}

.modal-body .loginForgotpwd .owl-carousel {
    margin-bottom: 0;
}

.loginForgotpwd .item {
    padding-bottom: 20px;
}

.loginForgotpwd .btn {
    min-width: 170px;
    margin-bottom: 10px;
}

.modal-body .loginForgotpwd .btn {
    min-width: 5px;
    /*width: 43%;
    max-width: 170px;*/
}

.modal-body .loginForgotpwd .btn+.btn {
    margin-left: 5%;
}

.modal-body .changeReasonModal .btn {
    min-width: 5px;
    width: 45%;
    max-width: 230px;
}

.modal-body .changeReasonModal .btn+.btn {
    margin-left: 5%;
}

.loginForgotpwd p {
    margin-bottom: 5px;
}

#loginModal .modal-dialog {
    width: auto;
    max-width: 650px;
}

#loginModal .modal-body {
    padding-bottom: 0;
}

.modal-body .form-group:after {
    content: "";
    display: block;
    clear: both;
}


/****************************************** end member login ***************************************/


/****************************************** start profile step ***************************************/

.progressHeader {
    padding: 0;
    margin: 50px 0 0 0;
}

.progressHeader:after {
    content: "";
    display: block;
    clear: both;
}

.progressHeader li {
    min-height: 30px;
    position: relative;
    text-align: center;
    float: left;
    width: 14.28%;
    list-style: none;
    padding: 0px 10px;
}

.progressHeader.step8 li {
    width: 12.28%;
}

.progressHeader li.active {
    color: #0099ff;
}

.progressHeader li:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 0;
    width: 16px;
    height: 16px;
    margin-left: -8px;
    border: 3px #b9b9b9 solid;
    border-radius: 50%;
    background: #FFF;
}

.progressHeader li.active:before {
    border-color: #0099ff;
    background: #0099ff;
}

.progressHeader li:after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    top: 6px;
    height: 4px;
    background: #cacaca;
}

.progressHeader li:first-child:after {
    left: 50%;
}

.progressHeader li:last-child:after {
    right: 50%;
}

.progressHeader li p {
    margin-top: 30px;
    margin-bottom: 0;
}

.mobile-bluetxt {
    display: none;
    text-align: center;
    left: 0;
    font-size: 18px;
    color: #1683fb;
}

.allImage {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
}

.eachImage,
.addImage {
    float: left;
    display: inline-block;
    vertical-align: top;
    padding: 15px;
    margin-top: 5px;
    width: 33.30%;
    background: #FFF;
}

.mmSFormInner .addImage {
    float: none;
    margin: 0 auto;
    display: block;
}
.eachImage .eachImageInner {
    display: flex;
    height: 100%;
    flex-direction: column;
    position: relative;
    cursor: move;
    text-align: center;
    padding: 14px 10px 15px;
    margin: 1px;
    border: 1px solid #e5e5e5;
}
.eachImage .eachImageInner .innerTitle {
    display: none;
}
.eachImage.active .eachImageInner {
    border: 2px solid #e66e3e;
    margin: 0;
}

.eachImage.active .eachImageInner .innerTitle {
    color: #FFF;
    display: block;
    position: absolute;
    line-height: 1;
    z-index: 1;
    left: -2px;
    right: -2px;
    bottom: 100%;
    padding: 8px 10px;
    background: #e66e3e;
}

.eachImage .eachImageInner .eachImageButtons {
    max-width: 330px;
    margin: 0 auto;
}

/*.eachImage:first-child .eachImageInner {
    border: 2px solid #e66e3e;
}

.eachImage:first-child .eachImageInner:before {
    color: #FFF;
    content: "Primary Image";
    position: absolute;
    line-height: 1;
    z-index: 10;
    left: -2px;
    right: -2px;
    bottom: 100%;
    padding: 8px 10px;
    background: #e66e3e;
}*/

.eachImage .eachImageInner h2 {
    color: #e66e3e;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 10px;
    padding: 0;
    white-space: pre;
    width: 100%;
    text-overflow: ellipsis;
}
.eachImage .eachImageInner h2:empty {
    display: none;
}
.eachImage .eachImageInner p.imageHolder {
    position: relative;
    height: 200px;
    margin-bottom: 15px;
    margin-top: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.eachImage .eachImageInner p.imageHolder img {
    display: none;
}

.eachImage .eachImageInner p.imageHolder .editImage {
    font-family: Glyphicons;
    color: #FFF;
    font-size: 17px;
    line-height: 28px;
    display: none;
    position: absolute;
    z-index: 1;
    right: 5px;
    top: 5px;
    width: 30px;
    height: 30px;
    background: #e66e3e;
    /*background: url(../images/icon_32.png) center center no-repeat #f60;*/
    background-size: 13px auto;
    border-radius: 50%;
    border: 2px solid #FFF;
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
}

.eachImage .eachImageInner p.imageHolder:hover .editImage {
    display: block;
    text-decoration: none;
}

.eachImage .eachImageInner p.imageHolder .editImage:before {
    content: "\270f";
}

.eachImage .deleteImage,
.eachImage .replaceImage,
.eachImage .setProfileImage {
    text-decoration: none !important;
    float: left;
    font-weight: normal;
    cursor: pointer;
    min-width: 75px;
    width: 48%;
    padding: 0 0;
    line-height: 30px;
    margin: 0;
    overflow: hidden;
}

.eachImage .setProfileImage {
    width: 100%;
    color: #FFF;
    text-decoration: none;
    background: #e66e3e;
    border-radius: 17px;
    margin-top: 10px;
    border: 2px solid transparent;
}

.eachImage .setProfileImage:hover {
    text-decoration: none;
    color: #e66e3e;
    background: #FFF;
    border-color: #e66e3e
}

.eachImage .setProfileImage.active {
    cursor: not-allowed;
    color: #FFF;
    background: #e66e3e;
    opacity: 0.5;
}

.eachImage .replaceImage {
    position: relative;
    color: #000;
    background: #d4d0c8;
    border-radius: 17px;
    border: 2px solid transparent;
}

.eachImage .replaceImage:hover {
    color: #FFF;
    background: #1683fb;
}

.eachImage .replaceImage input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.eachImage .deleteImage {
    float: right;
    display: inline-block;
    color: #FFF;
    text-decoration: none;
    background: #e66e3e;
    border: 2px solid transparent;
    border-radius: 17px;
}

.eachImage .deleteImage:hover {
    text-decoration: none;
    color: #e66e3e;
    background: #FFF;
    border-color: #e66e3e
}

.addImage .addImageInner {
    font-weight: normal;
    display: block;
    position: relative;
    cursor: pointer;
    text-align: center;
    padding: 14px 10px 15px;
    margin: 0;
    border: 2px dashed #e5e5e5
}

.addImage .addImageInner.invalid {
    border-color: #FF0004;
    background: #ffefef
}

.addImage .addImageInner input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.addImage .addImageInner.drag,
.addImage .addImageInner:hover {
    color: #F1F1F1;
    background: #1683fb;
    border-color: #FFF
}

.addImage .addImageInner p {
    margin: 0;
    padding: 0
}

.addImage .addImageInner p span {
    color: #e66e3e
}

.addImage .addImageInner.drag p span,
.addImage .addImageInner:hover p span {
    color: #FFF
}

.addImage .addImageInner p.browseBtn {
    color: #FFF;
    padding: 7px 20px;
    margin-top: 10px;
    line-height: normal;
    display: inline-block;
    background: #e66e3e;
    border-radius: 7px
}

.addImage .addImageInner:hover p.browseBtn {
    color: #e66e3e;
    background: #FFF
}

.addImage .addImageInner p.plus {
    position: relative;
    height: 20px;
    margin-bottom: 7px
}

.addImage .addImageInner p.plus:before {
    line-height: 20px;
    content: "\002b";
    position: absolute;
    left: 50%;
    top: -5px;
    background: 0 0 !important;
    color: #e66e3e;
    font-size: 60px;
    margin-left: -15px !important
}


/*------*/

.imageEditor {
    margin: 20px 10px 10px;
}

.imageEditor .editorInner {
    width: 100%;
    height: 400px;
    position: relative;
    margin: 0 auto 60px;
    border: 1px solid #dbdbdb
}

.imageEditor .editorInner>img {
    width: 100%;
    height: auto;
    /*max-height: 100%;*/
    opacity: 0;
}

.imageEditor .editorInner .cropper-container {
    position: relative;
    z-index: 1
}

.cropZoomMinus,
.cropZoomPlus,
.rotateLeft,
.rotateRight {
    position: absolute;
    z-index: 10;
    height: 38px;
    width: 45px
}

.cropZoomMinus img,
.cropZoomPlus img,
.rotateLeft img,
.rotateRight img {
    height: 38px;
    width: auto
}

.rotateLeft {
    left: 0;
    bottom: -50px;
    background: url(../images/no-repeat.png) -59px -924px no-repeat
}

.rotateRight {
    left: 60px;
    bottom: -50px;
    background: url(../images/no-repeat.png) -114px -924px no-repeat
}

.cropZoomPlus {
    right: 50px;
    bottom: -50px;
    background: url(../images/no-repeat.png) -169px -925px no-repeat
}

.cropZoomMinus {
    right: 0;
    bottom: -50px;
    background: url(../images/no-repeat.png) -216px -925px no-repeat
}

#imageUpload .replaceImage {
    display: none
}

.modalInput {
    padding: 10px
}

.modalInput label {
    display: block
}

.modalInput input[type=text] {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px
}

#imageUpload .btn.cancelImage {
    /* float: left; */
    color: #fff;
    background-color: #e66e3e;
    border: 0
}

#imageUpload .btn.cancelImage:hover {
    color: #fff;
    background-color: #EC5E00
}

#imageUpload .btn.btn-primary {
    border: 0;
    background-color: #000064;
}

#imageUpload .btn.btn-primary:hover {
    color: #FFF;
    background-color: #000064;
}

#imageUpload .btn.btn-primary:active,
#imageUpload .btn.btn-primary:focus {
    color: #FFF;
    background-color: #000064
}

.imageEditor .thumbWrap {
    float: left;
    margin-top: 15px;
}

.crop-preview {
    width: 120px;
    background-position: center top;
    background-size: cover;
    border: 2px solid #e66e3e;
}

.crop-preview img {
    width: 100%;
    height: auto;
    visibility: hidden;
}

.cropLabel {
    font-size: 13px;
    color: #FFF;
    text-align: center;
    padding: 5px 0;
    background: #e66e3e;
}


/*.footerButtons {
    text-align: right;
    float: left;
    width: 100%;
    margin-top: 75px;
}*/

.footerButtons button+button {
    margin-left: 15px;
}

#deleteModal .modal-dialog {
    max-width: 400px;
    width: 90%;
}

#deleteModal .modal-body {
    padding: 20px
}

#deleteModal .modal-header .modal-title {
    margin: 0;
    padding: 0
}

#deleteModal .modal-body .deleteYes {
    color: #FFF;
    border-color: #e66e3e;
    background: #e66e3e
}

#deleteModal .modal-body .deleteYes:hover {
    color: #e66e3e;
    border-color: #e66e3e;
    background: #FFF
}

#deleteModal .modal-dialog .btnrow-yn {
    text-align: center;
}

#deleteModal .modal-dialog .btnrow-yn button {
    padding-left: 25px;
    padding-right: 25px;
    margin: 0 4px;
}

.profileImageWrap {
    margin-top: 45px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.uploadProfileImage {
    text-align: center;
    position: relative;
    width: 31.33%;
    padding: 14px 10px 15px;
    border: 2px solid #e66e3e;
}

.uploadProfileImageInner {
    text-align: center;
    overflow: hidden;
    position: relative;
    width: 95px;
    height: 95px;
    margin: 0 auto;
    border-radius: 12px;
}

.uploadProfileImageInner img {
    position: relative;
    z-index: 0;
}

.uploadProfileImage .innerTitle {
    color: #FFF;
    content: "Thumbnail Image";
    /*content: "Profile Image";*/
    position: absolute;
    line-height: 1;
    z-index: 10;
    left: -2px;
    right: -2px;
    bottom: 100%;
    padding: 8px 10px;
    background: #e66e3e;
}

.resumeUploaded:before {
    content: attr(data-before);
}

.uploadProfileImageInner .editProfilePic {
    color: #FFF;
    text-decoration: none;
    line-height: 18px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.45);
}

.uploadProfileImageInner .editProfilePic:hover {
    text-decoration: none;
    background: rgba(0, 0, 0, 0.7);
}

.eachImageButtons:after {
    content: "";
    display: block;
    clear: both;
}

#uploadProfileImageModal div.modal-header {
    background: #e66e3e;
}

#uploadProfileImageModal .btn.cancelEditImage {
    /*float: left;*/
    color: #fff;
    background-color: #f60;
    border: 0
}

#uploadProfileImageModal .btn.cancelEditImage:hover {
    color: #fff;
    background-color: #EC5E00
}

#uploadProfileImageModal .btn.btn-primary {
    border: 0;
    background-color: #1683fb
}

#uploadProfileImageModal .btn.btn-primary:hover {
    color: #FFF;
    background-color: #0268D8
}

@media only screen and (max-width:1024px) {

    .addImage,
    .eachImage {
        width: 33.33%
    }
}

@media only screen and (max-width:991px) {

    .addImage,
    .eachImage {
        width: 50%
    }

    .uploadProfileImage {
        width: 48%;
    }
}

@media only screen and (max-width:767px) {
    .footer-bottom2 {
        text-align: left;
    }

    .addImage,
    .eachImage {
        width: 100%;
        padding-bottom: 0;
        padding-left: 5px;
        padding-right: 5px;
    }

    .uploadProfileImage {
        width: 100%;
    }
}

.upload-overlay {
    background: url(../images/loader.gif) center/45px no-repeat rgba(0, 0, 0, .9);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    display: none;
}

.mmSForm .btn {
    padding: 3px 15px;
    margin-left: 7px;
    margin-right: 7px;
    line-height: 1.4;
}

.mmSForm .multiselect-native-select .btn-group {
    width: 100% !important;
}

.mmSForm .multiselect.dropdown-toggle.btn.btn-default {
    border: 1px solid #b9b9b9;
    background: transparent;
    border-radius: 4px;
    margin: 0;
    width: 100%;
    background: transparent url(../images/icon_01.png) right center no-repeat;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 13px;
    text-align: inherit;
}

#dvMemberDetails.mmSForm .form-group {
    padding-right: 0;
}

.mmSForm .multiselect.dropdown-toggle.btn.btn-default .multiselect-selected-text {
    float: left;
    color: #000;
}

.mmSForm .multiselect.dropdown-toggle.btn.btn-default b.caret {
    display: none;
}

.mmSForm .multiselect-container.dropdown-menu .labelInputWrapper {
    border-radius: 0;
}

.mmSForm .multiselect-container.dropdown-menu .input-group-btn {
    border: 1px solid #b9b9b9;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}

.mmSForm .btn.btn-default.multiselect-clear-filter {
    padding: 3px;
    margin: 0 3px 0;
}

.mmSForm .multiselect-container.dropdown-menu li a {
    margin: 0 10px;
    white-space: normal;
    color: #000;
    text-decoration: none;
    font-size: 13px;
    padding: 0px 5px;
}
.mmSForm .multiselect-container.dropdown-menu li.active a {
    color: #FFF;
}
.mmSForm .multiselect-container.dropdown-menu li input {
    margin-top:5px;
}

.dropdown-backdrop {
    background-color:rgba(0,0,0,0.3)
}
.multiselect-native-select .open>.dropdown-backdrop + .dropdown-menu {
    position:fixed;
    left:20px;
    right:20px;
    top:20px;
    width:auto;
    padding: 0 0 5px 0;
}

.multiselect-container>li>a>label {
    padding: 3px 0px 3px 40px;
}


/****************************************** end profile step ***************************************/


/****************************************** start success ***************************************/

.successTop {
    display: table;
    width: 100%;
}


/*.successTop .selectWrapper {
    text-align: left;
}*/

.successTop h1 {
    text-align: center;
    vertical-align: middle;
    margin: 0;
}


/**/

.successTop .btn {
    display: block;
}

.successTop .successTopLeft,
.successTop .successTopMiddle,
.successTop .successTopRight {
    display: table-cell;
    vertical-align: middle;
}

.latest_match {
    background: #f8f3ef;
    text-align: center;
    padding: 8px 0;
    margin-top: 20px;
    border-right: 4px solid #ff6600;
}

.engagementWrapper {
    margin-top: 30px;
}

.engagementWrapper .imgLink {
    display: block;
}

.engagementName {
    text-align: center;
    background: #F0EAEA;
    border-top: 3px solid #ff6600;
    border-bottom: 2px solid #e6e6e6;
    padding: 5px 10px 35px 10px;
}

.engagementName .text-info {
    position: absolute;
    left: 50%;
    bottom: 10px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin-top: 5px;
    padding: 0 10px;
    display: inline-block;
    border: 1px solid #FF6600;
}

.successWrapper .jscroll-next {
    margin-top: 30px;
}


/****************************************** end success ***************************************/


/****************************************** start finalview ***************************************/

.finalview-container {
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 50px;
}

#sidebar-wrapper {
    position: relative;
    z-index: 9;
    float: left;
    min-height: 100px;
    margin-bottom: 55px;
    margin-left: 15px;
}

#sidebar-wrapper .sidebar-close {
    display: none;
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
}

#sidebar-wrapper .sidebar-wrapper-inner {
    position: relative;
    z-index: 1;
    width: 250px;
    background: #26377d;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.AdoptaShadchan #sidebar-wrapper .sidebar-wrapper-inner {
    background: #AA7BBB;
}
.sidebar-nav {
    padding: 0;
    margin: 0;
}

.sidebar-nav:after {
    content: "";
    display: block;
    clear: both;
}

.sidebar-nav li {
    line-height: 1.5em;
    border-bottom: 1px solid #36478c;
    list-style-type: none;
    padding: 1px 0;
    float: left;
    width: 100%;
    position: relative;
}
.AdoptaShadchan .sidebar-nav li {
    border-bottom: 1px solid #bc8ccd;
}
.sidebar-nav li.logoutUl {
    display: none;
}
.sidebar-nav li.only-for-pwa {
    display: none;
}
.sidebar-nav li.sidebar-brand {
    padding: 10px;
    background: #1683fa;
}
.AdoptaShadchan .sidebar-nav li.sidebar-brand {
    background: #693e66;
}

.sidebar-nav li.sectionMisc,
.sidebar-nav li.sectionSuprt,
.sidebar-nav li.sectionAdvrt {
    background-color: #4556a6;
}

.sidebar-nav li a {
    position: relative;
    color: #b7c1e9;
    display: block;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.3em;
    padding: 22px 0;
}
.AdoptaShadchan .sidebar-nav li a {
    color: #f9e7ff;
}
.menuText .sidebar-nav li a,
.sidebar-nav .subMenu li a {
    padding: 14px 5px 14px 50px;
}
.sidebar-nav li a:after {
    content: "";
    display: block;
    clear: both;
}

.sidebar-nav li:hover>a,
.sidebar-nav li.active>a {
    color: #dfe4f5;
    background: #202e69;
    text-decoration: none;
}
.AdoptaShadchan .sidebar-nav li:hover > a,
.AdoptaShadchan .sidebar-nav li.active > a {
    color: #f9e7ff;
    background-color: #9a6cab;
}

.sidebar-nav li.sectionMisc a,
.sidebar-nav li.sectionSuprt a,
.sidebar-nav li.sectionAdvrt a {
    background-color: transparent !important;
}

.sidebar-nav>.sidebar-brand .ptofilePic {
    position: relative;
    width: 95px;
    height: 95px;
    float: left;
    margin: 0 10px 10px 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 12px;
    background-color: #202e69;
}
.AdoptaShadchan .sidebar-nav>.sidebar-brand .ptofilePic {
    background-color: #bc8ccd;
}
.sidebar-nav>.sidebar-brand .ptofilePicRight {
    overflow: hidden;
    /*padding-right: 10px;*/
}

.sidebar-nav>.sidebar-brand .ptofilePicRight p {
    color: #fff;
    font-size: 13px;
    line-height: 1.3;
    margin: 0;
    padding: 0px;
    /*word-break: break-all;*/
    word-break: break-word;
    word-wrap: break-word;
}
.sidebar-nav>.sidebar-brand .ptofilePicRight p + p {
    margin-top: 10px;
}

.sidebar-nav>.sidebar-brand .ptofilePicRight p a {
    color: #fff;
    padding: 0;
}

.sidebar-nav>.sidebar-brand .navProfilePicWrap {
    float: left;
    width: 96px;
}

.sidebar-nav>.sidebar-brand .navProfilePicWrap .ptofilePic {
    margin-right: 0;
}

.sidebar-nav>.sidebar-brand .navProfilePicName {
    color: #FFF;
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 10px;
}

.sidebar-nav>.sidebar-brand .navProfilePicRight {
    width: 100px;
    float: left;
    margin: 0 0 0 15px;
}

.sidebar-nav>.sidebar-brand .navProfilePicRight .owl-nav {
    margin: 0;
}

.sidebar-nav>.sidebar-brand .navProfilePicRight .owl-next,
.sidebar-nav>.sidebar-brand .navProfilePicRight .owl-prev {
    background: none;
    border: 0;
    /*width: auto; height: auto;*/
    font-size: 23px;
    padding: 2px;
    height: 20px;
    width: 20px;
}

.sidebar-nav li a span.count {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.sidebar-nav li a span.beta {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: #9cc0d8;
    color: #1d2c63;
    font-weight: 900;
    padding: 0 2px;
    line-height: 14px;
}

.sidebar-nav li a span.chat-count {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: #9cc0d8;
    color: #1d2c63;
    font-weight: 900;
    padding: 5px;
    line-height: 14px;
    border-radius: 40px;
    font-size: 13px;
}

.sidebar-nav li a span.rightArrow {
    font-family: 'Glyphicons Halflings';
    color: #FFF;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
}

.sidebar-nav li a span.rightArrow:before {
    content: "\e250";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.sidebar-nav .collapse {
    border: 0;
}

.sidebar-nav ul {
    padding: 0;
    margin: 0;
}

.sidebar-nav li > ul.subMenu {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    width: 250px;
    background: #202e69;
}
.AdoptaShadchan .sidebar-nav li > ul.subMenu {
    background: #9a6cab;
}
.sidebar-nav li:hover > ul.subMenu {
    display: block;
}

.sidebar-nav li > ul.subMenu li a:hover,
.sidebar-nav li > ul.subMenu li.active>a {
    color: #dfe4f5;
    background: #162356;
    text-decoration: none;
}
.AdoptaShadchan .sidebar-nav li > ul.subMenu li a:hover,
.AdoptaShadchan .sidebar-nav li > ul.subMenu li.active > a {
    color: #f9e7ff;
    background: #8e609f;
}

.menu-toggle {
    display: none;
    text-decoration: none !important;
    float: left;
    color: #1683fb !important;
    background: #fff none repeat scroll 0 0;
    border: 2px solid #1683fb;
    border-radius: 100%;
    cursor: pointer;
    font-size: 16px;
    height: 40px;
    line-height: 35px !important;
    text-align: center;
    vertical-align: middle;
    width: 40px;
}

.AdoptaShadchan .menu-toggle {
    color: #AA7BBB !important;
    border: 2px solid #AA7BBB;
}

#sidebar-wrapper .menu-toggle {
    display: inline-block;
    padding: 0;
    position: absolute;
    z-index: 1;
    right: -20px;
    top: 5px;
    margin-right: 0;
    background: #FFF;
}

.sidebar-nav .caret {
    display: inline-block;
    vertical-align: middle;
    border-top: 4px solid #b7c1e9;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    position: absolute;
    bottom: 5px;
    right: 50%;
    -webkit-transform: translate(55%, 0);
    transform: translate(55%, 0);
    z-index: 99;
}

.menuText .sidebar-nav .caret {
    top: auto;
    bottom: 50%;
    right: 15px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

#page-content-wrapper {
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    padding: 0 15px;
    padding-bottom: 60px;
    padding-top: 20px;
    min-height: 500px;
    float: left;
    width: calc(100% - 65px);
}
.menuOpen #page-content-wrapper {
    width: calc(100% - 265px);
}

#page-content-wrapper.ViewMProfile.newViewProfile {
    padding: 0 0 0 15px
}

div.privateMember {
    margin-top: 15px;
}

.privateMember .panel-body {
    display: table;
    width: 100%;
}

.panel-body-left {
    color: #ea0000;
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
}

.panel-body-left em {
    font-weight: 700;
}

.panel-body-right {
    text-align: center;
    width: 5%;
    min-width: 30px;
    display: table-cell;
    vertical-align: middle;
}

.panel-body-right img {
    width: 100%;
    max-width: 64px;
}

.sbtitle-text {
    font-size: 18px;
    color: #000;
    line-height: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: 500;
}

.sbtitle-text li {
    display: inline-block;
}

.sbtitle-text li:after {
    content: ",";
    display: inline-block;
}

.sbtitle-text li:last-child:after,
.sbtitle-text li.last-li:after {
    display: none;
}

.sbtitle-text span.ageTextVerified {
    display: inline-block;
    width: 19px;
    height: 24px;
    background: url(../images/icon-tick.png) no-repeat 50% 75%;
    vertical-align: bottom;
}

.newProfilePage .newViewProfile .profileLeftInfo li.ageTextVerified.last-li {
    display: inline-block;
}

.sbtitle-text li.maleName {
    color: #193cbf;
    font-weight: 700;
}


/*Added by mehul to give male and female text color to resume icons respectively*/

.sbtitle-text li.maleName .resumeIcon {
    color: #193cbf;
}

.sbtitle-text li.femaleName {
    color: #bf193c;
    font-weight: 700;
}


/*Added by mehul to give male and female text color to resume icons respectively*/

.sbtitle-text li.femaleName .resumeIcon {
    color: #bf193c;
}

.titleWrapper {
    margin-top: 7px;
    float: left;
    width: 100%;
}

.titleWrapper:after {
    content: "";
    float: left;
    width: 100%;
    height: 1px;
    margin-top: 7px;
    border-bottom: 1px #ddd solid;
}

.newProfilePage .titleWrapper:after {
    content: "";
    float: left;
    width: 100%;
    height: 1px;
    margin-top: 0px;
    border-bottom: 0px;
}

.titleLeft {
    /*float: left;
    margin-top: 3px;*/
}

.titleRightBtnW>* {
    margin-right: 10px;
}

.titleRightBtnW>*:last-child {
    margin-right: 0;
}

.titleRightBtnW.fullTitleRight {
    width: 100%;
    margin-top: 10px;
}

.titleRightBtns {
    display: inline-block;
    /*margin-right: 10px;*/
}

.titleRightBtns .btn {
    border-radius: 4px;
    margin-bottom: 5px;
}

.dropDownWrapperInner {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.datingStatusSec {
    display: inline-block;
    position: relative;
    /*margin-right: 10px;*/
}

.datingStatusSec>p {
    margin: 0;
    display: inline-block;
}

.add-notes {
    display: inline-block;
    position: relative;
    /*margin-right: 10px;*/
}

a.add-notes {
    color: #26377d;
}

.customizeDDBlack {
    border: 1px solid #e66e3e;
    padding: 5px 0px;
    color: #e66e3e;
    margin: 0px 0px 0 0;
    min-width: 140px;
}

.customizeDDBlack .dividerGrey {
    background-color: #e66e3e;
    height: 1px;
    margin: 5px 0;
}
.profileRightInfo .customizeDDBlack {
    min-width: 200px;
}
.dropdownleft .customizeDDBlack {
    left: 0;
    right: auto;
}

.dropdownright .customizeDDBlack {
    left: auto;
    right: 0;
}

.customizeDDBlack li a.ddLinksBlack {
    color: #e66e3e;
    text-decoration: none;
}


/*li.insetCont {
    padding: 0 5px;
}*/

li a.ddLinksBlack {
    color: #000;
    padding: 0 5px;
    margin: 0;
    line-height: 1.5;
}

li a.ddLinksBlack:hover,
li a.ddLinksBlack:focus,
li a.ddLinksBlack:active {
    color: #fff;
    background-color: #e66e3e;
}

.memberAccordion.panel-group .panel-body {
    position: relative;
    padding: 10px;
}

.memberAccordion a.editGroup {
    position: absolute;
    z-index: 9;
    top: 5px;
    right: 5px;
}

.panel-body .startRow {
    padding-right: 20px;
    word-break: break-all;
    word-break: break-word;
}

a.editGroup {
    background-image: url(../images/edit_btn_v2.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    white-space: nowrap;
    color: #848484;
    z-index: 999;
    font-size: 13px;
    line-height: 24px;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 50%;
}

a.editGroup:hover {
    background-position: 0 -20px;
    border: 1px #29397f solid;
}


/*.titleRightBtns + .dropDownWrapperInner {
    margin-left: 10px;
}*/

a.mem-options,
div.admin-notes a.add-notes {
    color: #e66e3e;
    text-decoration: none !important;
}

a.mem-options>span.fa-caret-down,
a.add-notes>span.fa-caret-down {
    margin-left: 5px;
}

.dropDownWrapperInner .customizeDD {
    border: 1px solid #e66e3e;
    padding: 5px 5px;
    color: #e66e3e;
    margin: 0px 0px 0 0;
    min-width: 140px;
}

.dropDownWrapperInner .bullDD {
    margin-top: 10px;
}

.dropdownleft .customizeDD {
    left: 0;
    right: auto;
}

.dropdownright .customizeDD {
    left: auto;
    right: 0;
}

.fullWidth .customizeDD {
    position: fixed;
    left: 15px !important;
    right: 15px !important;
    top: auto !important;
}

.customizeDD>li>a {
    color: #e66e3e;
    padding: 0 5px;
    margin: 0;
    line-height: 1.8em;
}

.customizeDD>li>a:hover,
.customizeDD>li>a:focus,
.customizeDD>li>a:active {
    color: #fff;
    background-color: #e66e3e;
}

.bullDD li+li {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px #e66e3e dotted;
}

.equalHeightContainer {
    display: table;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 5px;
}

.equalHeightContainer .leftBody {
    display: table-cell;
    padding-right: 20px;
}

.newProfilePage .newViewProfile ul {
    margin: 0;
    padding: 0;
}

.newProfilePage .newViewProfile ul.row-action-btns {
    display: inline-block;
    vertical-align: middle;
}

.newProfilePage .newViewProfile ul.sbtitle-text {
    font-weight: normal;
    font-size: 16px;
    /* clear: both; */
}

.newProfilePage .newViewProfile .mob-container .marginTop {
    margin-top: 10px;
}

.newProfilePage .newViewProfile ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
    list-style-type: none;
    vertical-align: middle;
}


/* .newProfilePage .newViewProfile ul li { */


/* clear:both; */


/* } */

.newProfilePage .newViewProfile ul li a.ddLinksBlack:first-child {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}

.newProfilePage .newViewProfile .profilePicDetails {
    display: table-cell;
    vertical-align: top;
    width: 300px;
    padding-right: 10px;
}

.newProfilePage .newViewProfile .profilePicDetails.profilePicNotPresent {
    width: 200px;
}

.newProfilePage .newViewProfile .profilePicContainer {
    display: table;
    width: 100%;
}

.equalHeightContainer .profilePic {
    position: relative;
    width: 135px;
}

.newViewProfile .equalHeightContainer .profilePic {
    position: relative;
    width: 180px;
}

.newProfilePage .newViewProfile .profilePicContainer .profilePic {
    display: table-cell;
}

.equalHeightContainer .profilePicInner {
    position: relative;
    height: 180px;
}

.equalHeightContainer .profilePic .profilePicCell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 190px;
    height: 180px;
    background: #dce7ed;
}

.equalHeightContainer .profilePic img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 135px;
}

.newProfilePage .newViewProfile .profilePicContainer .profilePic img {
    min-width: auto;
    max-height: 100%;
}

.equalHeightContainer .profilePic .editPic {
    color: #FFF;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: 3px;
    margin-bottom: 26px;
}

.newProfilePage .newViewProfile .profilePicDetails .profilePic .editPic {
    line-height: 20px;
    z-index: 5;
}


/* .newProfilePage .newViewProfile .profilePicDetails .profilePicInner a::after {
    display: none;
} */

.equalHeightContainer .accountTypeGold,
.equalHeightContainer .accountTypeFree,
.equalHeightContainer .accountTypeBasic,
.equalHeightContainer .accountTypePlatinum {
    color: #FFF;
    text-align: center;
    line-height: 25px;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    background: #ffad00;
    border-top: 1px #ffd700 solid;
}

.equalHeightContainer .accountTypeFree {
    background: #d00000;
    border-top: 1px #f20000 solid;
}

.equalHeightContainer .accountTypeBasic {
    background: #26377d;
    border-top: 1px #1837b8 solid;
}

.equalHeightContainer .accountTypePlatinum {
    border-top: 1px #e5e4e2 solid;
    background: linear-gradient(-180deg, #68737f, #68737f 0%, #dedeff 0%, #68737f 35%, #68737f 65%, #dedeff 100%);
    color: #fff;
}

.newProfilePage .newViewProfile .profilePicDetails .additionalProfilePics {
    display: table-cell;
    height: 150px;
    vertical-align: top;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 0px;
}

.newProfilePage .newViewProfile .profilePicDetails .additionalProfilePics a {
    position: relative;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 1px;
}

.newProfilePage .newViewProfile .profilePicDetails .additionalProfilePics a:after {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    background: #dce7ed;
}

.newProfilePage .newViewProfile .profilePicDetails .additionalProfilePics a.addProfPics:not(:first-child) {
    display: none;
}

.newProfilePage .newViewProfile .profilePicDetails .additionalProfilePics a.addProfPics:nth-child(2) {
    display: block;
}

.newProfilePage .newViewProfile .profilePicDetails .additionalProfilePics a.addProfPics:nth-child(2)::after {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: auto;
    top: auto;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 30px;
    height: 30px;
}

.newProfilePage .newViewProfile .profilePicDetails .additionalProfilePics.profileFourNotPresent a::after,
.newProfilePage .newViewProfile .profilePicDetails .additionalProfilePics.profileFourNotPresent a.addProfPics::after {
    display: none;
}

.newProfilePage .newViewProfile .profilePicDetails .additionalProfilePics a img {
    position: relative;
    z-index: 1;
    display: inline-block;
}

.newProfilePage .newViewProfile .profilePicDetails .img-count {
    display: inline;
    position: absolute;
    bottom: 1%;
    right: 1%;
    font-size: 16px;
    z-index: 2;
    color: #fff;
    margin: 0 6px 3px 0;
}

.equalHeightContainer .profilePicRight {
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
}

.equalHeightContainer .profilePicRight br {
    display: none;
}

.equalHeightContainer .profilePicRight p {
    margin: 0;
}

.equalHeightContainer .addressLeft {
    padding-right: 30px;
    /*float: left;*/
}

.equalHeightContainer .addressRight {
    float: left;
}

.equalHeightContainer .profilePicRightSection {
    float: left;
    width: 100%;
}

.equalHeightContainer .profilePicRightSection+.profilePicRightSection {
    margin-top: 10px;
}

.equalHeightContainer .rightBody {
    display: table-cell;
    width: 16%;
    vertical-align: top;
    position: relative;
    /*overflow: auto;*/
}

.equalHeightContainer .rightBody .rightBodyInner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .equalHeightContainer .rightBody {
        overflow: auto;
    }

    .equalHeightContainer .rightBody .rightBodyInner {
        height: auto;
    }

    .upgrade-memad .row-mem .col-mem:last-child img {
        width: 100%;
    }
}

.equalHeightContainer .rightBody a {
    position: relative;
    text-align: center;
    /*float: left;*/
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding: 1px;
}

.equalHeightContainer .rightBody a:after {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    background: #dce7ed;
}

.equalHeightContainer .rightBody a img {
    position: relative;
    z-index: 1;
    max-height: 100px;
    display: inline-block;
}

.newProfilePage .newViewProfile .equalHeightContainer .profileInfoDetails {
    display: table-cell;
}

.newProfilePage .newViewProfile .profileInfoContainer {
    display: table;
    width: 100%;
    position: relative;
}

.newProfilePage .newViewProfile .restrictedMemberMsg {
    margin-top: 0px;
}

.newProfilePage .newViewProfile .profileInfoContainer .profileLeftInfo {
    display: table-cell;
    vertical-align: top;
    /*width: 75%;*/
}

/*.menuOpen .newProfilePage .newViewProfile .profileInfoContainer .profileLeftInfo {
    width: 72%;
}*/

.newProfilePage .newViewProfile .profileInfoContainer .profileRightInfo {
    display: table-cell;
    vertical-align: top;
    width: 420px;
    font-weight: bold;
}

.newProfilePage .newViewProfile ul.languageDrop,
.newProfilePage .newViewProfile div.admin-notes {
    display: inline;
    margin-right: 0px;
}

.newProfilePage .newViewProfile a.edit-profile-lang+a {
    margin-left: 15px;
}

.newProfilePage .newViewProfile .dropDownWrapperInner a {
    text-decoration: none;
}

.newProfilePage .newViewProfile .dropDownWrapperInner a:hover {
    text-decoration: underline;
}

.newProfilePage .newViewProfile a.mem-options,
.newProfilePage .newViewProfile a.add-notes {
    color: #26377d;
    margin-left: 15px;
}

.newProfilePage .newViewProfile a.mem-options:hover,
.newProfilePage .newViewProfile a.add-notes:hover {
    color: #e66e3e;
    text-decoration: underline;
}

.newProfilePage .newViewProfile .dropdownleft .customizeDDBlack {
    left: auto;
    right: 10px;
    color: #26377d;
    border: 1px solid rgba(0, 0, 0, .15);
}

.newProfilePage .newViewProfile .dropdownleft .customizeDDBlack li a.ddLinksBlack {
    color: #26377d;
    padding: 5px 10px;
    white-space: nowrap;
    font-weight: normal;
}

.newProfilePage .newViewProfile .dropdownleft .customizeDDBlack li a.ddLinksBlack:hover,
.newProfilePage .newViewProfile .dropdownleft .customizeDDBlack li a.ddLinksBlack:focus,
.newProfilePage .newViewProfile .dropdownleft .customizeDDBlack li a.ddLinksBlack:active {
    color: #26377d;
    text-decoration: none;
    background-color: #f5f5f5;
}

.newProfilePage .newViewProfile .datingStatusSec,
.newProfilePage .newViewProfile .dropDownWrapperInner.viewMM {
    font-size: 16px;
    font-weight: 700;
}

.newProfilePage .newViewProfile .dropDownWrapperInner.viewMM {
    margin-left: 25px;
}

.newProfilePage .newViewProfile .miscDetails,
.newProfilePage .newViewProfile .addressInfo {
    margin-top: 15px;
    margin-right: 25px;
    font-weight: bold;
    position: relative;
    text-align: right;
}

.newProfilePage .newViewProfile .addressInfo span {
    font-size: 13px;
    display: block;
    font-weight: normal;
}

.newViewProfile .sbtitle-text li.femaleName {
    color: #bf193c;
    font-weight: normal;
}

.newProfilePage .newViewProfile span.text-primary:not(:first-child) {
    margin-left: 15px;
}

.memberAccordion {
    margin-top: 10px;
}

.newProfilePage .newViewProfile .memberAccordion.panel-group {
    margin-top: 0px;
}

.innerPage .panel {
    border-radius: 0;
    margin-bottom: 0;
}

.memberAccordion .panel {
    margin-bottom: 5px;
}

.panel-heading {
    font-weight: 700;
    padding: 5px 10px;
    border-radius: 0;
}

.member-myMatch .panel-heading {
    padding: 10px;
}

.memberAccordion .panel-heading {
    padding: 0px;
}

.memberAccordion .panel-heading h4.panel-title {
    padding: 0px;
    line-height: 1.5em;
    font-weight: bold;
}

.memberAccordion .panel-heading h4.panel-title a {
    color: inherit;
    display: block;
    font-size: 13px;
    padding: 5px 10px;
    text-decoration: none;
}

.memberAccordion .panel-heading .more-less {
    color: #000;
    margin-top: 3px;
}

.panel-body {
    padding: 10px;
    position: relative;
}

.memberAccordion .panel-body {
    padding: 15px;
}

.panel-footer {
    font-size: 13px;
    border-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;
}

.memberAccordion .detailRows .row+.row {
    margin-top: 5px;
}

.memberAccordion .detailRows .row p {
    margin: 0;
}

.memberAccordion .detailRows .row .quesstart+.quesstart {
    margin-top: 5px;
}

.memberAccordion .detailRows .row .questionText {
    display: inline-block;
    margin-right: 4px;
}

.inlineText {
    display: inline-block;
    margin-right: 10px;
}

a.editReligiousInfo,
a.editCCDetails,
a.change-credit-card,
a.change-billing-address {
    background-image: url(../images/edit_btn_v2.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    white-space: nowrap;
    color: #848484;
    z-index: 999;
    font-size: 13px;
    line-height: 24px;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 50%;
}

a.editReligiousInfo:hover,
a.editCCDetails:hover,
a.change-credit-card:hover,
a.change-billing-address:hover {
    background-position: 0 -20px;
    border: 1px #29397f solid;
}

a.editOtherMMInfo {
    background-image: url(../images/edit_btn_v2.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 20px;
    padding: 0 0 0 26px;
    display: inline-block;
    white-space: nowrap;
    color: #848484;
    font-size: 13px;
    z-index: 0;
    vertical-align: middle;
}

a.editOtherMMInfo:hover {
    background-image: url(../images/edit_btn.png);
    background-position: 0 -20px;
    background-repeat: no-repeat;
    color: #26377d;
}

.newProfilePage .newViewProfile a.editReligiousInfoNew {
    position: absolute;
    right: 45%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    float: right;
    clear: both;
    margin-top: -5px;
    z-index: 9;
}

.menuOpen .newProfilePage .newViewProfile a.editReligiousInfoNew {
    right: 35%;
    -webkit-transform: translateX(-45%);
    transform: translateX(-45%);
}


/* .newProfilePage .newViewProfile .profileInfoContainer:nth-child(2) a.editReligiousInfo {
    position: absolute;
    right: 35%;
    transform: translateX(-35%);
} */

.newProfilePage .newViewProfile .sbtitle-text.addressInfo a.editReligiousInfoNew {
    position: absolute;
    right: -25px;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    margin-top: 0;
}


/* .menuOpen .newProfilePage .newViewProfile .sbtitle-text.addressInfo a.editReligiousInfoNew {
    right: 275px;
    margin-right: 0px;
} */

.newProfilePage .newViewProfile .memberAccordion .detailRows .row p {
    margin: 0 10px 0 0;
}

.showHideAll {
    text-decoration: none !important;
    display: inline-block;
    margin-right: 11px;
    margin-left: 11px;
    color: #000 !important;
    margin-top: 4px;
}

div.pp_default .pp_close_custom {
    position: absolute;
    top: -32px;
    right: 4px;
    color: #1683fb;
    opacity: 1;
    font-size: 38px;
    cursor: pointer;
    z-index: 9999;
    text-shadow: 0 1px 0 #fff;
}

.pp_details {
    position: absolute !important;
    bottom: 0 !important;
    padding: 5px 15px !important;
}

.pp_details .pp_play,
.pp_details .pp_arrow_previous,
.pp_details .pp_arrow_next,
.pp_details .pp_social,
.pp_details .pp_close {
    display: none !important;
}

.pp_details .pp_nav {
    display: block !important;
    width: 100% !important;
}

.pp_details .pp_nav .currentTextHolder {
    position: absolute !important;
    left: auto !important;
    /* fix for IE issue reported by Damini */
    right: 0 !important;
    margin-right: 30px !important;
    top: -20px !important;
    background: rgba(0, 0, 0, 0.25) !important;
    padding: 15px 15px !important;
    border-radius: 50% !important;
    color: #fff !important;
    font-family: 'robotoregular', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    font-style: normal !important;
}

div.pp_default .pp_close_custom:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -8px;
    width: 16px;
    height: 16px;
    background: #FFF;
}


/****************************************** end finalview ***************************************/


/****************************************** start Dashboard ***************************************/

.headerTop .searchWrapper {
    position: absolute;
    left: 73%;
    top: 10px;
    width: 325px;
    margin-left: -270px;
}

.formSearch {
    display: inline;
    position: absolute;
    width: 200px;
    right: 0;
    top: 0;
    margin-right: 10px;
    margin-top: 10px;
}

/*.menuOpen .headerTop .searchWrapper {
    margin-left: -325px;
}*/

.headerTop .search {
    position: relative;
    line-height: normal;
    vertical-align: middle;
    padding-right: 30px;
    border-bottom: 1px solid #333;
}

.formSearch .search {
    display: inline;
    float: right;
    position: relative;
    line-height: normal;
    vertical-align: middle;
    padding-right: 30px;
    border-bottom: 1px solid #333;
    width: 100%;
    bottom: 5px;
}

.headerTop .search input {
    color: #000;
    font-size: 15px;
    height: 34px;
    width: 100%;
    padding: 6px 0;
    outline: 0;
    border: 0;
}

.formSearch .search input {
    color: #000;
    font-size: 12px;
    height: auto;
    width: 100%;
    padding: 3px 0;
    outline: 0;
    border: 0;
}

.formSearch .search input::-webkit-input-placeholder,
.inbox-controls-right input::-webkit-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000;
    opacity: 1;
    /* Firefox */
}

.formSearch .search input:-ms-input-placeholder,
.inbox-controls-right input::-webkit-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000;
    opacity: 1;
    /* Firefox */
}

.formSearch .search input::placeholder,
.inbox-controls-right input::-webkit-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000;
    opacity: 1;
    /* Firefox */
}

.formSearch .search input:-ms-input-placeholder,
.inbox-controls-right input::-webkit-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000;
}

.formSearch .search input::-ms-input-placeholder,
.inbox-controls-right input::-webkit-input-placeholder {
    /* Microsoft Edge */
    color: #000;
}

.headerTop .search .fa {
    color: #202e69;
    font-size: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    padding: 0;
    border: 0;
    outline: 0;
    background: #FFF;
}

.formSearch .search .fa {
    color: #000;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 3px;
    width: 15px;
    padding: 0;
    border: 0;
    outline: 0;
    background: #FFF;
}

.headerTop .search .fa:hover,
.formSearch .search .fa:hover {
    color: #202e69;
}

.dashboardRow {
    margin-left: -5px;
    margin-right: -5px;
}

.dashboardRow+.dashboardRow {
    margin-top: 10px;
}

.dashboardCol {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

.dashboardTopLeft {
    width: 73%;
    margin-top: 20px;
}

.dashboardTopLeft.full {
    width: 100%;
}

.dashboardTopRight {
    float: left;
    width: 27%;
    margin-top: 20px;
}


/**************Match Section**************/

.feature-match {
    display: inline-block;
    width: 100%;
    padding: 0px;
    vertical-align: middle;
    text-align: center;
}

.feature-match .center-block {
    position: relative;
    /* top:50%;
    left:50%;
    transform: translate(-50%,-50%); */
}

.feature-match .f-left {
    display: table-cell;
    width: 70px;
    vertical-align: top;
    padding: 2px;
    text-align: left;
}

.feature-match .f-left .img {
    height: 0;
    padding-top: 100%;
    position: relative;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

.feature-match .f-left .img:after {
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    top: -4px;
    bottom: -4px;
    border: 2px rgba(98, 176, 240, 1) solid;
    border-radius: 16px;
}

.feature-match .f-right {
    display: table-cell;
    vertical-align: top;
    padding: 0 10px;
    text-align: left;
}

.feature-match .f-right h5 {
    font-size: 15px;
    font-weight: 700;
    color: #1e3177;
    margin: 0;
}

.feature-match .f-right p {
    margin-bottom: 0;
}

.feature-match a {
    display: inline-block;
    text-align: center;
}


/**************end Match Section**************/

.borderBoxWrapper {
    width: 50%;
}

.borderBoxFullWrapper {
    width: 100%;
}

.borderBox {
    display: table;
    padding: 11px;
    width: 100%;
    float: left;
    border: 1px #dadada solid;
}

.borderBox .boxLabel {
    font-weight: 700;
    display: table-cell;
    vertical-align: middle;
    width: 70px;
}

.borderBox .boxMiddle {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
}

.boxMiddle a {
    color: #1e3177;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 14px;
}

.boxMiddle a.all {
    margin-left: 35px;
}

.borderBox .icon,
.borderBox .count {
    display: inline-block;
    vertical-align: middle;
    margin-left: -2px;
}

.borderBox .mmsmallicon {
    background: url(../images/sprites.png) no-repeat;
    background-position: -58px -287px;
    width: 32px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.borderBox .msgssmallicon {
    background: url(../images/sprites.png) no-repeat;
    background-position: -110px -288px;
    width: 30px;
    height: 19px;
}

.borderBox .savedsmallicon {
    background: url(../images/sprites.png) no-repeat;
    background-position: -66px -114px;
    width: 25px;
    height: 20px;
}

.borderBox .allchaticon {
    background: url(../images/sprites.png) no-repeat;
    background-position: -326px -212px;
    width: 32px;
    height: 24px;
}

.borderBox .newchaticon {
    background: url(../images/sprites.png) no-repeat;
    background-position: -326px -173px;
    width: 32px;
    height: 24px;
}

.borderBox .savedchaticon {
    background: url(../images/sprites.png) no-repeat;
    background-position: -330px -253px;
    width: 32px;
    height: 24px;
}

.borderBox .pendingsmallicon {
    background: url(../images/sprites.png) no-repeat;
    background-position: -7px -288px;
    width: 18px;
    height: 18px;
}

.borderBox .malesmallicon {
    background: url(../images/sprites.png) no-repeat;
    background-position: -165px -161px;
    width: 21px;
    height: 21px;
}

.borderBox .femalesmallicon {
    background: url(../images/sprites.png) no-repeat;
    background-position: -117px -164px;
    width: 20px;
    height: 24px;
}

.borderBox .donesmallicon {
    background: url(../images/sprites.png) no-repeat;
    background-position: -167px -68px;
    width: 17px;
    height: 15px;
}

.borderBox .scoresmallicon {
    background: url(../images/sprites.png) no-repeat;
    background-position: -116px -115px;
    width: 24px;
    height: 22px;
}

.borderBox .levelsmallicon {
    background: url(../images/sprites.png) no-repeat;
    background-position: -168px -329px;
    width: 24px;
    height: 21px;
}

.borderBox .mutuallyapprvedicon {
    background: url(../images/sprites.png) no-repeat;
    background-position: -168px -325px;
    width: 24px;
    height: 30px;
}

.borderBox .mmmnthlymtchsenticon {
    background: url(../images/sprites.png) no-repeat;
    background-position: -10px -414px;
    width: 30px;
    height: 30px;
}

.borderBox .weeklymtchesicon {
    background: url(../images/sprites.png) no-repeat;
    background-position: -59px -414px;
    width: 30px;
    height: 30px;
}

.greybgMMPanel {
    vertical-align: middle;
    background: transparent;
    display: table;
    padding: 11px;
    width: 100%;
    float: left;
    border: 1px #dadada solid;
    padding-bottom: 5px;
}

.greybgMMPanel .mathcmakerinfoBoxPanel {
    float: left;
    width: 100%;
}

.greybgMMPanel .mathcmakerinfoBoxPanel+.mathcmakerinfoBoxPanel {
    margin-top: 10px;
}

.greybgMMPanel .matchmakernotifctonicons {
    float: right;
    margin-right: 10px;
}

.greybgMMPanel .mathmakerName {
    float: left;
    width: 30%;
}

.greybgMMPanel .matchmakerThreeicons {
    float: left;
}

.relationship-status {
    float: left;
    padding: 5px 0 0 20px;
}

.mmNameMain {
    color: #1e3177;
    line-height: 32px;
    position: relative;
}

.mmNameMain a {
    color: #193cbf;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.dashboardCol .mmNameMain a {
    display: inline;
}

.mmcontacticonsMain {
    float: left;
}

.mmcontacticonsMain ul {
    list-style-type: none;
    float: left;
    margin-bottom: 0px;
}

.mmcontacticonsMain ul li {
    float: left;
}

.mmcontacticonsMain .pokemmicon {
    background: url(../images/sprites.png) no-repeat;
    display: inline-block;
    background-position: -55px -367px;
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 10px;
}

.mmcontacticonsMain .messagemmicon {
    background: url(../images/sprites.png) no-repeat;
    display: inline-block;
    background-position: -109px -367px;
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 10px;
}

.mmcontacticonsMain .deletemmicon {
    background: url(../images/sprites.png) no-repeat;
    display: inline-block;
    background-position: -165px -367px;
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 12px;
}

.mmcorrespndgicons {
    padding: 0px;
    margin: 0px;
}

.mmcorrespndgicons ul {
    list-style-type: none;
    float: left;
    padding: 0;
    margin-bottom: 5px;
}

.mmcorrespndgicons ul li {
    float: left;
    padding-left: 20px;
}

.mmcorrespndgicons ul li span.mmmnthlymtchsenticon:before {
    content: "";
    background: url(../images/sprites.png) no-repeat;
    background-position: -315px -61px;
    width: 30px;
    height: 30px;
    display: inline-block;
}

.mmcorrespndgicons ul li .mmweeklymtchsenticon:before {
    content: "";
    background: url(../images/sprites.png) no-repeat;
    background-position: -315px -111px;
    width: 31px;
    height: 30px;
    display: inline-block;
}

.mmcorrespndgicons ul li .mmweeklyapprovedmtchicon:before {
    content: "";
    background: url(../images/sprites.png) no-repeat;
    background-position: -10px -369px;
    width: 24px;
    height: 30px;
    display: inline-block;
}

.mmcorrespndgicons ul li span.mmmnthlymtchsenticon,
.mmcorrespndgicons ul li span.mmweeklymtchsenticon,
.mmcorrespndgicons ul li span.mmweeklyapprovedmtchicon {
    float: left;
    text-align: left;
    position: relative;
}

.mmcorrespndgicons ul li span.mmmnthlymtchsenticon strong,
.mmcorrespndgicons ul li span.mmweeklymtchsenticon strong,
.mmcorrespndgicons ul li span.mmweeklyapprovedmtchicon strong {
    color: #1e3177;
    line-height: 30px;
    padding-left: 0;
    vertical-align: top;
}

.addmatchmakerPanel {
    float: left;
    width: 100%;
    margin-top: 10px;
    /*padding-left: 30px;*/
}

.addmatchmakerPanel span {
    /*float: right;*/
    position: relative;
}

.addmatchmakerPanel span a {
    text-decoration: none;
}

.addmatchmakerPanel span a:before {
    content: "";
    display: inline-block;
    background: url(../images/sprites.png) no-repeat;
    background-position: -116px -415px;
    width: 20px;
    height: 20px;
}

.addmatchmakerPanel span a strong {
    font-weight: normal;
    padding: 0 5px;
    vertical-align: 5px;
    color: #1683fb;
}

.addmatchmakerPanel span a:hover {
    text-decoration: none;
}

.orangeBgCrcle {
    width: 70px;
    display: table-cell;
    vertical-align: middle;
}

.orangeBgCrcle a {
    font-size: 18px;
    color: #26377d;
    text-align: center;
    text-decoration: none;
    line-height: 36px;
    font-weight: 700;
    width: 36px;
    height: 36px;
    display: inline-block;
    /*background-color: #ffedc0;*/
    border-radius: 50%;
    border: 1px #26377d solid;
}

.orangeBgCrcle a:hover {
    text-decoration: none;
}

.featuredMember {
    display: table;
    width: 100%;
}

.featuredMember+.featuredMember {
    margin-top: 7px;
    padding-top: 7px;
    border-top: 1px solid #ddd;
}

.featuredMember .featuredMemberLeft,
.eventParticipation .featuredMemberLeft {
    vertical-align: middle;
    display: table-cell;
    width: 70px;
    padding: 4px;
}

.featuredMember .featuredMemberMiddle,
.eventParticipation .featuredMemberMiddle {
    vertical-align: middle;
    display: table-cell;
    padding-left: 10px;
    padding-right: 10px;
    height: 73px;
}

.featuredMember .featuredMemberMiddle p,
.eventParticipation .featuredMemberMiddle p {
    margin: 0;
    line-height: 1.3;
}

.featuredMember .featuredMemberMiddle p+p {
    margin-top: 2px;
}

.featuredMember .featuredMemberMiddle p.location,
.featuredMember .featuredMemberMiddle p.identity {
    font-size: 13px;
}

.featuredMember .featuredMemberMiddle span.redClrTxt {
    color: #ff0000;
}

.featuredMember .featuredMemberRight {
    vertical-align: middle;
    display: table-cell;
    width: 20px;
}

a.maleName,
span.maleName {
    color: #193cbf;
    text-decoration: none;
}

a.femaleName,
span.femaleName {
    color: #bf193c;
    text-decoration: none;
}

.mbrfilePic,
.mi-pic,
.mmProfilePic {
    position: relative;
    height: 0;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    border-radius: 12px;
}

.mi-photo-box {
    width: 135px;
}

.goldMember:after,
.basicMember:after,
.freeMember:after,
.limitedMember:after,
.platinumMember:after {
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    top: -4px;
    bottom: -4px;
    border: 3px rgba(255, 215, 0, 1) solid;
    border-radius: 15px;
}

.platinumMember:after {
    /* border-color: rgb(229, 228, 226); */
    border-color: #DDA0DD;
}

.basicMember:after {
    border-color: rgba(38, 55, 125, 1);
}

.freeMember:after,
.limitedMember:after {
    border-color: rgba(208, 0, 0, 1);
}

.viewalldet {
    background: url(../images/sprites.png) no-repeat;
    background-size: 430px auto;
    background-position: -3px -106px;
    width: 25px;
    height: 25px;
    display: block;
}

.fav {
    background: url(../images/sprites.png) no-repeat;
    background-size: 430px auto;
    background-position: -71px -7px;
    width: 25px;
    height: 25px;
    display: block;
    margin-top: 3px;
}

.callmbr {
    background: url(../images/sprites.png) no-repeat;
    background-size: 400px auto;
    background-position: -33px -5px;
    width: 25px;
    height: 25px;
    display: inline-block;
}

.reviewMatch {
    background: url(../images/sprites.png) no-repeat;
    background-size: 400px auto;
    background-position: -3px -199px;
    width: 25px;
    height: 25px;
    display: inline-block;
}

.mailmbr {
    background: url(../images/sprites.png) no-repeat;
    background-size: 400px auto;
    background-position: -98px -7px;
    width: 25px;
    height: 25px;
    display: inline-block;
}

.acceptedmbr {
    background: url(../images/sprites.png) no-repeat;
    background-size: 400px auto;
    background-position: -3px -5px;
    width: 25px;
    height: 25px;
    display: inline-block;
}

.notificationsWrapper {
    width: 46%;
}

.memberNotificationsWrapper {
    width: 73%;
}

.findMatchWrapper {
    width: 27%;
}

.expiringMatchesWrapper {
    width: 27%;
}

.expiringMatchesWrapper .expiringMatches .icon-msg {
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -294px -16px;
    display: block;
    right: -5px;
    bottom: -8px;
    z-index: 99;
}

.activeMatchesWrapper {
    width: 27%;
}

.eventParticipationWrapper {
    width: 100%;
}

.dashboardScroll {
    height: 485px;
    overflow: auto;
    margin-top: 10px;
}

.memberdashboardScroll {
    height: 468px;
}

.expiringMatchesRow+.expiringMatchesRow {
    margin-top: 7px;
    padding-top: 12px;
    border-top: 1px solid #ddd;
}

.expiringMatchesRow:after {
    content: "";
    display: block;
    clear: both;
}

.expiringMatches {
    text-align: center;
    float: left;
    width: 45%;
}

.number-between-expiry {
    text-align: center;
    float: left;
    width: 8%;
}

.number-between-expiry span {
    background: #1D83F8;
    padding: 5px;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    margin-top: 20px;
    min-width: 25px;
}

.expiringMatches .mbrfilePic {
    position: relative;
    width: 70px;
    height: 70px;
    padding: 0;
    margin-bottom: 10px;
    display: inline-block;
}

.expiringMatches .mbrfilePic .callmbr,
.expiringMatches .mbrfilePic .acceptedmbr {
    position: absolute;
    z-index: 1;
    left: -11px;
    bottom: -11px;
}

.expiringMatches .mbrfilePic .reviewMatch,

/*.mobileDevice*/

.expiringMatches .mbrfilePic .mailmbr {
    position: absolute;
    z-index: 1;
    right: -11px;
    bottom: -11px;
}

.desktop .expiringMatches .mbrfilePic .callmbr {
    display: none;
}


/*.desktop .expiringMatches .mbrfilePic .mailmbr {
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: -15px;
    margin-left: -12px;
}
*/

.expiringMatches p {
    margin: 0;
    line-height: 1.3;
}

.expiringMatches p+p {
    margin-top: 2px;
}

.expiringMatches p.location,
.expiringMatches p.identity {
    font-size: 13px;
}

.dashboardRow .panel-default+.panel-default {
    margin-top: 10px;
}

.event-status,
.active-matches-mem {
    height: 225px;
}

.event-status .featuredMember {
    display: table;
    width: 100%;
}

.event-status .featuredMember+.featuredMember {
    margin-top: 7px;
    padding-top: 7px;
    border-top: 1px solid #ddd;
}

.event-status .featuredMember .featuredMemberLeft {
    width: 275px;
}

.event-status .featuredMember .featuredMemberLeft p {
    margin: 0;
    line-height: 1.3;
}

.event-status .featuredMember .featuredMemberRight {
    width: 10px;
}

.event-status .featuredMember .featuredMemberRight .btn-edit-application,
.event-status .featuredMember .featuredMemberRight .btn-finish-application {
    border-radius: 4px;
    padding: 4px 0px;
    cursor: pointer;
    background: #fff;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    min-width: 20px;
    width: 130px;
    float: right;
    text-align: center;
    text-decoration: none;
}

.event-status .featuredMember .featuredMemberRight .btn-edit-application {
    color: #006400;
    border: solid 2px #006400;
}

.event-status .featuredMember .featuredMemberRight .btn-edit-application:hover {
    background: #006400;
    color: #fff;
}

.event-status .featuredMember .featuredMemberRight .btn-finish-application {
    color: #b10000;
    border: solid 2px #b10000;
}

.event-status .featuredMember .featuredMemberRight .btn-finish-application:hover {
    background: #b10000;
    color: #fff;
}

.borderListWrapper {
    height: 375px;
    overflow-y: auto;
    overflow-x: hidden;
}

.borderListItem {
    margin-top: 5px;
    padding-top: 5px;
    padding-right: 10px;
    border-top: 1px #ddd solid;
    display: table;
    width: 100%;
}

.borderListItem:after {
    content: "";
    display: block;
    clear: both;
}

.leftContent {
    display: table-cell;
    width: 91%;
}

.rightContent {
    display: table-cell;
    /*width: 9%;*/
}

.customCheckbox {
    display: block;
    position: relative;
    font-weight: normal;
    margin: 0;
}

.customCheckbox .spanCheckbox {
    float: left;
    position: relative;
    display: none;
    border: 1px #333333 solid;
    border-radius: 2px;
    width: 12px;
    height: 12px;
    vertical-align: top;
    margin-top: 4px;
    margin-right: 5px;
}

.customCheckbox input:checked+.spanCheckbox {
    border: 1px #009d00 solid;
}

.customCheckbox .spanCheckbox:after {
    display: none;
    content: "";
    position: absolute;
    left: 2px;
    top: -1px;
    width: 12px;
    height: 7px;
    border-left: 3px #009d00 solid;
    border-bottom: 3px #009d00 solid;
    border-radius: 2px;
    -webkit-transform: rotate(-43deg);
    transform: rotate(-43deg);
}

.customCheckbox input:checked+.spanCheckbox:after {
    display: block;
}

.customCheckbox input {
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 10px;
    opacity: 0;
}

.lineText {
    display: inline-block;
    /*text-decoration: line-through;*/
}

.customCheckbox .lineText {
    display: block;
    overflow: hidden;
}

.customCheckbox input:checked~.lineText {
    color: #009d00;
    text-decoration: line-through;
}


/*Mehul Added Css for Notepad Section 30-3-20*/

.customCheckbox .time,
.notepadWrapper .actionBtns {
    float: right;
    margin-left: 10px;
}

#horizontalTab .notepadWrapper .actionBtns a.btnFlag {
    color: #1D83F8;
}

#horizontalTab .notepadWrapper .actionBtns a.btnDelete {
    color: #b10000;
}

#horizontalTab .notepadWrapper .actionBtns a+a {
    margin-left: 5px;
}

#horizontalTab .AddNoteBtn {
    text-decoration: none;
    font-weight: 600;
}

#horizontalTab .notepadWrapper .lineText {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*End of CSS added by Mehulfor Notepad Section 30-3-20*/

.gryPnlTxt {
    color: #6d6d6d;
    font-size: 11px;
}

.notificationsWrapper .gryPnlTxt,
.memberNotificationsWrapper .gryPnlTxt {
    display: inline;
}

.innerPage .readMore {
    color: #337ab7;
    font-size: 13px;
}

.innerPage .readMore em {
    font-weight: 700;
}

.graph {
    direction: ltr;
    height: 400px;
}

.legendText {
    padding-left: 20px;
    position: relative;
    display: inline-block;
    margin: 7px;
    line-height: 20px;
}

.legendText.bigtext {
    font-size: 17px;
    padding-left: 25px;
}

.legendText .mark {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    width: 15px;
    height: 15px;
    background: #0098ff;
}

.legendText .mark2 {
    background: #ff9cd4;
}

.legendText .mark3 {
    background: #87cb16;
}

.legendText .mark4 {
    background: #fb404b;
}

.legendText .mark5 {
    background: #ff8d1c;
}

.legendText .face {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    background: url(../images/face_01.png) no-repeat center center;
}

.legendText .face2 {
    background: url(../images/face_02.png) no-repeat center center;
}

.legendText .face3 {
    background: url(../images/face_03.png) no-repeat center center;
}

.legendText .face4 {
    background: url(../images/face_04.png) no-repeat center center;
}

.panel-footer.reload {
    position: relative;
    padding-left: 48px;
}

.reloadBtn {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -15px;
}


/*-----------Accordion-----------*/

#horizontalTab a {
    color: #26377d;
}

ul.resp-tabs-list {
    margin: 5px 0 0 0;
    padding: 0px;
    height: 40px;
}

ul.resp-tabs-list:after {
    content: "";
    display: block;
    clear: both;
    border-top: 1px rgb(134, 134, 134) solid;
}

.resp-tabs-list li {
    position: relative;
    color: #26377d;
    display: inline-block;
    padding: 5px 8px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #FFF;
    border-bottom: none;
}

.resp-tabs-list li .unread-count,
.resp-accordion .unread-count {
    background: #fff;
    color: #e66e3e;
    padding: 1px 6px;
    border-radius: 50%;
    font-size: 13px;
    display: inline;
    text-align: center;
    vertical-align: bottom;
    border: 2px solid #e66e3e;
    font-weight: bold;
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
    margin-top: 10px;
    min-height: 422px;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
}

.resp-tabs-list li.resp-tab-active {
    color: #e66e3e;
    border: 1px solid rgb(134, 134, 134);
    border-bottom: none;
}

.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
}

.resp-content-active,
.resp-accordion-active {
    display: block;
}


/*.resp-tab-content {
    border: 1px solid #c1c1c1;
}*/

h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}


/*-----------Vertical tabs-----------*/

.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-right: none;
    background-color: #fff;
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}


/*-----------Accordion styles-----------*/

h2.resp-tab-active {
    color: #e66e3e;
    background: #efefef !important;
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1 !important;
}

.height77 {
    height: 77px !important;
}


/**************************Gold/Basic benefits css*************************/

.heading-blue {
    color: #26377d;
    border-bottom: solid 1px #d9d9d9;
    padding-bottom: 10px;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 22px;
    margin-top: 0;
}

.heading-blue.border-none {
    border-bottom: 0;
}

.heading-grey {
    color: #000333;
    padding-bottom: 10px;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 22px;
    margin-top: 10px;
    display: inline-block;
}

.table-benefits {
    border: solid 1px #c2c2c2;
}

.banner5V2 .table-benefits {
    border: solid 1px #c2c2c2;
    display: table;
    height: 100%;
    width: 100%;
}

.table-benefits .t-heading {
    display: table;
    width: 100%;
    border-bottom: solid 1px #c2c2c2;
    font-size: 18px;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e7e7e7));
    background: linear-gradient(to bottom, #ffffff 0%, #e7e7e7 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0);
}

.banner5V2 .table-benefits .t-heading {
    display: table-row;
}

.table-benefits .t-heading .t-col {
    display: table-cell;
    padding: 15px;
    font-weight: bold;
    vertical-align: middle;
}

.table-benefits.table-benefits-new .t-heading .t-col {
    padding: 5px;
}

.banner5V2 .table-benefits.table-benefits-new .t-heading .t-col {
    padding: 0%;
    border-bottom: solid 1px #c2c2c2;
}

.table-benefits.table-benefits-new .t-heading .t-col:first-child {
    text-align: left;
    padding-left: 25px;
    color: #26377d;
}

.table-benefits .t-heading .t-col.orange {
    color: #ff6600;
}

.table-benefits .t-heading .t-col.basic {
    color: #26377d;
    width: 25%;
    border-left: solid 1px #cacaca;
}

.table-benefits .t-heading .t-col.gold {
    color: #d5a200;
    width: 25%;
    border-left: solid 1px #cacaca;
}

.table-benefits .t-heading .t-col.platinum {
    color: #68737f;
    width: 25%;
    border-left: solid 1px #cacaca;
}

.table-benefits .t-row {
    display: table;
    width: 100%;
    border-bottom: solid 1px #cacaca;
}

.banner5V2 .table-benefits .t-row {
    display: table-row;
}

.table-benefits-new .t-heading {
    background: #fff;
}

.table-benefits-new .t-row {
    border-bottom: none;
}

.table-benefits .t-row:last-child {
    border-bottom: none;
}

.table-benefits .t-row .t-col.features {
    padding: 10px;
    width: 25%;
}

.table-benefits.table-benefits-new .t-row .t-col.features:first-child {
    text-align: left;
    padding-left: 25px;
}

.table-benefits .t-row:nth-child(odd) {
    background: #f1f1f1;
}

.table-benefits-new .t-row:nth-child(odd) {
    background: #fff;
}

.table-benefits .t-row .t-col {
    display: table-cell;
    font-weight: 400;
    vertical-align: middle;
    width: 100%;
}
.table-benefits .t-row .t-col.red{
    color: red;
}
.membership-ad .row-mem .col-mem .table-benefits-new .features,
.table-benefits-new .t-row .t-col {
    font-weight: bold;
    color: #26377d;
}

.table-benefits .t-row .t-col .t-col-wrap {
    display: table;
    width: 100%;
}

.table-benefits .t-row .t-col.basic {
    width: 33.33%;
    padding: 9px;
    border-left: solid 1px #cacaca;
}
.table-benefits .t-row .t-col-wrap .t-col.basic{
    width: 33.33%;
}
.table-benefits .t-row .t-col.gold {
    width: 33.33%;
    padding: 20px 9px;
    border-left: solid 1px #cacaca;
}

.table-benefits .t-row .t-col.platinum {
    width: 33.33%;
    padding: 9px;
    border-left: solid 1px #cacaca;
}

.table-benefits.table-benefits-new .t-row .t-col.gold {
    width: 25%;
    padding: 5px;
    border-left: solid 1px #cacaca;
}

.table-benefits.table-benefits-new .t-row .t-col.platinum {
    width: 25%;
    padding: 5px;
    border-left: solid 1px #cacaca;
}

.btn-chkpmnt-upgrtmem {
    border-radius: 4px;
    line-height: normal;
    margin: 20px 0 0 0;
    padding: 4px 15px;
    vertical-align: middle;
    color: #006400 !important;
    background: transparent;
    white-space: normal;
    font-size: 13px;
}

.btn-chkpmnt-upgrtmem:hover {
    background: #006400;
    color: #fff !important;
}


/**************************end Gold/Basic benefits css*************************/


/*********************Block match List*********************/

.gray-box {
    background: #f3f3f3;
    padding: 15px;
}

.gray-box h5 {
    font-size: 16px;
    font-weight: 700;
}

.gray-box textarea {
    width: 100%;
}

.gray-box .selectWrapper {
    background: #fff;
    border-radius: 4px;
}

.gray-box .gb-row {
    margin-left: -10px;
    margin-right: -10px;
}

.gray-box .gb-row .gb-col {
    padding-right: 10px;
    padding-left: 10px;
}

.gray-box .btn-add {
    background: #fff;
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    font-weight: 700;
    font-size: 13px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.gray-box .btn-add:hover {
    background: #006400;
    color: #fff;
}

.gray-box.bottom-space {
    margin-bottom: 50px;
}
.gray-box.bottom-space2 {
    max-width: 400px;
    margin-bottom: 20px;
}
.blockedmatchesWrapper .check-uncheck {
    padding: 8px 0;
}

.blockedmatchesWrapper .check-uncheck .chk-uchk-container {
    color: #1683fa;
    display: inline-block;
}

.blockedmatchesWrapper .check-uncheck a {
    color: #000064;
}

.blockedmatchesWrapper .check-uncheck a:hover {
    color: #e66e3e;
}

.blockedmatchesWrapper .bm-row {
    display: table;
    width: 100%;
    border-bottom: solid 1px #dbdbdb;
    padding: 15px 0;
}

.blockedmatchesWrapper .bm-row .bm-col {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
}

.blockedmatchesWrapper .bm-row .bm-col p {
    margin: 0;
}

.blockedmatchesWrapper .bm-row .bm-col .name {
    color: #bf193c;
}

.blockedmatchesWrapper .bm-row .bm-col .address {
    color: #00288b;
}

.blockedmatchesWrapper .bm-row .bm-col .type {
    color: #009000;
}

.blockedmatchesWrapper .bm-row .bm-col .btn-unblock {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none;
}

.blockedmatchesWrapper .bm-row .bm-col .btn-unblock:hover {
    text-decoration: none;
    background: #006400;
    color: #fff;
}

.blockedmatchesWrapper .bm-row .bm-col .btn-unblock:hover {
    text-decoration: none;
}

.blockedmatchesWrapper .bm-row .col-left {
    width: 30px;
}

.blockedmatchesWrapper .bm-row .col-center {
    width: 40%;
}

.blockedmatchesWrapper .bm-row .col-right span {
    color: #26377d;
    font-weight: 700;
}

.blockedmatchesWrapper .bm-row:last-child {
    border: 0;
}

.blockedmatchesWrapper .bm-row .bm-chkbox {
    display: none;
}

.blockedmatchesWrapper .bm-row .bm-chkbox+span {
    width: 16px;
    height: 16px;
    border: solid 1px #bebebe;
    display: block;
    position: relative;
}

.blockedmatchesWrapper .bm-row .bm-chkbox:checked+span:after {
    content: "";
    position: absolute;
    left: 1px;
    top: 2px;
    width: 12px;
    height: 7px;
    border-left: 3px #333 solid;
    border-bottom: 3px #333 solid;
    border-radius: 2px;
    -webkit-transform: rotate(-43deg);
    transform: rotate(-43deg);
}

.states {
    display: table;
}

.states .form-group+.form-group {
    display: table-cell !important;
}

.states .form-group {
    display: table-cell;
    vertical-align: top;
}

.states .form-group:first-child {
    width: 60%;
    padding-right: 15px;
}

.del-btn-row {
    margin-top: 10px;
}

.del-btn-row a,
.del-btn-row input {
    color: #b10000;
    border: solid 2px #b10000;
    border-radius: 4px;
    padding: 4px 15px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    display: inline-block;
    text-decoration: none;
}

.del-btn-row a:hover,
.del-btn-row input:hover {
    color: #fff;
    background: #b10000;
    text-decoration: none;
}

.success-msg {
    background: #e0fad5;
    border: solid 1px #739f4f;
    padding: 5px;
    color: #215700;
    border-radius: 4px;
    font-size: 13px;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: center;
}

.error-msg {
    background: #FFF2F2;
    border: solid 1px #f00;
    padding: 5px;
    color: #f00;
    border-radius: 4px;
    font-size: 13px;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: center;
}

.warning-msg {
    background: #FFFBE4;
    border: solid 1px #F1B400;
    padding: 5px;
    color: #F1B400;
    border-radius: 4px;
    font-size: 13px;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: center;
}

.info-msg {
    background: #e8f8fd;
    border: solid 1px #66c5df;
    padding: 5px;
    border-radius: 4px;
    font-size: 13px;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: center;
}


/*********************end Block match List*********************/


/*********************Block matchmaker List*********************/

.bmlWrapper .check-uncheck {
    padding: 8px 0;
}

.bmlWrapper .check-uncheck .chk-uchk-container {
    color: #1683fa;
    display: inline-block;
}

.bmlWrapper .check-uncheck a {
    color: #000064;
}

.bmlWrapper .check-uncheck a:hover {
    color: #e66e3e;
}

.bmlWrapper .bm-row {
    display: table;
    width: 100%;
    border-bottom: solid 1px #dbdbdb;
    padding: 15px 0;
}

.bmlWrapper .bm-row .bm-col {
    display: table-cell;
    vertical-align: middle;
}

.bmlWrapper .bm-row .bm-col p {
    margin: 0;
}

.bmlWrapper .bm-row .bm-col .name {
    color: #193cbf;
    font-weight: 700;
}

.bmlWrapper .bm-row .bm-col .btn-unblock {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
	background:#fff;
}

.bmlWrapper .bm-row .bm-col .btn-unblock:hover {
    text-decoration: none;
    background: #006400;
    color: #fff;
}
/*Added by mehul for update block matchmaker list task*/
.bmlWrapper .bm-row .bm-col .btnBlock {
    color: #b10000;
    border: solid 2px #b10000;
    border-radius: 4px;
    padding: 3px 15px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
	background:#fff;
}

.bmlWrapper .bm-row .bm-col .btnBlock:hover {
    text-decoration: none;
    background: #b10000;
    color: #fff;
}
.bmlWrapper .bm-row .bm-col .btnBlock, .bmlWrapper .bm-row .bm-col .btn-unblock {
	min-width:90px;
	display:inline-block;
	text-align:center;
}
/*Added by mehul for update block matchmaker list task*/
.bmlWrapper .bm-row .col-left {
    width: 30px;
}

.bmlWrapper .bm-row .col-center {
    width: 45%;
}

.bmlWrapper .bm-row .col-center .bml-profile-pic {
    display: table-cell;
    width: 70px;
    height: 70px;
    vertical-align: middle;
    position: relative;
}

.bmlWrapper .bm-row .col-center .bml-profile-pic .img {
    overflow: hidden;
    border-radius: 17px;
    border: solid 1px #d2d2d2;
}

.bmlWrapper .bm-row .col-center .bml-profile-pic .img img {
    max-width: 100%;
}

.bmlWrapper .bm-row .col-center .bml-profile-pic .icon-mail {
    position: absolute;
    width: 25px;
    height: 25px;
    background: url(../images/sprites.png)no-repeat -212px -17px;
    display: block;
    right: 0;
    bottom: -6px;
}

.bmlWrapper .bm-row .col-center .bml-info {
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px;
}
.blockedMMList .bmlWrapper .bm-row .col-center .bml-info { 
padding-left:0;
word-break:break-word;
}
/*Blocked MM Task */
#deleteModal .modal-header {
		position:relative;		
	}
#deleteModal .modal-header .close {
	top:50%;
	transform:translateY(-50%);		
}
/*Blocked MM Task */
.bmlWrapper .bm-row .col-right {
    padding-left: 20px;
}

.bmlWrapper .bm-row .col-right span {
    color: #26377d;
    font-weight: 700;
}

.bmlWrapper .bm-row:last-child {
    border: 0;
}

.bmlWrapper .bm-row .bm-chkbox {
    display: none;
}

.bmlWrapper .bm-row .bm-chkbox+span {
    width: 16px;
    height: 16px;
    border: solid 1px #bebebe;
    display: block;
    position: relative;
}

.bmlWrapper .bm-row .bm-chkbox:checked+span:after {
    content: "";
    position: absolute;
    left: 1px;
    top: 2px;
    width: 12px;
    height: 7px;
    border-left: 3px #333 solid;
    border-bottom: 3px #333 solid;
    border-radius: 2px;
    -webkit-transform: rotate(-43deg);
    transform: rotate(-43deg);
}

.twomm-height {
    height: 176px;
    display: inline;
    vertical-align: middle;
}

.dashboardCol .twomm-height {
    height: auto;
}

.twomm-height img {
    max-height: 100%;
}

.onemm-height {
    min-height: 131px;
}

.onemm-height img {
    max-height: 97px;
}

.dashboardCol .onemm-height img {
    max-height: unset;
    width: auto;
    height: 100%;
}


/*********************end Block matchmaker List*********************/


/*********************MM View Notes*********************/

.view-notes .panel {
    display: table;
    width: 100%;
}

.view-notes .bm-row {
    display: table-row;
    width: 100%;
}

.view-notes .bm-row label {
    margin: 2px 0 0 0;
}

.view-notes .panel-heading .bm-row .bm-col {
    padding: 7px;
}

.view-notes .panel-heading,
.view-notes .panel-body {
    display: table-row-group;
    width: 100%;
}

.view-notes .bm-row .bm-col {
    display: table-cell;
    vertical-align: top;
    border-bottom: solid 1px #dbdbdb;
    padding: 15px 7px;
}

.view-notes .bm-row .col-left {
    width: 30px;
}

.view-notes .bm-row .col-center {
    width: 60%;
}

.view-notes .bm-row .date {
    width: 25%;
    text-align: center;
}

.view-notes .panel-body .bm-row .date {
    color: #009000;
}

.view-notes .bm-row:last-child .bm-col {
    border: 0;
}

.view-notes .bm-row .bm-chkbox {
    display: none;
}

.view-notes .bm-row .bm-chkbox+span {
    width: 16px;
    height: 16px;
    border: solid 1px #bebebe;
    display: block;
    position: relative;
}

.view-notes .bm-row .bm-chkbox:checked+span:after {
    content: "";
    position: absolute;
    left: 1px;
    top: 2px;
    width: 12px;
    height: 7px;
    border-left: 3px #333 solid;
    border-bottom: 3px #333 solid;
    border-radius: 2px;
    -webkit-transform: rotate(-43deg);
    transform: rotate(-43deg);
}

.view-notes .vn-controls {
    display: table;
    width: 100%;
}

.view-notes .vn-controls .vn-col {
    display: table-cell;
    vertical-align: middle;
}

.view-notes .vn-controls .vn-col a {
    color: #1683fa;
}

.view-notes .vn-controls .vn-col .btn-del {
    color: #b10000;
}

.view-notes .vn-controls .vn-col:nth-child(2) {
    text-align: center;
}

.showing .total strong {
    color: #26377d;
}

.view-notes .add-new-notes {
    margin-top: 20px;
}

.view-notes .add-new-notes .note strong {
    color: #d40000;
}

.view-notes .add-new-notes .btn-addnotes {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    font-size: 13px;
    cursor: pointer;
    display: inline-block;
    margin: 5px 4px 0 4px;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    max-width: 100%;
    white-space: normal;
}

.view-notes .add-new-notes .btn-addnotes:hover {
    color: #fff;
    background: #006400;
}

.view-notes .ec-row {
    display: table;
    width: 100%;
    overflow: hidden;
}

.view-notes .ec-row .ec-col {
    display: table-cell;
    vertical-align: bottom;
}


/*********************end MM View Notes*********************/


/*********************member dashboard four mm*********************/

.mathcmakerinfo-repeat {
    width: 49%;
    display: inline-table;
    padding: 3px 0 4px;
    white-space: nowrap;
}

.mathcmakerinfo-repeat .mathmakerName {
    width: 58%;
    font-size: 13px;
}

.mathcmakerinfo-repeat .mmcontacticonsMain ul {
    padding: 0;
}

.mathcmakerinfo-repeat .mmcontacticonsMain .deletemmicon {
    margin-right: 0;
}


/*********************end member dashboard four mm*********************/

.gold-mem-row {
    display: table;
    width: 100%;
    color: #26377d;
    height: 90px;
}

.gold-mem-row .gold-mem-col {
    display: table-cell;
    vertical-align: middle;
}

.gold-mem-row .btn-goldmem,
.gold-mem-row .btn-basicmem {
    display: inline-block;
    text-align: center;
    font-size: 18px;
    line-height: 23px;
    padding: 3% 13% 5%;
    text-decoration: none;
}
/*Added By Mehul 18 Aug 2020 */
.gold-mem-row .btn-goldmem {
    /* background: url(../images/bg-gold-mem.png) no-repeat center / 100%; */
	 background: url(../images/bg-gold-mem.png) no-repeat center;
	background-size:contain;
    text-shadow: -0.5px -0.5px 0 #fcefa8, 0.5px -0.5px 0 #fcefa8, -0.5px 0.5px 0 #fcefa8, 0.5px 0.5px 0 #fcefa8;
    color: #000;
}

.gold-mem-row .btn-basicmem {
    /* background: url(../images/bg-basic-mem.png) no-repeat center / 100%; */
	background: url(../images/bg-basic-mem.png) no-repeat center;
	background-size:contain;
    color: #fff;
}

.gold-mem-row .btn-goldmem:hover {
    text-decoration: none;
    color: #000;
}

.gold-mem-row .btn-basicmem:hover {
    text-decoration: none;
    color: #fff;
}

.gold-mem-row .btn-goldmem strong,
.gold-mem-row .btn-basicmem strong {
    display: block;
    font-size: 22px;
    white-space: nowrap;
}

.gold-mem-row .gold-mem-col.left a {
    display: block;
    color: #26377d;
    font-weight: 700;
}

.gold-mem-row .gold-mem-col.left,
.gold-mem-row .gold-mem-col.right {
    width: 30%;
}

.gold-mem-row .gold-mem-col.center {
    text-align: center;
}

.gold-mem-row .gold-mem-col.right ul,
.gold-mem-row .gold-mem-col.left ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.gold-mem-row .gold-mem-col.right ul li,
.gold-mem-row .gold-mem-col.left ul li {
    padding: 2px 0 2px 20px;
    position: relative;
}

.gold-mem-row .gold-mem-col.right ul li:before,
.gold-mem-row .gold-mem-col.left ul li:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../images/sprites.png) no-repeat -175px -419px;
    position: absolute;
    left: 0;
    top: 8px;
}

.match-criteria {
    overflow: hidden;
}

.match-criteria .row {
    margin-top: 8px;
}

a.edit-match-criteria {
    background: url(../images/edit_btn_v2.png) no-repeat;
    height: 22px;
    display: inline-block;
    white-space: nowrap;
    color: #848484;
    z-index: 999;
    font-size: 13px;
    line-height: 24px;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 50%;
    padding-left: 21px;
    font-weight: 400;
}


/*********************end gold membership*********************/


/*********************syas member page*********************/

.syas-member .mem-join-msg {
    background: #e0fad5;
    border: solid 1px #739f4f;
    padding: 20px;
    color: #215700;
    border-radius: 4px;
    font-size: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}

.syas-member .mem-join-msg .tick {
    border: solid 2px #009700;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: inline-block;
    background: #fff url(../images/sprites.png) no-repeat -213px -106px;
    margin: 0 8px;
}

.syas-member .mem-join-msg .cross {
    border: solid 2px #cb0000;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: inline-block;
    background: #fff url(../images/sprites.png) no-repeat -211px -158px;
    margin: 0 8px;
}

.syas-member .overview {
    margin-bottom: 20px;
}

.syas-member .overview h5 {
    color: #ff6600;
    font-weight: 700;
}

.syas-member .how-it-works h5 {
    color: #26377d;
    font-weight: 700;
}

.syas-member .how-it-works ul {
    list-style: none;
    margin: 0 0 0 10px;
    padding: 0;
}

.syas-member .how-it-works ul li {
    margin-bottom: 8px;
    padding-left: 15px;
    position: relative;
}

.syas-member .how-it-works ul li:before {
    content: "";
    background: url(../images/sprites.png) no-repeat -218px -67px;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
}

.syas-member .txt-orange {
    color: #fa6d00;
    font-weight: 700;
    margin: 20px 0;
    text-align: center;
}

.syas-member .txt-blue {
    color: #1683fb;
    font-weight: 700;
    margin: 20px 0;
    text-align: center;
}


/*********************end syas member page*********************/


/*********************Help and FAQ********************/

.faq-question {
    margin-bottom: 50px;
}

.faq-question h5 {
    font-size: 18px;
    color: #ff6600;
    margin-bottom: 20px;
}

.faq-question ul {
    margin: 0;
    padding: 0 0 0 20px;
    list-style: none;
}

.faq-question ul li {
    position: relative;
}

.faq-question ul li .question {
    color: #1683fb;
    margin-bottom: 10px;
    cursor: pointer;
}

    .faq-question ul li .question:before {
        /* content: "�";
    display: inline-block;
    left: -12px;
    top: -1px;
    position: absolute;*/
        content: "\f101";
        display: inline-block;
        left: -12px;
        top: -2px;
        position: absolute;
        font-family: "FontAwesome";
        font-size: 14px;
    }

.faq-question ul li .question.open {
    color: #26377d;
    font-weight: 700;
}

.faq-question ul li .question.open:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.faq-question ul li .answer {
    display: none;
    margin-bottom: 20px;
}


/*********************end Help and FAQ********************/


/*********************Matchmaker Inbox*******************/

.search-inbox {
    margin-bottom: 30px;
}

.search-inbox .form-table {
    display: table;
}

.search-inbox .form-table .form-group {
    display: table-cell;
    padding: 0 8px;
    white-space: nowrap;
}

.search-inbox .form-table .form-group .selectWrapper {
    display: inline-block;
}

.search-inbox .form-table .search-txt {
    width: 60%;
}

.search-inbox .labelInputWrapper {
    margin-bottom: 0;
}

.search-inbox .form-table .btn-search {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.search-inbox .form-table .btn-showall {
    color: #000064;
    border: solid 2px #000064;
    border-radius: 4px;
    padding: 4px 15px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    background: #fff;
}

.search-inbox .form-table .btn-search:hover {
    background: #006400;
    color: #fff;
}

.search-inbox .form-table .btn-showall {
    color: #000064;
    border: solid 2px #000064;
    border-radius: 4px;
    padding: 4px 15px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.search-inbox .form-table .btn-showall:hover {
    background: #000064;
    color: #fff;
}

.table-inbox a {
    color: #000064;
}

.table-inbox a:hover {
    color: #e66e3e;
}

.table-inbox .t-heading {
    display: table;
    width: 100%;
    border: solid 1px #c2c2c2;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e7e7e7));
    background: linear-gradient(to bottom, #ffffff 0%, #e7e7e7 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0);
}

.table-inbox .t-heading .t-col {
    display: table-cell;
    padding: 10px;
    vertical-align: middle;
}

.table-inbox .t-heading>.t-col:first-child {
    width: 10%;
}

.table-inbox .t-heading .t-col-wrap {
    display: table;
    width: 100%;
}

.table-inbox .t-heading .t-col-wrap .t-col {
    padding: 0;
}

.table-inbox .t-heading .t-col-wrap .t-col a {
    color: #000;
    text-decoration: none;
}

.table-inbox .t-heading .t-col-wrap .t-col a:hover {
    color: #000;
    text-decoration: none;
}

.table-inbox .t-heading .sender {
    color: #000
}

.table-inbox .t-row .t-col {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}

.table-inbox .chkbox {
    width: 10%;
}

.table-inbox .chkbox input {
    display: none;
}

.table-inbox .chkbox label {
    margin: 4px 0 0;
}

.table-inbox .chkbox input+span {
    width: 15px;
    height: 15px;
    border: solid 1px #bebebe;
    display: block;
    position: relative;
    background: #fff;
}

.table-inbox .chkbox input:checked+span:after {
    content: "";
    position: absolute;
    left: 1px;
    top: 2px;
    width: 11px;
    height: 6px;
    border-left: 3px #333 solid;
    border-bottom: 3px #333 solid;
    border-radius: 2px;
    -webkit-transform: rotate(-43deg);
    transform: rotate(-43deg);
}

.table-inbox .flag {
    width: 20%;
}

.table-inbox .sender {
    width: 20%;
    color: #1683fa;
    padding-right: 12px !important;
}

.table-inbox .sender a {
    color: #1683fa;
}

.table-inbox .t-heading a {
    color: #000;
    text-decoration: none;
}

.table-inbox .sub {
    width: 50%;
    padding-right: 10px !important;
}

.table-inbox .date {
    width: 15%;
}

.table-inbox .status {
    width: 15%;
    padding-left: 10px !important;
}

.table-inbox .t-row {
    display: table;
    width: 100%;
    border-bottom: solid 1px #cacaca;
    border-top: solid 1px #fff;
    background: #f8f8f8;
    min-height: 52px;
}

.table-inbox .t-row>.t-col:first-child {
    width: 10%;
}

.table-inbox .t-row .t-col .t-col-wrap {
    display: table;
    width: 100%;
}

.table-inbox .t-row .t-col .t-col-wrap .t-col {
    padding: 0;
}

.table-inbox .t-row.unread {
    background: #d9f2ff;
    font-weight: 700;
}

.inbox-controls {
    margin: 10px 0;
    display: table;
    width: 100%;
}

.inbox-controls .note {
    display: table-cell;
}

.inbox-controls .note p {
    margin-bottom: 2px;
}

.inbox-controls .select-mail {
    border: solid 1px #c2c2c2;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e7e7e7));
    background: linear-gradient(to bottom, #ffffff 0%, #e7e7e7 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0);
    padding: 5px 8px;
    min-width: 70px;
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

.inbox-controls .select-mail label {
    margin: 4px 0 0;
    font-weight: 300;
}

.inbox-controls .select-mail input {
    display: none;
}

.inbox-controls .select-mail input+span {
    width: 15px;
    height: 15px;
    border: solid 1px #bebebe;
    display: inline-block;
    position: relative;
    background: #fff;
}

.inbox-controls .select-mail input:checked+span:after {
    content: "";
    position: absolute;
    left: 1px;
    top: 2px;
    width: 11px;
    height: 6px;
    border-left: 3px #333 solid;
    border-bottom: 3px #333 solid;
    border-radius: 2px;
    -webkit-transform: rotate(-43deg);
    transform: rotate(-43deg);
}

.inbox-controls .select-mail .all {
    display: inline-block;
    vertical-align: 2px;
    width: 62%;
}

.inbox-controls .select-mail .all:after {
    content: "";
    border: solid 5px transparent;
    border-top: solid 5px #000;
    border-bottom: 0;
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.inbox-controls .select-mail .select-mail-dropmenu {
    position: absolute;
    background: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100px;
    z-index: 9;
    border: solid 1px #ccc;
    left: -1px;
    top: 100%;
    display: none;
}

.inbox-controls .select-mail .select-mail-dropmenu li {
    padding: 5px 8px;
    border-bottom: solid 1px #ddd;
}

.inbox-controls .select-mail .select-mail-dropmenu span {
    vertical-align: -2px;
}

.inbox-controls .view {
    border: solid 1px #c2c2c2;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e7e7e7));
    background: linear-gradient(to bottom, #ffffff 0%, #e7e7e7 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0);
    padding: 8px 15px;
    display: inline-block;
    /*vertical-align: top;*/
    font-weight: 700;
}

.inbox-controls .view a {
    color: #000064;
}

.inbox-controls .view a:hover {
    color: #e66e3e;
}

.inbox-controls .showing,
.inbox-controls .vasm-btn {
    display: table-cell;
    text-align: right;
    /*white-space: nowrap;*/
}

.inbox-controls .showing .showin-txt {
    display: inline-block;
}

.inbox-controls .showing a {
    font-weight: normal;
    color: #2E2E2E !important;
}

.inbox-controls .showing a.pre,
.inbox-controls .showing a.next,
.inbox-controls .showing a.first,
.inbox-controls .showing a.last {
    font-family: "FontAwesome";
    font-size: 16px;
    border: solid 1px #c2c2c2;
    cursor: pointer;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e7e7e7));
    background: linear-gradient(to bottom, #ffffff 0%, #e7e7e7 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0);
    padding: 0px 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: -5px;
    position: relative;
    text-decoration: none;
    height: 25px;
    line-height: 25px;
}

.inbox-controls .showing a.pre {
    margin-right: -1px;
    margin-left: 10px;
}

.inbox-controls .showing a.pre:before {
    content: "\f104";
}

.inbox-controls .showing a.next:before {
    content: "\f105";
}

.inbox-controls .showing a.deactive {
    color: #b9b9b9 !important;
    text-decoration: none;
}

.inbox-controls .showing a.first {
    margin-right: -1px;
    margin-left: 20px;
    height: 25px;
    position: relative;
}

.inbox-controls .showing a.first:before {
    content: "\f100";
}

.inbox-controls .showing a.last {
    margin-right: -1px;
    margin-left: 10px;
    height: 25px;
    position: relative;
}

.inbox-controls .showing a.last:before {
    content: "\f101";
}

.inbox-controls .showing a:hover {
    text-decoration: none;
}

.inbox-controls-btns {
    margin-top: 20px;
}

.inbox-controls-btns .btn-flag {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-right: 3px;
    text-decoration: none;
    font-size: 13px;
}

.inbox-controls-btns .btn-flag:hover {
    background: #006400;
    color: #fff;
    text-decoration: none;
}

.inbox-controls-btns .btn-unflag {
    color: #000064;
    border: solid 2px #000064;
    border-radius: 4px;
    padding: 4px 15px;
    cursor: pointer;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-right: 3px;
    text-decoration: none;
    font-size: 13px;
}

.inbox-controls-btns .btn-unflag:hover {
    background: #000064;
    color: #fff;
    text-decoration: none;
}

.inbox-controls-btns .btn-del {
    color: #b10000;
    border: solid 2px #b10000;
    border-radius: 4px;
    padding: 4px 15px;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    display: inline-block;
    margin-right: 3px;
    text-decoration: none;
    font-size: 13px;
}

.inbox-controls-btns .btn-del:hover {
    background: #b10000;
    color: #fff;
    text-decoration: none;
}

.inbox-controls .goto {
    display: table-cell;
}

.inbox-controls-right .inbox-controls .goto {
    padding-left: 15px;
}

.inbox-controls .goto input,
.inbox-controls .goto select {
    display: inline-block;
    /*max-width: 65px;
    text-align: right;*/
    vertical-align: middle;
    margin: 0 0 0 5px;
    width: auto;
    padding-right: 20px;
}

.inbox-controls .goto input.form-control {
    width: 60px;
    height: 23px;
    font-size: 13px;
    padding: 3px 14px;
}

.inbox-controls .goto .btn-go {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    font-size: 13px;
    cursor: pointer;
    background: #fff;
}

.inbox-controls .goto .btn-go:hover {
    background: #006400;
    color: #fff;
}

.inbox-controls .goto .labelInputWrapper,
.inbox-controls .goto .labelInputWrapper.wrapperActive,
.inbox-controls .goto .labelInputWrapper.wrapperFocus {
    display: inline;
    padding: 3px 12px;
}

.inbox-controls .goto .labelInputWrapper .labelPlaceholder,
.inbox-controls .goto .labelInputWrapper.wrapperActive .labelPlaceholder.labelFocus,
.inbox-controls .goto .labelInputWrapper.wrapperFocus .labelPlaceholder.labelFocus {
    left: 5px;
    right: 5px;
}

.inbox-controls .goto .labelInputWrapper .form-control,
.inbox-controls .goto .labelInputWrapper.wrapperActive .form-control.inputFocus,
.inbox-controls .goto .labelInputWrapper.wrapperFocus .form-control.inputFocus {
    height: 20px;
    padding: 0;
    padding-left: 25px;
    padding-bottom: 6px;
    font-weight: 400;
}


/*********************end Matchmaker Inbox*******************/


/*********************Message details Inbox*******************/

.msg-details a {
    color: #1683fa;
}

.msg-details .box-msg-details {
    background: #fff;
    padding: 20px;
    border: solid 1px #b7b7b7;
    margin-top: 20px;
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word;
}

.msg-details .box-msg-details table {
    word-wrap: normal;
    word-break: normal;
    word-break: normal;
}

.msg-details .box-msg-details img {
    max-width: 100%;
    height: auto !important;
}

.box-msg-details h1,
.box-msg-details h2,
.box-msg-details h3,
.box-msg-details h4,
.box-msg-details h5,
.box-msg-details h6 {
    color: inherit;
}

.msg-details .row-msg-info {
    display: table;
    width: 100%;
}

.msg-details .row-msg-info p {
    margin-bottom: 5px;
}

.msg-details .col-msg-info {
    display: table-cell;
    vertical-align: top;
}

.msg-details .col-msg-info .profile-img {
    width: 90px;
    height: 90px;
    border-radius: 8px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}

.msg-details .col-msg-info+.col-msg-info {
    width: 250px;
    text-align: right;
}

.msg-details .col-msg-info .badges-img {
    display: inline-block;
    vertical-align: top;
    width: 90px;
    margin-left: 20px;
}

.msg-details .col-msg-info .owl-next,
.msg-details .col-msg-info .owl-prev {
    background: none;
    border: 0;
    color: #1683fa;
    width: 20px;
    height: 20px;
    margin: 0;
}

.msg-details .col-msg-info .owl-nav {
    margin-top: 5px;
}

.msg-details .btns {
    padding-bottom: 5px;
}

.msg-details .btns .btn-reply {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 4px 12px;
    cursor: pointer;
    background: #fff;
    text-decoration: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 0 8px 4px 0;
    display: inline-block;
}

.msg-details .btns .btn-reply:hover {
    background: #006400;
    color: #fff;
}

.msg-details .btns .btn-delete {
    color: #b10000;
    border: solid 2px #b10000;
    border-radius: 4px;
    padding: 4px 12px;
    cursor: pointer;
    background: #fff;
    text-decoration: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 0 8px 4px 0;
    display: inline-block;
}

.msg-details .btns .btn-delete:hover {
    background: #b10000;
    color: #fff;
}

.msg-details .btns .btn-inbox {
    color: #000064;
    border: solid 2px #000064;
    border-radius: 4px;
    padding: 4px 12px;
    cursor: pointer;
    background: #fff;
    text-decoration: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 0 8px 4px 0;
    display: inline-block;
}

.msg-details .btns .btn-inbox:hover {
    background: #000064;
    color: #fff;
}

.msg-details .btns .btn-fwdtommsup {
    color: #e66e3e;
    border: solid 2px #e66e3e;
    border-radius: 4px;
    padding: 4px 12px;
    cursor: pointer;
    background: #fff;
    text-decoration: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    display: inline-block;
}

.msg-details .btns .btn-fwdtommsup:hover {
    background: #e66e3e;
    color: #fff;
}

.msg-details .cm-controls:after {
    content: "";
    display: block;
    clear: both;
}

.msg-details .cm-controls .btn-send-mail {
    background: #fff;
    border: 2px solid #006400;
    border-radius: 4px;
    color: #006400;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    margin: 0px;
    padding: 4px 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.msg-details .cm-controls .btn-send-mail:hover {
    background: #006400;
    color: #fff;
}

.msg-details .note {
    padding: 5px 0;
}

.msg-details .note strong {
    color: #d40000;
}

.msg-details .original-msg {
    color: #26377d;
}

.msg-details a.report-spam {
    display: inline-block;
    color: #cb0000 !important;
    margin-right: 15px;
    border-right: solid 1px #c3c3c3;
    padding-right: 15px;
    font-size: 16px;
}

.msg-details a.report-spam:hover,
.msg-details a.report-spam:hover {
    color: #323232 !important;
    text-decoration: none;
}


/*********************end Message details Inbox*******************/


/*********************My Matches*******************/

.my-matches .stats {
    text-align: left;
    margin-bottom: 10px;
}

.my-matches .stats-table {
    border: solid 1px #c2c2c2;
    padding: 15px;
    display: table;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
}

.my-matches .stats-table .stats-table-cell {
    display: table-cell;
    text-align: center;
}

.my-matches .stats-table .stats-table-cell a {
    color: #000;
    text-decoration: none;
}

.my-matches .stats-table .stats-table-cell a:hover {
    text-decoration: none;
}

.my-matches .stats-table .stats-table-cell .active-matches {
    background: url(../images/sprites.png) no-repeat -216px -207px;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: -9px;
    margin-right: 2px;
}

.my-matches .stats-table .stats-table-cell span+.tooltip {
    opacity: 1;
    font-family: inherit;
}

.my-matches .stats-table .stats-table-cell span+.tooltip>.tooltip-inner {
    background: #fff;
    color: #000;
    border: solid 1px #c2c2c2;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    padding: 10px 15px;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: normal;
}

.my-matches .stats-table .stats-table-cell span+.tooltip>.tooltip-arrow {
    display: none;
}

.my-matches .stats-table .stats-table-cell .mat-send7days {
    background: url(../images/sprites.png) no-repeat -216px -251px;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: -9px;
    margin-right: 2px;
}

.my-matches .stats-table .stats-table-cell .mutually-approved {
    background: url(../images/sprites.png) no-repeat -216px -366px;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: -9px;
    margin-right: 2px;
}

.my-matches .stats-table .stats-table-cell .accepted-match {
    background: url(../images/sprites.png) no-repeat -216px -320px;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: -9px;
    margin-right: 2px;
}

.my-matches .stats-table .stats-table-cell .matches-pending {
    background: url(../images/sprites.png) no-repeat -219px -410px;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: -9px;
    margin-right: 2px;
}

.my-matches .instruction {
    margin-top: 15px;
}

.my-matches .instruction strong {
    color: #26377d;
}

.my-matches .optional-filter {
    /* border: solid 1px #c2c2c2; */
    padding: 15px;
    margin: 15px 0;
}

.my-matches .optional-filter h5 {
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0;
}

.my-matches .optional-filter .of-row {
    width: 100%;
    display: table;
}

.my-matches .optional-filter .of-row .of-cell {
    display: table-cell;
    padding: 0 5px 5px;
    vertical-align: middle;
    width: 20%;
}

.my-matches .optional-filter .of-row .of-cell .labelInputWrapper {
    margin: 0;
}

.my-matches .optional-filter .of-row .of-cell .btn-search {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    background: #fff;
}

.my-matches .optional-filter .of-row .of-cell .btn-search:hover {
    background: #006400;
    color: #fff;
}

.my-matches .optional-filter .of-row .of-cell:last-child {
    width: 100px;
}

.my-matches .mmWrapper .mm-row {
    display: table;
    width: 100%;
    border-bottom: solid 1px #dbdbdb;
    padding: 15px 0;
}

.my-matches .mmWrapper .mm-row .mm-col {
    display: table-cell;
    vertical-align: middle;
    width: 20%;
}

.member-myMatch .mmWrapper .panel-heading .mm-row .mm-col {
    color: #333;
}

.member-myMatch .mmWrapper .mm-row .mm-col.status {
    padding-left: 15px;
}

.my-matches .mmWrapper .mm-row .mm-col p {
    margin: 0;
}

.my-matches .mmWrapper .mm-row .mm-col p a {
    color: inherit;
}

.my-matches .mmWrapper .mm-row .mm-col .name {
    color: #bf193c;
}

.my-matches .mmWrapper .mm-row .mm-col .name a {
    color: #bf193c;
}

.my-matches .mmWrapper .mm-row .mm-col .address {
    color: #00288b;
}

.my-matches .mmWrapper .mm-row .mm-col .type {
    color: #009000;
}

.my-matches .mmWrapper .mm-row .mm-col .btn-update {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    font-size: 13px;
    cursor: pointer;
    display: inline-block;
    margin: 0 0 5px 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    white-space: nowrap;
    text-decoration: none;
    /*max-width: 200px;*/
    text-align: center;
}

.my-matches .mmWrapper .mm-row .mm-col .btn-update:hover {
    background: #006400;
    color: #fff;
    text-decoration: none;
}
/* Changed by mehul for Update My Matches pages and Update progress pages */
.my-matches .mmWrapper .mm-row .mm-col .btn-update { 
background:#e66e3e;
color:#fff;
border: solid 2px #e66e3e;
}
.my-matches .mmWrapper .mm-row .mm-col .btn-update:hover { 
background:#fff;
color:#e66e3e;
border: solid 2px #e66e3e;
}
/* Changed by mehul for Update My Matches pages and Update progress pages */
.my-matches .mmWrapper .mm-row .mm-col .btn-unblock {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 9px 30px;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
}

.my-matches .mmWrapper .mm-row .mm-col .btn-unblock:hover {
    text-decoration: none;
}

.my-matches .mmWrapper .mm-row .col-left {
    width: 30px;
}

.my-matches .mmWrapper .mm-row .col-pic {
    width: 6%;
    min-width: 80px;
    padding-right: 15px;
    display: table-cell;
    vertical-align: middle;
}

.my-matches .mmWrapper .mm-row .bml-info {
    display: table-cell;
    vertical-align: middle;
}

.my-matches .mmWrapper .mm-row .col-pic .bml-profile-pic {
    display: table-cell;
    width: 70px;
    height: 70px;
    vertical-align: middle;
    position: relative;
}

.my-matches .mmWrapper .mm-row .col-pic .bml-profile-pic .img {
    overflow: hidden;
    border-radius: 17px;
    border: solid 1px #d2d2d2;
    height: 65px;
    width: 65px;
}

.my-matches .mmWrapper .mm-row .col-pic .bml-profile-pic .img img {
    max-width: 100%;
}

.my-matches .mmWrapper .mm-row .col-pic .bml-profile-pic .icon-call {
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -252px -16px;
    display: block;
    left: -5px;
    bottom: -8px;
}

.my-matches .mmWrapper .mm-row .col-pic .bml-profile-pic .icon-msg {
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -294px -16px;
    display: block;
    right: -5px;
    bottom: -8px;
}

.my-matches .mmWrapper .mm-row .col-pic .bml-profile-pic .icon-mail {
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -212px -16px;
    display: block;
    right: -5px;
    bottom: -8px;
}

.my-matches .mmWrapper .mm-row .mm-col .icon-call {
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -252px -16px;
    display: inline-block;
    /*right:0;*/
    vertical-align: middle;
    display: none;
}

.my-matches .mmWrapper .mm-row .mm-col .icon-mail {
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -212px -16px;
    display: inline-block;
    right: 0;
    vertical-align: middle;
}

.my-matches .mmWrapper .mm-row .mm-col .icon-msg {
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -294px -16px;
    display: inline-block;
    right: 0;
    vertical-align: middle;
}

.my-matches .mmWrapper .mm-row .mm-col .approved {
    color: #009000;
}

.my-matches .mmWrapper .mm-row .mm-col .disapproved,
.member-myMatch .mmWrapper .mm-row .mm-col p span.red {
    color: #ff0000;
}

.my-matches .mmWrapper .mm-row .mm-col .prog span {
    color: #009000;
}

.my-matches .mmWrapper .mm-row .mm-col .prog span.blue {
    color: #26377d;
}

.my-matches .mmWrapper .mm-row .mm-col .date {
    /*padding-top: 10px;*/
}

.my-matches .mmWrapper .mm-row .mm-col .suggestion {
    /* font-size: 11px; */
}

.my-matches .mmWrapper .mm-row .mm-col:nth-child(3) {
    width: 15%;
}

.my-matches .mmWrapper .mm-row .mm-col.action {
    width: 25%;
    min-width: 190px;
    text-align: center;
}

.my-matches .mmWrapper .mm-row:last-child {
    border: 0;
    padding: 0;
}

.member-myMatch .mmWrapper .panel-body .mm-row:last-child {
    padding: 15px 0;
}

.my-matches .row-action-btns a,
.newProfilePage .newViewProfile .row-action-btns a {
    width: 42px;
    height: 42px;
    display: inline-block;
    margin: 0 2px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    vertical-align: top;
}

.newProfilePage .newViewProfile .row-action-btns a.btn-rmp {
    width: auto;
    height: auto;
    border-radius: 4px;
    margin-left: 10px;
}

.my-matches .row-action-btns a:hover,
.newProfilePage .newViewProfile .row-action-btns a:hover {
    -webkit-transform: translate(0, -6px);
    transform: translate(0, -6px);
}

.newProfilePage .newViewProfile .row-action-btns a.btn-rmp:hover {
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
}

.my-matches .row-action-btns+p {
    text-align: center;
}

.my-matches .row-action-btns .link-updte,
.newProfilePage .newViewProfile .row-action-btns .link-updte {
    background: url(../images/sprites.png) no-repeat -258px -58px;
}

.my-matches .row-action-btns .link-close,
.newProfilePage .newViewProfile .row-action-btns .link-close {
    background: url(../images/sprites.png) no-repeat -259px -110px;
}

.my-matches .row-action-btns .link-view,
.newProfilePage .newViewProfile .row-action-btns .link-view {
    background: url(../images/sprites.png) no-repeat -259px -387px;
}

.my-matches .row-action-btns .link-time,
.newProfilePage .newViewProfile .row-action-btns .link-time {
    background: url(../images/sprites.png) no-repeat -259px -215px;
}

.my-matches .row-action-btns .link-hold {
    background: url(../images/sprites.png) no-repeat -324px -347px;
}

.my-matches .row-action-btns .link-reference,
.newProfilePage .newViewProfile .row-action-btns .link-reference {
    background: url(../images/sprites.png) no-repeat -261px -325px;
}

.my-matches .row-action-btns .link-hold,
.newProfilePage .newViewProfile .row-action-btns .link-hold {
    background: url(../images/sprites.png) no-repeat -324px -347px;
}

.my-matches .row-action-btns .link-reviewpro,
.newProfilePage .newViewProfile .row-action-btns .link-reviewpro {
    background: url(../images/sprites.png) no-repeat -259px -162px;
}

.my-matches .row-action-btns .link-photo,
.newProfilePage .newViewProfile .row-action-btns .link-photo {
    background: url(../images/sprites.png) no-repeat -369px -163px;
}

.my-matches .row-action-btns .link-resume,
.newProfilePage .newViewProfile .row-action-btns .link-resume {
    background: url(../images/sprites.png) no-repeat -369px -213px;
}

/* Added by Mehul for Busy Button on Mymatches page - 24 Mar 2020*/

.my-matches .row-action-btns .link-busy,
.newProfilePage .newViewProfile .row-action-btns .link-busy {
    background: url(../images/sprites.png) no-repeat -323px -392px;
}

.my-matches .row-action-btns .link-reactivate,
.newProfilePage .newViewProfile .row-action-btns .link-reactivate {
    background: url(../images/sprites.png) no-repeat -259px -436px;
}

.newProfilePage .newViewProfile .row-action-btns .link-restart {
    background: url(../images/sprites.png) no-repeat -324px -296px;
}

.newProfilePage .newViewProfile .row-action-btns .link-hold {
    background: url(../images/sprites.png) no-repeat -324px -347px;
}
/* Added by Mehul for task - Update myMatches and update progress report on 27-7-21 */
.member-myMatch .optional-filter {
	margin-top:0;
}

.member-myMatch .statsIcon-div {
   display:inline;
   }
.member-myMatch .statsIcon-div a {
   display:inline-block;
   vertical-align:middle;
   }
.member-myMatch .statsIcon-div .mmmnthlymtchsenticon {
	background: url(../images/sprites.png) no-repeat;
	background-position: -58px -446px;
	width: 30px;
	height: 30px;
	display:block;
}
.member-myMatch .statsIcon-div .count {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 700;
	color:#000;
	margin: 3px 10px 3px 5px
}
.member-myMatch  .stats-icon{	
	height: 40px;
	width: 40px;
	background-repeat: no-repeat;
	background: #26377d url(../images/leftpanelicons.png);
	background-position: -5px -712px;
	display: block;
	padding: 5px;
	border-radius: 30px;
	transform:scale(0.7);
	cursor:pointer;
}
#MyMatchesModal .statsWrapper  {
	padding:0 15px;
}
#MyMatchesModal .statsWrapper h4{
	   font-size:18px;
	   font-weight:bold;
	   color:#000;
	   margin: 5px 0;
   }
#MyMatchesModal .statsWrapper p {
	margin: 0 0 5px;
	font-size:16px;
	display: flex;
    justify-content: space-between;
}

#MyMatchesModal .statsWrapper .searchStats {
	margin-top:30px;
	}
#MyMatchesModal .modal-dialog {
	width: 370px;
}
/* Added by Mehul for task - Update myMatches and update progress report on 27-7-21 */	

/*********************end My Matches*******************/


/********************* Search for Matchmaker*******************/
.search-mm .search-mm-block {
    max-width: 300px;
}
.search-mm .search-mm-block p {
    padding: 0;
    margin: 0 0 5px;
}

.search-mm .search-mm-block form {
    display: table;
    width: 100%;
}

.search-mm .search-mm-block form .left,
.search-mm .search-mm-block form .right {
    display: table-cell;
    vertical-align: middle;
}

.search-mm .search-mm-block form .right {
    padding: 0 0 0 10px;
    width: 90px;
}

.search-mm .search-mm-block form .right .btn-src {
    background: #fff;
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 4px 10px;
    font-weight: 700;
    font-size: 13px;
    text-align: center;
    width: 80px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.search-mm .search-mm-block form .right .btn-src:hover {
    background: #006400;
    color: #fff;
}

.search-mm .my-mm {
    border: solid 1px #c4c4c4;
    padding: 10px;
    display: table;
    width: 100%;
    position: relative;
    /*margin-bottom: 20px;*/
}
.search-mm .my-mm + .my-mm {
    border-top: 0;
}
.search-mm .my-mm .mmm-col {
    display: table-cell;
    vertical-align: middle;
}

.search-mm .my-mm .mmm-col+.mmm-col {
    width: 29%;
}

.search-mm .my-mm .mmm-col .mmm-col-tbl {
    display: table;
    width: 100%;
    vertical-align: middle;
}

.search-mm .my-mm .accepted {
    color: #68ae42;
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 20px 2px 0;
}

.search-mm .my-mm .accepted:after {
    content: "";
    border: solid 10px transparent;
    border-top: solid 10px #68ae42;
    border-right: solid 10px #68ae42;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.search-mm .my-mm .pending {
    color: #f9a600;
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 20px 2px 0;
}

.search-mm .my-mm .pending:after {
    content: "";
    border: solid 10px transparent;
    border-top: solid 10px #f9a600;
    border-right: solid 10px #f9a600;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.search-mm .my-mm .mmm-col .user-pic {
    width: 125px;
    display: table-cell;
    vertical-align: middle;
}

/*.search-mm .my-mm .mmm-col:last-child {
    width: 23%;
    min-width: 205px;
}*/

.search-mm .my-mm .mmm-col .img {
    width: 100px;
    height: 100px;
    border-radius: 20px;
    overflow: hidden;
    border: solid 1px #d9d9d9;
}

.search-mm .my-mm .mmm-col .img img {
    width: 100%;
}

.search-mm .my-mm .mmm-col .title {
    color: #26377d;
    font-size: 18px;
    font-weight: 700;
    display: table-cell;
    vertical-align: middle;
}

.search-mm .my-mm .mmm-col .title .name {
    display: table-cell;
    vertical-align: middle;
    width: 250px;
}

.search-mm .my-mm .mmm-col .title .name a {
    color: #26377d;
    vertical-align: middle;
}
/*Updates to My MM task done by Mehul*/
.search-mm .my-mm .mmm-col .title .name a {
	margin-right:5px;
}
.search-mm .my-mm .mmm-col .title .name .messagemmicon{
	margin-right:0;
}
/*Updates to My MM task done by Mehul*/
.search-mm .my-mm .mmm-col .title .mmm-icons {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.search-mm .my-mm .mmm-col ul {
    list-style-type: none;
    float: none;
    margin-bottom: 0px;
    display: inline-block;
    white-space: nowrap;
    padding: 0;
}

.search-mm .my-mm .mmm-col ul li {
    float: left;
}
.search-mm .my-mm .mmm-col ul li a:after {
    content: "";
    display: block;
    clear: both;
}

.search-mm .my-mm .mmm-col ul li .pokemmicon {
    background: url(../images/sprites.png) no-repeat;
    display: inline-block;
    background-position: -55px -367px;
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 15px;
}

.search-mm .my-mm .mmm-col ul li .chatmmicon {
    background: url(../images/sprites.png) no-repeat;
    display: inline-block;
    background-position: -338px -14px;
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 10px;
}

.search-mm .my-mm .mmm-col ul li .messagemmicon,
.search-mm .my-mm .mmm-col .messagemmicon{
    background: url(../images/sprites.png) no-repeat;
    display: inline-block;
    background-position: -109px -367px;
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 15px;
}

.search-mm .my-mm .mmm-col ul li .deletemmicon {
    background: url(../images/sprites.png) no-repeat;
    display: inline-block;
    background-position: -165px -367px;
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 15px;
}
/*member-myMM pages done by mehul*/
.search-mm .find-mm {
	margin-top:15px;
}
/*member-myMM pages done by mehul*/

/********************* end Search for Matchmaker*******************/


/********************* Payment History*******************/

.payment-history .plan {
    margin-bottom: 30px;
}

.payment-history .plan h5 {
    color: #e66e3e;
    font-size: 18px;
    font-weight: 700;
    border-bottom: solid 1px #dadada;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.payment-history .plan div {
    padding: 3px 0;
}


/* .payment-history .plan .plan-body { */


/* min-height: 155px; */


/* } */

.payment-history .plan .plan-body {
    min-height: 190px;
}

.payment-history .plan label {
    color: #26377d;
    font-weight: 300;
    padding-right: 6px;
}

.payment-history .plan .gold {
    color: #f9a600;
    font-weight: 700;
}

.payment-history .plan .platinum {
    color: #8991b6;
    font-weight: 700;
}

.payment-history .plan .free {
    color: #d00000;
    font-weight: 700;
}

.payment-history .plan .basic {
    color: #26377d;
    font-weight: 700;
}

.payment-history .plan .on {
    color: #009b00;
    font-weight: 700;
}

.payment-history .plan .off {
    color: #f00;
    font-weight: 700;
}

.payment-history .plan .btn-update-plan {
    border: solid 2px #000064;
    padding: 4px;
    text-align: center;
    display: inline-block;
    min-width: 300px;
    border-radius: 3px;
    font-size: 13px;
    color: #000064;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none;
}

.payment-history .plan .btn-update-plan:hover {
    background: #000064;
    color: #fff;
    text-decoration: none;
}

.payment-history .payment-history-table {
    border-top: solid 1px #bababa;
    margin-top: 20px;
    padding-top: 40px;
}

.payment-history .payment-history-table h5 {
    color: #e66e3e;
    font-size: 18px;
    font-weight: 700;
}

.payment-history .payment-history-table .ph-table {
    border: solid 1px #66c5df;
    display: table;
    width: 100%;
}

.payment-history .payment-history-table .ph-table .ph-row-head {
    width: 100%;
    display: table-row;
    background: #e8f8fd;
    border-bottom: solid 1px #66c5df;
}

.payment-history .payment-history-table .ph-table .ph-col {
    display: table-cell;
    padding: 12px;
}

.payment-history .payment-history-table .ph-table .ph-row {
    width: 100%;
    display: table-row;
    border-bottom: solid 1px #cfcfcf;
}

.payment-history .payment-history-table .ph-table .ph-row:nth-child(even) {
    background: #f7f7f7;
}

.payment-history .payment-history-table .ph-table .ph-row:last-child {
    border: 0;
}

.payment-history .payment-history-table .ph-table .ph-col:first-child {
    width: 10%;
}

.payment-history .payment-history-table .ph-table .ph-col.date {
    width: 8%;
}

.payment-history .payment-history-table .ph-table .ph-col.type {
    width: 20%;
}

.payment-history .payment-history-table .ph-table .ph-col.mem-type {
    width: 12%;
}

.payment-history .payment-history-table .ph-table .ph-col.payment {
    width: 8%;
}

.payment-history .payment-history-table .ph-table .ph-col.month {
    width: 6%;
}

.payment-history .payment-history-table .ph-table .ph-col.status {
    width: 6%;
}

.payment-history .payment-history-table .ph-table .ph-col.id {
    width: 12%;
}


/********************* end Payment History*******************/


/********************* Member Payment *******************/


/*ad findyourbashert*/

.membership-ad.findyourbashert {
    display: table;
    width: 100%;
}

.membership-ad.findyourbashert .mem-married {
    font-size: 53px
}

.membership-ad.findyourbashert .row-mem {
    display: table-row;
}

.membership-ad.findyourbashert .row-mem .col-mem .features li {
    width: 100%;
}


/*end ad findyourbashert*/


/*ad matchbox*/

.membership-ad.matchbox .row-mem {
    display: table;
}


/*end ad matchbox*/


/*ad jjunction*/

.membership-ad.jjunction .row-mem {
    display: table;
}


/*end ad jjunction*/


/*ad yuconnects*/

.membership-ad.yuconnects .row-mem {
    display: table;
}


/*end ad yuconnects*/


/*ad jretromatch*/

.membership-ad.jretromatch .row-mem {
    display: table;
}


/*end ad jretromatch*/


/*ad jmontreal*/

.membership-ad.jmontreal .row-mem {
    display: table;
}

.membership-ad.jmontreal .row-mem.mont-goldRow {
    border-bottom: 1px solid #c6c6c6;
    padding-bottom: 10px;
}

.membership-ad.jmontreal .row-mem .col-mem.jmontrealImg {
    width: 100%;
    border-bottom: 1px solid #c6c6c6;
    padding-bottom: 10px;
}

.membership-ad.jmontreal .row-mem .col-mem.jmontrealImg img {
    margin: 0 auto;
}


/*end ad jmontreal*/

.membership-ad {
    margin: 20px 0;
    /* border-bottom: solid 1px #c6c6c6; */
    padding-bottom: 10px;
}

.membership-ad .mem-married {
    color: #d7b15e;
    font-size: 45px;
    font-style: italic;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    white-space: nowrap;
}

.membership-ad .btn-gmgy {
    background: url(../images/btn-gold-membership.png) no-repeat center / 100% 100%;
    height: 105px;
    display: block;
    max-width: 612px;
    text-align: center;
    color: #000;
    font-size: 24px;
    text-shadow: -0.5px -0.5px 0 #fcefa8, 0.5px -0.5px 0 #fcefa8, -0.5px 0.5px 0 #fcefa8, 0.5px 0.5px 0 #fcefa8;
    padding: 20px;
    text-decoration: none;
}

.membership-ad .btn-gmgy:hover {
    text-decoration: none;
}

.membership-ad .btn-gmgy strong {
    display: block;
    line-height: 20px;
}

.membership-ad .row-mem {
    width: 100%;
    margin-bottom: 10px;
    display: table;
}

.membership-ad .row-mem .col-mem {
    display: table-cell;
    vertical-align: middle;
    padding-right: 30px;
}

.membership-ad .row-mem .col-mem:first-child {
    width: 40%;
}


/* changes done on 13th May 2019*/

.membership-ad.banner8 .row-mem .col-mem:first-child {
    width: 50%;
}

.membership-ad.banner8 .row-mem .col-mem h3 {
    color: #f9a600;
    font-size: 16px;
    margin: 0 0 5px;
}

.membership-ad.banner8 .row-mem .col-mem .features {
    font-size: 14px;
}

.membership-ad.banner8 .row-mem .col-mem .features li {
    padding: 0px 15px;
}

.membership-ad.banner8 .row-mem .col-mem .features li:before {
    top: 5px;
}

@media only screen and (min-width:1600px) {
    .membership-ad.banner8 .row-mem .col-mem h3 {
        font-size: 20px;
    }
}


/* changes done on 13th May 2019*/

.membership-ad .row-mem .col-mem .features {
    list-style: none;
    padding: 0;
    color: #26377d;
    font-size: 18px;
}

.membership-ad.banner5V2 .row-mem .col-mem .features,
.membership-ad.banner5V2 .table-benefits.table-benefits-new .t-row .t-col.gold,
.membership-ad.banner5V2 .table-benefits.table-benefits-new .t-row .t-col.platinum {
    padding: 0%;
}

.membership-ad .row-mem .col-mem .features li {
    padding: 5px;
    float: left;
    width: 49%;
    padding-left: 20px;
    position: relative;
}

.membership-ad .row-mem .col-mem .features li.platinum-member {
    padding: 0px;
    float: left;
    width: 100%;
    padding-left: 20px;
}

.membership-ad .row-mem .col-mem .features li:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../images/sprites.png) no-repeat -175px -419px;
    position: absolute;
    left: 0;
    top: 13px;
}

.monthly-plan .msg-saveupto {
    color: #f00;
    font-weight: 700;
    font-size: 20px;
}

.monthly-plan .heading-blue {
    border: 0;
}

.monthly-plan .block-plan {
    background: #f4f4f4;
    border: solid 1px #c5c5c5;
    margin-bottom: 20px;
    display: table;
    width: 100%;
    position: relative;
    min-height: 80px;
}

.monthly-plan .block-plan .month {
    padding: 10px;
    font-size: 22px;
    font-weight: bold;
    color: #5d5d5d;
    display: table-cell;
    width: 25%;
    vertical-align: middle;
    text-align: center;
}

.payV3 .monthly-plan .block-plan.offerWrap .month {
    width: 35%;
    font-size: 20px;
    font-weight: bold;
}

.payV3 .monthly-plan .block-plan.offerWrap .price.no-month {
    width: 35%;
    font-size: 20px;
    font-weight: bold;
}

.menuOpen .payV3 .monthly-plan .block-plan.offerWrap .price.no-month {
    width: 35%;
    padding: 10px 45px;
}

.monthly-plan .block-plan .price {
    padding: 10px;
    display: table-cell;
    width: 25%;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-size: 38px;
    font-weight: 300;
}

.monthly-plan .block-plan .price span {
    font-size: 22px;
}

.monthly-plan .block-plan .price.no-month {
    width: 50%;
    padding: 10px 30px;
}

.monthly-plan .block-plan.planPlatinum.platinum .price.no-month {
    padding: 10px 10px 10px 60px
}

.monthly-plan .block-plan .features {
    display: table-cell;
    width: 29%;
    vertical-align: middle;
    padding: 10px 15px;
    font-size: 15px;
}

.menuOpen .payV2 .monthly-plan .block-plan.offerWrap .features {
    width: 33%;
}

.menuOpen .payV3 .monthly-plan .block-plan.offerWrap .price {
    width: 20%;
}


/* .monthly-plan .block-plan.offerWrap .features { */


/* padding: 10px 0px; */


/* } */

.monthly-plan .block-plan .plan-btn {
    display: table-cell;
    width: 25%;
    vertical-align: middle;
    padding: 10px;
    text-align: center;
    font-size: 18px;
}

.monthly-plan .block-plan .plan-btn label {
    display: block;
}

.monthly-plan .block-plan .plan-btn input[type="radio"] {
    display: none;
}

.monthly-plan .block-plan .plan-btn span {
    border: solid 2px #1683fa;
    border-radius: 3px;
    display: block;
    padding: 4px;
    text-align: center;
    background: #fff;
    margin: auto;
    width: 90%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-size: 13px;
}

.monthly-plan .block-plan .plan-btn span:hover {
    text-decoration: none;
    background: #1683fa;
    color: #fff;
}

.monthly-plan .block-plan.months12 .price,
.monthly-plan .block-plan.months6 .price {
    background: #a9d494;
    background: -webkit-gradient(linear, left top, left bottom, from(#a9d494), to(#74a722));
    background: linear-gradient(to bottom, #a9d494 0%, #74a722 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a9d494', endColorstr='#74a722', GradientType=0);
}

.monthly-plan .block-plan.platinummonths3 .price,
.monthly-plan .block-plan.platinummonths1 .price,
.monthly-plan .offerWrap.planPlatinum .month,
.monthly-plan .offerWrap.planPlatinum.mixPlans .price,
.monthly-plan .block-plan.offerWrap.planPlatinum .price.no-month {
    /* background: linear-gradient(to bottom, #dedeff 0%, #68737f 100%); */
    /* background: #68737f; */
    background: #b0becc;
    background: -webkit-gradient(linear, left top, left bottom, from(#b0becc), to(#68737f));
    background: linear-gradient(to bottom, #b0becc 0%, #68737f 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7d8893', endColorstr='#68737f', GradientType=1);
}

.monthly-plan .block-plan.months3 .price,
.monthly-plan .offerWrap.planGold .month,
.monthly-plan .offerWrap.planGold.mixPlans .price,
.monthly-plan .block-plan.offerWrap.planGold .price.no-month {
    background: #ffc841;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffc841), to(#f88c02));
    background: linear-gradient(to bottom, #ffc841 0%, #f88c02 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffc841', endColorstr='#f88c02', GradientType=0);
}

.monthly-plan .offerWrap.planGold .month,
.monthly-plan .offerWrap.planPlatinum .month,
.monthly-plan .block-plan.offerWrap .price.no-month {
    color: #fff;
}

.monthly-plan .block-plan.offerWrap .features {
    font-size: 14px;
}

.monthly-plan .block-plan.offerWrap .plan-btn label {
    margin-bottom: 0;
}

.monthly-plan .offerWrap {
    min-height: 65px;
}

.monthly-plan .block-plan.offerWrap .price {
    color: #ff0000;
    font-size: 26px;
}

.monthly-plan .block-plan.offerWrap .price.no-month,
.monthly-plan .block-plan.offerWrap.mixPlans .price.no-month {
    font-size: 22px;
}

.monthly-plan .block-plan.mixPlans .month {
    font-weight: normal;
}

.monthly-plan .block-plan.offerWrap.mixPlans .price {
    color: #fff;
}

.monthly-plan .block-plan.months1 .price {
    background: #ff6c49;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff6c49), to(#da3f45));
    background: linear-gradient(to bottom, #ff6c49 0%, #da3f45 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff6c49', endColorstr='#da3f45', GradientType=0);
}

.payV3 .monthly-plan .block-plan.offerWrap2 .features {
    width: 54%;
    padding: 0 15px;
}

.menuOpen .payV3 .monthly-plan .block-plan.offerWrap2 .features {
    width: 53%;
    padding: 0 15px;
}

.monthly-plan h4 {
    font-size: 22px;
}

.monthly-plan .block-plan.selected {
    border: solid 1px #1683fa;
    -webkit-box-shadow: 0 0 15px #88dff8;
    box-shadow: 0 0 15px #88dff8;
    background: #e8f8fd;
}

.monthly-plan .block-plan .plan-btn input[type="radio"]:checked+span {
    background: #1683fa;
    color: #fff;
}

.monthly-plan .block-plan .plan-btn input[type="radio"]:checked+span:before {
    content: attr(data-title);
}

.monthly-plan .block-plan .plan-btn input[type="radio"]:checked+span strong {
    display: none;
}

.monthly-plan .block-plan.popular:before {
    content: "";
    position: absolute;
    width: 119px;
    height: 119px;
    background: url(../images/bg-most-popular.png)no-repeat;
    left: -23px;
    top: -24px;
    -webkit-transform: scale(0.69, 0.69);
    transform: scale(0.69, 0.69);
}

.monthly-plan .block-plan.popular:after {
    content: attr(data-title);
    position: absolute;
    left: -14px;
    top: 16px;
    color: #fffab6;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    font-size: 10px;
}

.monthly-plan .offerWrap.popular:after {
    content: attr(data-title);
    position: absolute;
    left: -8px;
    top: 15px;
    color: #fffab6;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    font-size: 8px;
}

.monthly-plan .offerWrap.popular:before {
    content: "";
    position: absolute;
    width: 115px;
    height: 115px;
    background: url(../images/bg-most-popular.png)no-repeat;
    left: -22px;
    top: -22px;
    -webkit-transform: scale(0.69, 0.69);
    transform: scale(0.69, 0.69);
    background-size: 100px;
}

.monthly-plan .block-plan.platinum:before {
    content: "";
    position: absolute;
    width: 140px;
    height: 120px;
    background: url(../images/bg-platinum.png)no-repeat;
    left: -27px;
    top: -22px;
    -webkit-transform: scale(0.69, 0.69);
    transform: scale(0.69, 0.69);
    background-size: contain;
}

.monthly-plan .offerWrap.platinum:before {
    content: "";
    position: absolute;
    width: 120px;
    height: 114px;
    background: url(../images/bg-platinum.png)no-repeat;
    left: -21px;
    top: -21px;
    -webkit-transform: scale(0.69, 0.69);
    transform: scale(0.69, 0.69);
    background-size: 98px;
}

.monthly-plan .block-plan.platinum:after {
    content: attr(data-title);
    position: absolute;
    left: -17px;
    top: 12px;
    color: #000;
    -webkit-transform: rotate(-44deg);
    transform: rotate(-44deg);
    font-size: 9px;
    font-weight: bold;
    word-wrap: break-word;
    text-transform: uppercase;
    width: 80px;
    word-break: break-word;
    text-align: center;
}

.monthly-plan .offerWrap.platinum:after {
    content: attr(data-title);
    position: absolute;
    left: -17px;
    top: 12px;
    color: #000;
    -webkit-transform: rotate(-44deg);
    transform: rotate(-44deg);
    font-size: 7px;
    font-weight: bold;
    word-wrap: break-word;
    text-transform: uppercase;
    width: 70px;
    word-break: break-word;
    text-align: center;
    line-height: 9px;
}

.msg-ucc-note {
    color: #ff0004;
    font-size: 18px;
}

.msg-selected-pkg {
    background: #FFF0F1;
    padding: 25px;
    border: solid 1px #FF5255;
    border-radius: 3px;
    color: #f00;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
}

.marketing-code {
    margin: 20px 0;
}

.marketing-code h5 {
    font-size: 22px;
    color: #26377d;
    padding: 0;
    margin: 0 0 6px;
}

.marketing-code .mc-row {
    display: inline-block;
    padding-top: 3px;
    margin-right: 5px;
    vertical-align: top;
}

.payV2 .marketing-code .mc-row {
    width: 120px;
}

.marketing-code .mc-row .labelInputWrapper {
    margin-bottom: 0;
}

/*.marketing-code input[type="text"] {
    border: solid 1px #bebebe;
    border-radius: 4px;
    vertical-align: middle;
    margin-right: 10px;
    padding: 7px 12px;
    float: left;
}*/

/*.payV2 .marketing-code input[type="text"] {
    border: none;
    float: none;
    padding: 0;
}*/

.marketing-code .btn-updt {
    color: #000064;
    border: solid 2px #000064;
    border-radius: 4px;
    padding: 6px 15px;
    font-size: 13px;
    cursor: pointer;
    background: #fff;
    float: left;
    vertical-align: middle;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.marketing-code .btn-updt:hover {
    background: #000064;
    color: #fff;
}


/*Removed margin top as it was showing extra space for gold Member- Mehul*/

.payment-form {
    border-top: solid 1px #c6c6c6;
    padding-top: 15px;
    /* margin-top: 20px; */
}

.payment-form .existing-card {
    display: table;
    width: 100%;
    padding-bottom: 20px;
    margin-left: -10px;
    margin-right: -10px;
}

.menuOpen .payment-form .existing-card>.col-lg-9 {
    width: 100%;
}

.payment-form .existing-card .col-xs-12.col-sm-12.col-md-6.col-lg-6 {
    display: table-cell;
    float: none;
}

.payment-form .existing-card .col-xs-12.col-sm-12.col-md-6.col-lg-6:nth-child(2) {
    vertical-align: bottom;
}

.payment-form .credit-card-row {
    margin-top: 15px;
}

.payment-form .existing-card .payment-note {
    font-weight: 400;
    position: absolute;
    right: 0;
    margin-right: 15px;
    margin-top: 5px;
    padding: 0;
}

.payment-form .heading {
    color: #26377d;
    padding-bottom: 10px;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 22px;
}

.payment-form .sub-heading {
    color: #000333;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 0px;
    display: inline;
    margin-left: 10px;
}

.payment-form .pf-row {
    margin-left: -5px;
    margin-right: -5px;
}

.payment-form .pf-row .pf-col {
    padding-left: 5px;
    padding-right: 5px;
}


/* .payment-form .credit-card-details {
    border-top: solid 1px #c6c6c6;
    padding-top: 20px;
    margin-top: 20px;
} */

.payment-form .new-card {
    padding: 15px 0 0 0;
}

.payment-form .call-us {
    font-size: 16px;
    padding: 0 0 10px 0;
}

.payment-form .existing-card .call-us {
    padding: 0;
}

.payment-form .call-us strong {
    color: #ff7d23;
    font-size: 18px;
}

.payment-form .credit-card-details .whats-this-padding {
    padding-right: 30px;
}

.payment-form .credit-card-details .security-certificate {
    padding: 20px 0;
}

.payment-form .credit-card-details .existing-card .security-certificate {
    padding: 0;
}

.payment-form .existing-card .credit-card-row .image-card {
    display: inline-block;
    background: #fff;
}

.payment-form .existing-card .credit-card-row .image-card img {
    opacity: 0.2;
    height: 25px;
    margin: 6px 2px 2px;
}

.menuOpen .payment-form .existing-card .credit-card-row .image-card img {
    height: 20px;
}

.payment-form .existing-card .credit-card-row .image-card.transparent img {
    opacity: 1;
}

.payment-form .credit-card-details .existing-card input.billing-card {
    display: inline;
    /* vertical-align: middle; */
    margin: 0;
    margin-left: -20px;
}

.payment-form .credit-card-details .existing-card .cc-box,
.payment-form .credit-card-details .new-card {
    display: inline-block;
    margin: 5px 0px;
    padding: 0;
    width: 100%;
}

.payment-form .credit-card-details .existing-card .verify-cert {
    display: inline;
}

.payment-form .credit-card-details .existing-card .cc-box.gray-box,
.payment-form .credit-card-details .existing-card .new-card.white-box {
    padding: 5px 15px 5px 30px;
}

.payment-form .credit-card-details .whats-this {
    color: #1e87fb;
    border: solid 1px #1e87fb;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: block;
    text-align: center;
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 17px;
    z-index: 9;
}

.payment-form .credit-card-details .whats-this .tip {
    display: inline-block;
    position: absolute;
    border: solid 1px #c2c2c2;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    background: #fff;
    font-size: 13px;
    line-height: normal;
    color: #2E2E2E;
    width: 350px;
    border-radius: 4px;
    padding: 10px;
    text-align: left;
    display: none;
    right: 0;
}

.payment-form .credit-card-details .whats-this:hover .tip {
    display: block;
}

.payment-form .cards-validsec {
    padding: 30px 0;
}

.payment-form .term-condition {
    padding: 0;
    font-size: 16px;
    margin-top: 15px;
}


/* .payment-form .term-condition .set-width {
    width: 62.5%;
    min-width: 62.5%;
} */

.payment-form .term-condition .set-width {
    width: 65.6%;
    min-width: 65.6%;
}

.payment-form .term-condition a {
    color: #000064;
}

.payment-form .term-condition a:hover {
    color: #e66e3e
}

.payment-form a.btn-agree {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 4px 15px;
    font-size: 13px;
    cursor: pointer;
    display: inline-block;
    margin-top: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none;
}

.payment-form .existing-card a.btn-agree {
    font-size: 16px;
}

.payment-form a.btn-agree:hover {
    background: #006400;
    color: #fff;
    text-decoration: none;
}

.payment-form a.change-credit-card,
.payment-form a.change-billing-address {
    margin-left: 0px;
    margin-bottom: 5px;
}

.payment-form a.insert-new-card {
    color: #26377d;
    border: 1px #29397f solid;
    border-radius: 50%;
    text-decoration: none;
    padding: 2px 5px;
    line-height: 1.15;
    margin-left: 15px;
}

.payment-form a.insert-new-card:hover {}

.error .labelInputWrapper,
.error .selectWrapper .form-control,
.error>input {
    border: solid 1px #f00;
}

.payment-form .error-msgs,
#EditBillingAddressModal .error-msgs,
#EditCCModal .error-msgs {
    background-color: #f2dede;
    padding: 10px 15px;
    border-radius: 4px;
    margin-bottom: 20px
}

.payment-form .error-msgs span {
    color: #b10000 !important;
    font-weight: 700;
}

.payment-confirm-table .term-condition {
    border-top: solid 1px #c6c6c6;
    padding-top: 10px;
    margin-top: 10px;
}

.payment-confirm-table .term-condition .btn-row {
    text-align: center;
    /* margin-top: 30px; */
}

.payment-confirm-table .term-condition .btn-row a {
    border-radius: 4px;
    padding: 4px 15px;
    font-size: 13px;
    line-height: normal;
    vertical-align: middle;
    margin: 5px 10px 0 10px;
}

.payment-confirm-table .your-info p {
    margin-bottom: 2px;
}

.payment-confirm-table .your-info p label {
    color: #26377d;
    font-weight: 300;
    padding-right: 6px;
    min-width: 28%;
}

.payment-confirm-table .your-info p span {
    font-weight: 700;
}

.payment-confirm-table .billing-info {
    border-left: solid 1px #d0d0d0;
}

.payment-confirm-table .billing-info p {
    margin-bottom: 2px;
}

.payment-confirm-table .billing-info p label {
    color: #26377d;
    font-weight: 300;
    padding-right: 6px;
    min-width: 28%;
    display: inline-block;
}

.payment-confirm-table .billing-info p span,
.payment-history .plan p span {
    font-weight: 700;
    display: inline-block;
    max-width: 70%;
    vertical-align: top;
    word-break: break-all;
    overflow-wrap: break-word;
}

.menuOpen .payment-confirm-table .billing-info p label {
    min-width: 32%;
}

.menuOpen .payment-confirm-table .billing-info p span {
    max-width: 67%;
}

.payment-confirm-table .cc-details {
    border-left: solid 1px #d0d0d0;
}

.payment-confirm-table .cc-details .card {
    background: #f5f5f5;
    background: -webkit-gradient(linear, left top, right top, from(#f5f5f5), to(#e2e2e2));
    background: linear-gradient(to right, #f5f5f5 0%, #e2e2e2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e2e2e2', GradientType=1);
    padding: 20px;
    border-radius: 10px;
    border: solid 1px #cbcbcb;
    font-size: 20px;
}

.payment-confirm-table .cc-details .card .heading {
    margin-top: 0;
}

.payment-confirm-table .cc-details .card p {
    word-wrap: break-word;
    word-break: break-word;
    word-break: break-all;
}

.payment-note {
    font-size: 13px;
    padding: 10px 0;
    margin: 10px 0 0;
}

.pc-callus {
    padding: 20px 0;
    font-size: 18px;
    text-align: center;
}

.modal-progress {
    text-align: center;
    font-size: 18px;
    color: #26377d;
}

.modal-progress .modal-dialog {
    width: 500px;
}

.modal-progress .modal-body {
    padding: 30px;
}

.modal-progress div.modal-content {
    border-radius: 10px;
}

.modal-progress .loader {
    padding: 20px 0 30px 0;
}

.modal-progress .loader img {
    -webkit-animation: rotation 1.8s infinite linear;
    animation: rotation 1.8s infinite linear;
}

.modal-progress .loader+p {
    margin-bottom: 40px;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.payment-warning {
    text-align: inherit;
    padding: 20px 18% 20px 20px;
    display: table;
    width: 100%;
    background-image: url(../images/private_member.png);
    background-repeat: no-repeat;
    background-position: right 60px center;
}

.payment-warning .col-left,
.payment-warning .col-right {
    display: table-cell;
    vertical-align: middle;
}

.payment-warning .col-right {
    width: 200px;
    text-align: center;
}

.payment-info {
    text-align: inherit;
    padding: 20px;
}

.payment-note-l {
    padding: 20px 0 0 0;
}

.payment-note-l strong {
    color: #ff7f2e;
}

.membership-ad.jretromatch .row-mem .col-mem .features {
    color: #db7028;
    font-size: 18px;
    list-style: outside none none;
}

.membership-ad.jjunction .row-mem .col-mem .features {
    color: #db7028;
    font-size: 18px;
    list-style: outside none none;
}

.membership-ad.banner5 {
    width: 90%;
    margin: 0 auto;
}

.membership-ad.banner5 .row-mem .col-mem {
    width: 50%;
}

.membership-ad.banner5 .row-mem .col-mem .features {
    font-size: 14px;
}

.membership-ad.banner5 .row-mem .col-mem.bgGrey {
    background: #f1f1f1;
    padding: 10px 0 10px 25px;
    width: 100%;
}

.membership-ad.banner5 .mem-platinum {
    color: #8991b6;
    font-size: 45px;
    font-style: italic;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    white-space: nowrap;
}

.membership-ad.banner5 .row-mem .col-mem .features.threecol li {
    float: left;
    padding: 5px 5px 5px 20px;
    position: relative;
    width: 32%;
    color: #ff783a;
}

.membership-ad.platinumBanner {
    width: 100%;
    margin: 0 auto;
}

.membership-ad.platinumBanner .row-mem {
    margin-bottom: 0px;
    height: 100%;
    min-height: 50%;
    max-height: 50%;
    text-align: center;
    position: relative;
    white-space: unset;
}

.membership-ad.platinumBanner .row-mem .vertical-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 10px;
}

.membership-ad.platinumBanner .row-mem .col-mem {
    padding: 0px;
}

.membership-ad.platinumBanner .row-mem .col-mem:first-child {
    width: 59%;
    padding: 0px;
}

.membership-ad.platinumBannerMatrix .row-mem .col-mem:first-child {
    width: 50%;
    padding: 0px;
}

.membership-ad.platinumBanner .row-mem .col-mem img {
    width: 100%;
}

.membership-ad.fybashert .row-mem .col-mem img {
    width: 30%;
    margin: 0 auto;
}

.membership-ad.platinumBanner .row-mem .col-mem .t-col img {
    width: 15px;
}

.membership-ad.platinumBanner .row-mem.mem-gold {
    padding: 15px 0px;
    /* background: url(../images/btn-gold-membership.png) no-repeat center / 115% 140%; */
    background-color: #ffd700;
}

.membership-ad.platinumBanner .row-mem.mem-gold.mem-gold-old {
    padding: 15px 0px;
    background: none;
    border: 2px solid #26377d;
}

.membership-ad.platinumBanner .row-mem.mem-platinum {
    background: #e5e4e2;
    color: #fff;
    padding: 15px 0px;
    font-style: normal;
    font-size: 22px;
}

.membership-ad.platinumBanner .row-mem.mem-platinum.mem-platinum-old {
    background-color: #26377d;
}

.membership-ad.platinumBanner .row-mem.mem-gold label,
.membership-ad.platinumBanner .row-mem.mem-platinum label {
    color: #000;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
}

.membership-ad.platinumBanner .row-mem.mem-gold .features,
.membership-ad.platinumBanner .row-mem.mem-platinum .features {
    color: #000;
    padding: 0px;
}

.membership-ad.platinumBanner .row-mem.mem-platinum.mem-platinum-old label,
.membership-ad.platinumBanner .row-mem.mem-platinum.mem-platinum-old .features {
    color: #fff;
}

.membership-ad.platinumBanner .row-mem.mem-gold .features li,
.membership-ad.platinumBanner .row-mem.mem-platinum .features li {
    font-size: 16px;
}

.membership-ad.platinumBanner .row-mem.mem-gold .features li {
    padding-left: 35px;
    text-align: left;
}

.membership-ad.platinumBanner .row-mem.mem-platinum .features li.platinum-member {
    padding-left: 0px;
}

.membership-ad.platinumBanner .row-mem.mem-gold .features li::before {
    background: url(../images/sprites.png) no-repeat -175px -449px;
    padding-left: 1em;
    width: 10px;
    height: 10px;
    left: 8px;
    top: 11px;
}

.membership-ad.platinumBanner .row-mem.mem-platinum .features li:before {
    display: none;
}

.membership-ad.matchbox .row-mem .col-mem .features {
    color: #db7028;
    font-size: 18px;
    list-style: outside none none;
}

.membership-ad.matchbox .row-mem .col-mem .features.threecol li {
    float: left;
    padding: 5px 5px 5px 20px;
    position: relative;
    width: 32%;
    color: #ff783a;
}

.upgrade-memad .row-mem .col-mem:first-child {
    width: 50%;
}

.upgrade-memad .row-mem .col-mem:last-child {
    text-align: right;
}

.upgrade-memad .row-mem .col-mem .btn-gmgy {
    display: inline-block;
    padding: 11px 17%;
    text-decoration: none;
}

.upgrade-memad .row-mem .col-mem .benefits-heading {
    font-size: 20px;
    margin: 0 0 5px;
    color: #555;
}


/********************* end Member Payment *******************/


/********************* Member Thanks *******************/

.mem-thanks {
    text-align: center;
    padding: 25px 0;
}

.mem-thanks h3 {
    color: #2c323c;
    margin-top: 50px;
}

.mem-thanks .confirmation-id {
    background: #ebffff;
    border: solid 1px #71b8fd;
    padding: 10px 30px;
    display: inline-block;
    border-radius: 5px;
    margin: 25px 0;
}

.mem-thanks .confirmation-id p {
    font-size: 22px;
    font-weight: 700;
}

.mem-thanks .confirmation-id p span {
    color: #26377d;
}

.mem-thanks .btn-row {
    margin: 40px 0;
}

.mem-thanks .btn-row a {
    border-radius: 4px;
    padding: 4px 15px;
    font-weight: 700;
    font-size: 13px;
    line-height: normal;
    vertical-align: middle;
    margin: 5px 10px 0 10px;
}


/********************* end Member Thanks *******************/


/********************* Member Refer *******************/

.refer .left {
    margin-bottom: 20px;
}

.refer .left a {
    color: #000064;
    font-weight: 700;
}

.refer .left a:hover {
    color: #e66e3e;
}

.refer .refer-form h5 {
    margin: 0 0 10px 0;
    padding: 0;
}

.refer .refer-form .row {
    margin-left: -5px;
    margin-right: -5px;
}

.refer .refer-form .rf-col {
    padding-left: 5px;
    padding-right: 5px;
}

.refer .refer-form .btn-send-mail {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 4px 15px;
    font-size: 13px;
    cursor: pointer;
    display: inline-block;
    margin-top: 5px;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.refer .refer-form .btn-send-mail:hover {
    background: #006400;
    color: #fff;
}


/********************* end Member Refer *******************/


/*********************fixes*******************/

.panel {
    margin-bottom: 0 !important;
    border-radius: 0 !important;
}

.twoMM .mathmakerName {
    width: 28%;
    margin-top: 5px;
}

.twoMM .mathmakerName .mmNameMain {
    line-height: normal;
}

.twoMM .matchmakerThreeicons {
    width: 19%;
}

.twoMM .relationship-status {
    width: 28%;
    padding: 5px 0 0 0;
}

.twoMM .matchmakernotifctonicons {
    margin: 0;
}

.twoMM .mmcontacticonsMain ul {
    padding: 0;
    white-space: nowrap
}

.twoMM .mmcorrespndgicons ul {
    white-space: nowrap
}

.twoMM .mmcontacticonsMain .deletemmicon {
    margin-right: 0;
}

.twoMM .mmcorrespndgicons ul li {
    padding-left: 8px;
}


/*********************end fixes*******************/

a[data-toggle="tooltip"] {
    display: inline-block;
}

.pop-small .modal-dialog {
    max-width: 400px
}


/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/


/*********************Suggest a match*******************/

.suggest-match-form .heading-orange {
    color: #ff7d23;
    font-size: 20px;
}

.suggest-match-form .left,
.suggest-match-form .right {
    margin: 20px 0 10px;
}

.suggest-match-form .left h4,
.suggest-match-form .right h4 {
    color: #26377d;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

.suggest-match-form .sm-row {
    margin-left: -5px;
    margin-right: -5px;
}

.suggest-match-form .sm-row .sm-col {
    padding-left: 5px;
    padding-right: 5px;
}

.suggest-match-form .sm-row .sm-col strong {
    color: #1683fa;
    font-weight: 400;
}

.suggest-match-form .sm-row label {
    font-weight: 300;
}

.suggest-match-form .row-btn {
    padding-top: 10px;
    text-align: right;
}

.suggest-match-form .row-btn .btn-suggest-match {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 4px 15px;
    font-size: 13px;
    cursor: pointer;
    display: inline-block;
    margin-top: 5px;
    background: #fff;
    margin: 0 4px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    max-width: 100%;
    white-space: normal;
}

.suggest-match-form .row-btn .btn-suggest-match:hover {
    background: #006400;
    color: #fff;
}

.suggest-match-form .row-btn .btn-cancel {
    color: #b10000;
    border: solid 2px #b10000;
    border-radius: 4px;
    padding: 4px 15px;
    font-size: 13px;
    cursor: pointer;
    display: inline-block;
    margin: 5px 0 0 4px;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    max-width: 100%;
    white-space: normal;
    text-align: center;
    text-decoration: none;
}

.suggest-match-form .row-btn .btn-cancel:hover {
    background: #b10000;
    color: #fff;
    text-decoration: none;
}

.suggest-match-form .imp-note {
    border-top: solid 1px #d9d9d9;
    padding-top: 20px;
    margin-top: 20px;
}

.suggest-match-form .imp-note strong {
    color: #d50000;
}

.suggest-match-form .thank-u {
    font-size: 20px;
    color: #fa6d00;
    text-align: center;
    padding: 30px 20px;
}

.smf-instructions {
    margin-top: 15px;
}

.smf-instructions strong {
    color: #1683fa;
}


/*********************end Suggest a match*******************/


/*********************Member Suggestion History*******************/

.match-information .instruction {
    margin-bottom: 15px;
}

.match-information .instruction strong {
    color: #1f81f0;
}

.match-information h4 {
    color: #26377d;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 700;
}

.match-information .mi-table {
    display: table;
    width: 100%;
}

.match-information .mi-table .panel-default {
    display: table;
    width: 100%;
}

.match-information .mi-table .panel-heading {
    display: table-row-group;
    width: 100%;
}

.match-information .mi-table .panel-heading .row-match-info {
    border: 0;
    padding: 0;
}

.match-information .mi-table .row-match-info {
    display: table-row;
    width: 100%;
    border-bottom: solid 1px #ddd;
    padding: 10px 0;
}

.match-information .mi-table .row-match-info:last-child {
    border: 0;
    padding-bottom: 0;
}

.match-information .mi-table .panel-heading .row-match-info .mi-col a {
    color: #1683fb;
    cursor: pointer;
}

.match-information .mi-table .panel-body {
    display: table-row-group;
}

.match-information .row-match-info .mi-col {
    display: table-cell;
    vertical-align: top;
    padding: 5px 4px;
    border-bottom: solid 1px #ddd
}

.match-information .row-match-info .mi-col:last-child {
    width: 20%;
    padding-right: 10px;
}

.match-information .row-match-info .mi-col p {
    margin: 0 0 4px 0;
}

.match-information .row-match-info .mi-col .title {
    font-size: 16px;
    color: #193cbf;
    font-weight: 700;
}

.match-information .row-match-info .mi-col .editReligiousInfo {
    background-color: #dadada;
}

.match-information .row-match-info .mi-col.status {
    text-align: right;
}

.match-information .row-match-info .mi-col.status strong {
    color: #26377d;
}

.match-information .row-match-info .mi-col.col-female .title {
    color: #bf193c;
}

.match-information .btn-make-suggestion {
    padding: 10px 0;
}

.match-information .btn-make-suggestion a {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 4px 15px;
    font-size: 13px;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none;
}

.match-information .btn-make-suggestion a:hover {
    background: #006400;
    color: #fff;
    text-decoration: none;
}

.match-information .btn-email-phone {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-bottom: 3px;
    min-width: 100px;
    text-decoration: none;
}

.match-information .btn-email-phone:hover {
    background: #006400;
    color: #fff;
    text-decoration: none;
}


/*********************end Member Suggestion History*******************/

.cm-controls {
    margin-top: 15px;
    padding-top: 15px;
    border-top: solid 1px #dedede;
}


/*********************View Matchmaker Profile*******************/

.view-mm-profile .row-profile-name {
    font-size: 18px;
    padding: 0 0 12px 0;
}

.view-mm-profile .row-profile-name a {
    text-decoration: none;
}

.view-mm-profile .row-profile-name:after {
    content: "";
    clear: both;
    display: block;
}

.view-mm-profile .row-profile-name .btn-group {
    display: inline-block;
}

.view-mm-profile .row-profile-name .btn-group a {
    display: inline-block;
    text-decoration: none;
}

.view-mm-profile .row-profile-name .btn-previous {
    color: #b10000;
    border: solid 2px #b10000;
    border-radius: 4px;
    padding: 4px 15px;
    font-size: 13px;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-top: 5px;
}

.view-mm-profile .row-profile-name .btn-previous:hover {
    background: #b10000;
    color: #fff;
    text-decoration: none;
}

.view-mm-profile .row-profile-name .btn-add {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 4px 15px;
    font-size: 13px;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.view-mm-profile .row-profile-name .btn-add:hover {
    background: #006400;
    color: #fff;
    text-decoration: none;
}

.view-mm-profile .row-profile-name a:after {
    display: none;
    position: absolute;
    background: #fff;
    color: #000;
    border: solid 1px #c2c2c2;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    font-size: 13px;
    font-weight: 300;
    padding: 10px 15px;
    border-radius: 4px;
    min-width: 200px;
    margin-top: 12px;
    z-index: 999;
}

.view-mm-profile .row-profile-name a:hover:after {
    display: block;
}

.view-mm-profile .row-profile-name .btn-add:after {
    content: attr(data-original-title);
    left: 0;
}

.view-mm-profile .row-profile-name .btn-sendmail:after {
    content: attr(data-original-title);
    left: 0;
}

.view-mm-profile .row-profile-name .btn-chat:after {
    content: attr(data-original-title);
    right: 0;
}

.view-mm-profile .row-profile-name .btn-blk:after {
    content: attr(data-original-title);
    right: 0;
}

.view-mm-profile .row-profile-name .btn-sendmail,
.view-mm-profile .row-profile-name .btn-chat {
    color: #000064;
    border: solid 2px #000064;
    border-radius: 4px;
    padding: 4px 15px;
    font-weight: 400;
    font-size: 13px;
    cursor: pointer;
    margin: 0 8px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.view-mm-profile .row-profile-name .btn-sendmail:hover,
.view-mm-profile .row-profile-name .btn-chat:hover {
    background: #000064;
    color: #fff;
    text-decoration: none;
}

.view-mm-profile .row-profile-name .btn-chat {
    margin: 0 8px 0 0;
}

.view-mm-profile .row-profile-name .btn-group .tooltip {
    opacity: 1;
    font-family: inherit;
}

.view-mm-profile .row-profile-name .btn-group .tooltip>.tooltip-inner {
    background: #fff;
    color: #000;
    border: solid 1px #c2c2c2;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    padding: 10px 15px;
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    letter-spacing: normal;
    min-width: 170px;
    text-align: left;
}

.view-mm-profile .row-profile-name .btn-group .tooltip>.tooltip-arrow {
    display: none;
}

.view-mm-profile .add-mm-row {
    background: #e8f8fd;
    padding: 18px;
    border: solid 1px #66c5df;
    border-radius: 5px;
    display: table;
    width: 100%;
}

.view-mm-profile .add-mm-row .btn-add-mem {
    background: #fff;
    padding: 4px 15px;
    border: solid 2px #006400;
    color: #006400;
    border-radius: 4px;
    font-size: 13px;
    display: inline-block;
    margin-bottom: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none;
}

.view-mm-profile .add-mm-row .btn-add-mem:hover {
    background: #006400;
    color: #fff;
    text-decoration: none;
}

.view-mm-profile .add-mm-row .left,
.view-mm-profile .add-mm-row .right {
    display: table-cell;
    vertical-align: top;
}

.view-mm-profile .add-mm-row .right .labelInputWrapper {
    margin: 0;
}

.view-mm-profile .add-mm-row .right p {
    margin-bottom: 4px;
}

.view-mm-profile .profile-info {
    display: table;
    width: 100%;
    margin: 15px 0;
}

.view-mm-profile .profile-info:after {
    content: "";
    display: block;
    clear: both;
}

.view-mm-profile .profile-info-bdr {
    border-top: solid 1px #d9d9d9;
    padding-top: 20px;
    margin-top: 0;
}

.view-mm-profile .profile-info .pi-cell {
    display: table-cell;
    vertical-align: middle;
}

.view-mm-profile .profile-info .pi-cell:first-child {
    width: 140px;
    padding-right: 20px;
}

.view-mm-profile .profile-info .pi-cell label {
    color: #000064;
    font-weight: 300;
    margin-bottom: 0;
}

.view-mm-profile .profile-info .pi-cell p {
    margin-bottom: 5px;
}

.view-mm-profile .profile-info .pi-cell .mm-pic {
    display: inline-block;
    width: 120px;
    /* height: 120px;*/
    vertical-align: middle;
    position: relative;
    text-align: center;
}

.view-mm-profile .profile-info .pi-cell .mm-pic img {
    max-width: 100%;
    border: solid 2px #ccc;
    border-radius: 15px;
}

.view-mm-profile .profile-info .pi-cell .mm-pic a.editPic {
    color: #FFF;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: 3px;
    margin-right: 4px;
    margin-bottom: 1px;
}

.view-mm-profile .profile-info .pi-cell .mm-badge {
    display: block;
    text-align: center;
    padding: 0 7px;
}

.view-mm-profile .profile-info .pi-cell .mm-badge a {
    color: #000064;
    display: inline-block;
    text-decoration: none;
}

.view-mm-profile .profile-info .pi-cell .mm-badge img {
    max-width: 88px;
    margin: auto;
}

.view-mm-profile .profile-info .pi-cell .mm-badge p:first-child {
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
}

.view-mm-profile .profile-info .pi-cell.badges {
    text-align: right;
    white-space: nowrap;
    width: 440px;
}

.view-mm-profile .panel {
    margin-bottom: 15px;
}

.view-mm-profile .mm-info label {
    color: #000064;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
}

.view-mm-profile .info-panel {
    margin-bottom: 15px;
}

.view-mm-profile .info-panel .panel-heading a.editGroup {
    position: absolute;
    z-index: 9;
    right: 0;
    margin-right: 25px;
}

.view-mm-profile .info-panel p {
    margin: 0;
    word-break: break-all;
    word-break: break-word;
    word-wrap: break-word;
}

.view-mm-profile .info-panel p a {
    color: #000;
}

.view-mm-profile .info-panel p a:hover {
    color: #e66e3e;
}

.view-mm-profile .row-country {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

.view-mm-profile .row-country .left {
    width: 100px;
}

.view-mm-profile .row-country .left,
.view-mm-profile .row-country .right {
    display: table-cell;
    vertical-align: top;
}

.view-mm-profile .btn-row {
    text-align: center;
    padding: 35px;
}

.view-mm-profile .btn-row .btn-back {
    color: #000064 !important;
    background-color: transparent;
    text-decoration: underline;
    text-decoration: none;
}

.view-mm-profile .btn-row .btn-back:hover {
    color: #fff !important;
    background-color: #000064;
}

.view-mm-profile .heading-blue:after {
    content: "";
    display: block;
    clear: both;
}

.view-mm-profile .vmp-btn-group a {
    display: inline-block;
}

.view-mm-profile .vmp-btn-group .btn-sendmail,
.view-mm-profile .vmp-btn-group .btn-chat {
    color: #000064;
    border: solid 2px #000064;
    border-radius: 4px;
    padding: 4px 15px;
    font-weight: 400;
    font-size: 13px;
    cursor: pointer;
    margin: 0 8px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none;
}

.view-mm-profile .vmp-btn-group .btn-sendmail:hover,
.view-mm-profile .vmp-btn-group .btn-chat:hover {
    background: #000064;
    color: #fff;
    text-decoration: none;
}
/* added by Mehul mm-profile-redesign*/
.view-mm-profile .mem-vmp-btn-group a{
    background: url(../images/sprites.png) no-repeat;
    display: inline-block;
    background-position: -109px -367px;
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 10px;
}
.view-mm-profile .mem-vmp-btn-group a.btn-chat2{
    background-position: -109px -367px;
}
.view-mm-profile .mem-vmp-btn-group a.btn-poke{
    background-position: -506px -14px;
}
.view-mm-profile .mem-vmp-btn-group a.btn-remove{
    background-position: -466px -14px;
}
.view-mm-profile .mem-vmp-btn-group a.btn-add{
    background-position: -426px -14px;
}
.view-mm-profile .mem-vmp-btn-group a.btn-blk{
    background-position: -385px -14px;
}

.view-mm-profile .panel-body hr{
	margin:5px 0;
}
/* added by Mehul mm-profile-redesign*/
/*********************end View Matchmaker Profile*******************/


/*********************View Matchmaker Awards*******************/

.view-mm-awards .row-profile-name {
    font-size: 18px;
    padding: 0 0 12px 0;
}

.view-mm-awards .row-profile-name:after {
    content: "";
    clear: both;
    display: block;
}

.view-mm-awards .row-profile-name .btn-group {
    display: inline-block;
}

.view-mm-awards .row-profile-name .btn-previous {
    color: #b10000;
    border: solid 2px #b10000;
    border-radius: 4px;
    padding: 6px 16px;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-top: 5px;
}

.view-mm-awards .row-profile-name .btn-previous:hover {
    background: #b10000;
    color: #fff;
    text-decoration: none;
}

.view-mm-awards .row-profile-name .btn-add {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 6px 16px;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.view-mm-awards .row-profile-name .btn-add:hover {
    background: #006400;
    color: #fff;
    text-decoration: none;
}

.view-mm-awards .row-profile-name .btn-sendmail {
    color: #000064;
    border: solid 2px #000064;
    border-radius: 4px;
    padding: 6px 16px;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    margin: 0 8px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.view-mm-awards .row-profile-name .btn-sendmail:hover {
    background: #000064;
    color: #fff;
    text-decoration: none;
}

.view-mm-awards .row-profile-name .btn-chat {
    margin: 0 8px 0 0;
}

.view-mm-awards .row-profile-name .btn-group .tooltip {
    opacity: 1;
    font-family: inherit;
}

.view-mm-awards .row-profile-name .btn-group .tooltip>.tooltip-inner {
    background: #fff;
    color: #000;
    border: solid 1px #c2c2c2;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    padding: 10px 15px;
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    letter-spacing: normal;
    min-width: 170px;
    text-align: left;
}

.view-mm-awards .row-profile-name .btn-group .tooltip>.tooltip-arrow {
    display: none;
}

.view-mm-awards .add-mm-row {
    background: #e8f8fd;
    padding: 18px;
    border: solid 1px #66c5df;
    border-radius: 5px;
    display: table;
    width: 100%;
}

.view-mm-awards .add-mm-row .btn-add-mem {
    background: #fff;
    padding: 7px 18px;
    border: solid 2px #006400;
    color: #006400;
    border-radius: 4px;
    font-size: 16px;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.view-mm-awards .add-mm-row .btn-add-mem:hover {
    background: #006400;
    color: #fff;
    text-decoration: none;
}

.view-mm-awards .add-mm-row .left,
.view-mm-awards .add-mm-row .right {
    display: table-cell;
    vertical-align: top;
}

.view-mm-awards .add-mm-row .right .labelInputWrapper {
    margin: 0;
}

.view-mm-awards .add-mm-row .right p {
    margin-bottom: 4px;
}

.view-mm-awards .profile-info {
    display: table;
    width: 100%;
    margin: 15px 0;
    overflow: hidden;
}

.view-mm-awards .profile-info a {
    color: #000064;
}

.view-mm-awards .profile-info a:hover {
    color: #e66e3e;
}

.view-mm-awards .profile-info-bdr {
    border-top: solid 1px #d9d9d9;
    padding-top: 20px;
    margin-top: 0;
}

.view-mm-awards .profile-info .pi-cell {
    display: table-cell;
    vertical-align: top;
}

.view-mm-awards .profile-info .pi-cell:first-child {
    width: 140px;
    padding-right: 20px;
}

.view-mm-awards .profile-info .pi-cell label {
    color: #1683fb;
    font-weight: 300;
}

.view-mm-awards .profile-info .pi-cell p {
    margin-bottom: 5px;
}

.view-mm-awards .profile-info .pi-cell .mm-pic {
    width: 120px;
    vertical-align: middle;
    position: relative;
    text-align: center;
}

.view-mm-awards .profile-info .pi-cell .mm-pic img {
    max-width: 100%;
    border: solid 2px #ccc;
    border-radius: 15px;
}

.view-mm-awards .award-carousel {
    text-align: center;
}


/*.view-mm-awards .award-carousel .owl-item {
    min-width: 120px;
}*/

.view-mm-awards .award-carousel img {
    max-width: 88px;
    min-width: 100%;
    margin: auto;
    /*opacity: 0.04!important;*/
}

.view-mm-awards .award-carousel .mm-badge p:first-child {
    color: #1683fa;
}

.view-mm-awards .award-carousel .mm-badge a {
    color: #000;
    display: inline-block;
}

.view-mm-awards .award-carousel .awarded img {
    opacity: 1 !important;
}

.view-mm-awards .awards-note {
    border-top: solid 1px #ddd;
    padding-top: 20px;
    margin-top: 20px;
}

.view-mm-awards .awards-note strong {
    color: #d40000;
}

.view-mm-awards .btn-row {
    text-align: center;
    padding: 35px;
}

.view-mm-awards .btn-row .btn-back {
    color: #000064 !important;
    background-color: transparent;
}

.view-mm-awards .btn-row .btn-back:hover {
    color: #fff !important;
    background-color: #000064;
}


/*********************end View Matchmaker Awards*******************/


/*********************Edit Dating Status*******************/


/*.edit-dating-status{margin:50px 0;}*/

.edit-dating-status h5 {
    color: #f47600;
    font-size: 20px;
}

.edit-dating-status .instruction strong {
    color: #26377d;
}

.edit-dating-status .status {
    margin: 30px 0;
}

.edit-dating-status .note p {
    margin-bottom: 7px;
}

.edit-dating-status .note p strong {
    color: #26377d;
}

.edit-dating-status .row-btn {
    text-align: center;
    padding: 30px 0;
}

.edit-dating-status .btn-save {
    color: #000064;
    border: solid 2px #000064;
    border-radius: 4px;
    padding: 4px 15px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    background: #fff;
    margin: 0 20px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.edit-dating-status .btn-save:hover {
    background: #000064;
    color: #fff;
}

.edit-dating-status .btn-cancel {
    color: #797979;
    border: solid 2px #797979;
    border-radius: 4px;
    padding: 4px 15px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.edit-dating-status .btn-cancel:hover {
    background: #797979;
    color: #fff;
}


/*********************end Edit Dating Status*******************/


/*********************Chat CSS*******************/

.chat-wrapper {
    width: 100%;
    margin-top: 30px;
}

.chat-wrapper:after {
    content: "";
    display: block;
    clear: both;
}


/*.chat-wrapper .chatter-list {
    float: left;
    background: #f5f9fc;
    width: 380px;
    padding: 12px;
    -webkit-box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.11);
    box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.11);
    vertical-align: top;
    position: relative;
}
*/

.chat-wrapper .chatter-list {
    float: left;
    width: 380px;
    vertical-align: top;
    position: relative;
}

.chat-wrapper .chatter-list .upload-overlay {
    position: absolute;
    opacity: 0.8;
    border-radius: 2px;
    z-index: 10;
}

.chat-wrapper .chatter-list .search {
    display: table;
    padding: 12px;
    height: 35px;
    width: 100%;
    vertical-align: middle;
    background: #f5f9fc;
    border: 1px #dadada solid;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.chat-wrapper .chatter-list .search .col-search {
    display: table-cell;
    vertical-align: top;
    padding-left: 8px;
}

.chat-wrapper .chatter-list .search .col-support {
    text-align: right;
    display: table-cell;
    vertical-align: top;
    width: 38px;
}

.chat-wrapper .chatter-list .search .col-search .stylish-input-group {
    position: relative;
}

.chat-wrapper .chatter-list .search .col-search .stylish-input-group .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 40px;
    padding: 5px 40px 5px 12px;
    border-radius: 3px;
    border: solid 1px #1683fb;
}

.chat-wrapper .chatter-list .search .col-search .stylish-input-group .form-control:focus {
    color: #e67040;
    border: solid 1px #e67040;
}

.chat-wrapper .chatter-list .search .col-search .stylish-input-group .input-group-addon {
    background: #fff none repeat scroll 0 0 !important;
    border: 0 none;
    height: 20px;
    padding: 0;
}

.chat-wrapper .chatter-list .search .col-search .stylish-input-group button.searchIconChat {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 30px;
    height: 36px;
    border: 0;
    outline: 0;
    background-color: #FFF;
    background-image: url(../images/chaticonsspritev3.png);
    background-repeat: no-repeat;
    background-position: 7px -203px;
    border-radius: 0 3px 3px 0;
}

.chat-wrapper .chatter-list .search .col-search .stylish-input-group button.searchIconChat:hover,
.chat-wrapper .chatter-list .search .col-search .stylish-input-group .form-control:focus+button.searchIconChat {
    background-position: -77px -203px;
}

.chat-wrapper .chatter-list .search .col-search .stylish-input-group button.searchIconChat:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: url(../images/chaticonsspritev3.png) no-repeat -6px -246px;
}

.chat-wrapper .chatter-list .search .col-icon {
    display: table-cell;
    vertical-align: top;
    width: 35px;
}

.chat-wrapper .chatter-list .search .col-filter {
    display: table-cell;
    vertical-align: top;
    /*width: 115px;*/
}

.chat-wrapper .chatter-list .search .col-icon+.col-filter {
    padding-left: 8px;
}

.chat-wrapper .chatter-list .search .chat-filter {
    position: relative;
    font-size: 14px;
    line-height: 18px;
}


/* Grpchat-Mehul*/

.chat-wrapper .chatter-list .search .col-grp {
    display: table-cell;
    vertical-align: top;
    width: 35px;
    padding-left: 5px;
}

#groupchatmodal .modal-content {
    border: 0;
}

#groupchatmodal .modal-header {
    background: #26377d;
}

#groupchatmodal .modal-content .modal-title {
    color: #FFF;
    font-size: 16px;
}

#groupchatmodal .modal-header .close {
    background: url(../images/icon-close.png) no-repeat;
    width: 20px;
    height: 20px;
    background-size: 20px;
    right: 15px;
}

#groupchatmodal .grpchatTop {
    display: table;
    table-layout: fixed;
    width: 100%;
}

#groupchatmodal .grpchatTop .grpChatImgWrap {
    width: 88px;
}

#groupchatmodal .grpchatTop .grpChatImgWrap .grpPic {
    position: relative;
    width: 100%;
    height: 88px;
    border-radius: 5px;
    border: 1px solid #c1c1c1;
}

#groupchatmodal .grpchatTop .grpChatImgWrap .grpPic img {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 88px;
    vertical-align: bottom;
    border-radius: 4px;
}

#groupchatmodal .grpchatTop .grpChatImgWrap .grpPic .groupSelectImageEdit {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    line-height: 84px;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.5);
}

#groupchatmodal .grpchatTop .grpChatImgWrap .grpPic:hover .groupSelectImageEdit {
    display: block;
}

#groupchatmodal .grpchatTop .grpChatImgWrap .grpPic .cameraIcon:before {
    content: '\f030';
    color: #c1c1c1;
    font-family: 'FontAwesome';
    font-size: 36px;
}

#groupchatmodal .grpchatTop .grpChatImgWrap .grpPic .addImageModal .addImageInnerModal {
    padding: 10px 0;
    border: 0;
    display: block;
    cursor: pointer;
}

#groupchatmodal .grpchatTop .grpChatImgWrap .grpPic .addImageModal .addImageInnerModal.drag,
#groupchatmodal .grpchatTop .grpChatImgWrap .grpPic .addImageModal .addImageInnerModal:hover {
    color: #000;
    background: transparent;
    border-color: transparent;
}

#groupchatmodal .grpchatTop .grpChatImgWrap .grpPic .addImageModal .addImageInnerModal p {
    font-size: 12px;
    color: #6c6c6c;
    margin: 0;
}

#groupchatmodal .grpchatTop .grpChatImgWrap .grpPic .addImageModal {
    padding: 0;
    width: 100%;
    margin-top: 0;
    background: transparent;
}

#groupchatmodal .grpchatTop .grpChatImgWrap .grpPic .addImageModal input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

#groupchatmodal .pd-r-0 {
    padding-right: 0;
}

#groupchatmodal .grpchatTop .grpChatImgWrap,
#groupchatmodal .grpchatTop .grpChatContentWrap,
#groupchatmodal .grpchatList .grpListRow .participantPic,
#groupchatmodal .grpchatList .grpListRow .participantName {
    display: table-cell;
    vertical-align: top;
}

#groupchatmodal .grpchatList .grpListRow .participantSiteName {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
}

#groupchatmodal .grpchatTop .grpChatImgWrap {
    text-align: center;
    position: relative;
}

#groupchatmodal .gray-box {
    background: #f3f3f3;
    padding: 5px 15px;
    border: 1px solid #c1c1c1;
}

#groupchatmodal .gray-box .gray-heading h5 {
    margin: 5px 0;
    font-size: 14px;
    color: #444;
}

#groupchatmodal .btnSearch {
    background: url(../images/chaticonsspritev4.png) no-repeat 0 -375px;
    height: 30px;
    width: 30px;
    outline: 0;
    border: 0;
}

#groupchatmodal .grpchatList .grpListRow .participantPic img {
    width: 35px;
    height: 35px;
    border-radius: 5px;
}

#groupchatmodal .grpchatList .grpListRow .participantPic {
    width: 35px;
}

#groupchatmodal .grpchatList .grpListRow .participantName h4 {
    color: #444444;
    font-size: 16px;
}

#groupchatmodal .grpchatList .grpListRow .participantName {
    padding-left: 15px;
}

#groupchatmodal .grpchatListWrapper {
    position: relative;
}

#groupchatmodal .grpchatListWrapper .chatLoader {
    display: none;
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: #FFF;
}

#groupchatmodal .grpchatList {
    border: 1px solid #c1c1c1;
    border-top: 0;
    max-height: 500px;
    min-height: 100px;
    overflow: auto;
}

#groupchatmodal .grpchatList .grpListRow {
    padding: 5px;
    cursor: pointer;
    display: table;
    width: 100%;
}

#groupchatmodal .grpchatList .grpListRow+.grpListRow {
    border-top: 1px solid #c1c1c1;
}


/*#groupchatmodal .grpchatList .grpListRow:hover,*/

#groupchatmodal .grpchatList .grpListRow.selected {
    background: #577fbc;
}


/*#groupchatmodal .grpchatList .grpListRow:hover .participantName h4,*/

#groupchatmodal .grpchatList .grpListRow.selected .participantName h4,
#groupchatmodal .grpchatList .grpListRow.selected .participantSiteName {
    color: #fff;
}

#groupchatmodal .grpchatList .grpListRow.unapproved {
    background: #ffd2d2;
}

#groupchatmodal .grpchatList .grpListRow.unapproved.selected {
    background: #ff6f6f;
}

#groupchatmodal .grpChatWrapper .selectedParticipants {
    margin: 0;
    padding: 0;
    min-height: 30px;
    max-height: 200px;
    overflow: auto;
}

#groupchatmodal .grpChatWrapper .selectedParticipants li {
    display: inline-block;
    list-style-type: none;
    background: #f3f3f3;
    border: 1px solid #c1c1c1;
    padding: 2px 5px;
    border-radius: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}

#groupchatmodal .grpChatWrapper .selectedParticipants li a {
    color: #000;
    font-size: 13px;
    margin-right: 5px;
}

#groupchatmodal .grpChatWrapper .selectedParticipants li a:hover,
#groupchatmodal .grpChatWrapper .selectedParticipants li a:focus,
#groupchatmodal .grpChatWrapper .selectedParticipants li a:active {
    text-decoration: none;
}

#groupchatmodal .grpChatWrapper .selectedParticipants li .remove {
    cursor: pointer;
    background: url(../images/icon-cross3.png) no-repeat;
    width: 10px;
    height: 10px;
    background-size: 10px;
    display: inline-block;
}

#groupchatmodal .grpChatWrapper .totalParticipants {
    text-align: right;
    margin-bottom: 5px;
}

#groupchatmodal .grpChatWrapper .totalParticipants p {
    color: #6c6c6c;
    font-size: 13px;
}

#groupchatmodal .btnGreen {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    background: #fff;
    font-size: 13px;
}


/* End of Css Grpchat-Mehul*/


/*.chat-wrapper .chatter-list .search .chat-filter:before {
    content: "";
    position: absolute;
    z-index: 101;
    right: 10px;
    top: 100%;
    margin-top: 5px;
    width: 10px;
    height: 10px;
    background: #FFF;
    border-left: 1px #1683fb solid;
    border-bottom: 1px #1683fb solid;
    transform: rotate(134deg);
}*/

.chat-wrapper .chatter-list .search .chat-filter .chat-filter-arrow {
    display: none;
    height: 7px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 4px;
    overflow: hidden;
}

.chat-wrapper .chatter-list .search .chat-filter.open .chat-filter-arrow {
    display: block;
}

.chat-wrapper .chatter-list .search .chat-filter .chat-filter-arrow:before {
    content: "";
    position: absolute;
    z-index: 101;
    right: 10px;
    top: 2px;
    width: 10px;
    height: 10px;
    background: #FFF;
    border-left: 1px #1683fb solid;
    border-bottom: 1px #1683fb solid;
    -webkit-transform: rotate(134deg);
    transform: rotate(134deg);
}

.chat-wrapper .chatter-list .search .chat-filter .chat-filter-label {
    white-space: pre;
    cursor: pointer;
    color: #1683fb;
    height: 40px;
    min-width: 110px;
    padding: 10px 20px 0 28px;
    border: 1px #1683fb solid;
    border-radius: 3px;
    background: #FFF;
}

.chat-wrapper .chatter-list .search .chat-filter.open .chat-filter-label {
    color: #e67040;
    border: 1px #e67040 solid;
}

.chat-wrapper .chatter-list .search .chat-filter .chat-filter-label:after {
    content: "";
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #1683fb;
}

.chat-wrapper .chatter-list .search .chat-filter.open .chat-filter-label:after {
    border-top-color: #e66e3e;
}

.chat-wrapper .chatter-list .search .chat-filter .chat-filter-dropdown {
    display: none;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 100%;
    min-width: 100%;
    padding-top: 10px;
}

.chat-wrapper .chatter-list .search .chat-filter.open .chat-filter-dropdown {
    display: block;
}

.chat-wrapper .chatter-list .search .chat-filter .chat-filter-dropdown-inner {
    position: relative;
    /*overflow: hidden;*/
    background: #FFF;
    border: 1px #1683fb solid;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.chat-wrapper .chatter-list .search .chat-filter .chat-filter-dropdown-row {
    cursor: pointer;
    position: relative;
    color: #1683fb;
    padding: 7px 0 7px 28px;
    border-top: 1px #79c1ff solid;
}

.chat-wrapper .chatter-list .search .chat-filter .chat-filter-dropdown-row:hover {
    background: #d6f4ff;
}

.chat-wrapper .chatter-list .search .chat-filter .chat-filter-dropdown-row.active-row {
    background: #d6f4ff;
}

.chat-wrapper .chatter-list .search .chat-filter .chat-filter-dropdown-row:first-child {
    border-top: 0;
    border-radius: 2px 2px 0 0;
}

.chat-wrapper .chatter-list .search .chat-filter .chat-filter-dropdown-row:last-child {
    border-radius: 0 0 2px 2px;
}

.chat-wrapper .chatter-list .search .chat-filter .filter-icon {
    position: absolute;
    left: 7px;
    top: 6px;
    width: 18px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url(../images/chaticonsspritev3.png);
}

.chat-wrapper .chatter-list .search .chat-filter .icon-unread {
    background-position: 0 -88px;
}

.chat-wrapper .chatter-list .search .chat-filter.open .chat-filter-label .icon-unread {
    background-position: -82px -88px;
}

.chat-wrapper .chatter-list .search .chat-filter .icon-all {
    background-position: 0 -121px;
}

.chat-wrapper .chatter-list .search .chat-filter.open .chat-filter-label .icon-all {
    background-position: -83px -121px;
}

.chat-wrapper .chatter-list .search .chat-filter .icon-flagged {
    background-position: 1px -153px;
}

.chat-wrapper .chatter-list .search .chat-filter.open .chat-filter-label .icon-flagged {
    background-position: -86px -153px;
}

.chat-wrapper .chatter-list .search .chat-filter .icon-archived {
    background-position: 0 -183px;
}

.chat-wrapper .chatter-list .search .chat-filter.open .chat-filter-label .icon-archived {
    background-position: -84px -183px;
}

.chat-wrapper .chatter-list .search .chat-filter .chat-filter-label .filter-icon {
    top: 10px;
}

.chat-wrapper .chatter-list .search .col-icons {
    display: table-cell;
    vertical-align: middle;
    width: 160px;
    text-align: right;
}

.chat-wrapper .chatter-list .search .col-icons .icon-divider {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 27px;
    margin-right: 2px;
    background: #c8cacc;
}

.chat-wrapper .chatter-list .search .col-icons .icon-all {
    width: 27px;
    height: 27px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background: url(../images/chaticonsspritev2.png) no-repeat -9px -9px;
}

.chat-wrapper .chatter-list .search .col-icons .icon-all.active {
    background-position: -53px -9px;
}

.chat-wrapper .chatter-list .search .col-icons .icon-flag {
    width: 27px;
    height: 27px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/chaticonsspritev2.png) no-repeat -9px -52px;
}

.chat-wrapper .chatter-list .search .col-icons .icon-flag.active {
    background-position: -53px -52px;
}

.chat-wrapper .chatter-list .search .col-icons .icon-folder {
    width: 27px;
    height: 27px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background: url(../images/chaticonsspritev2.png) no-repeat -9px -94px;
}

.chat-wrapper.adminview .chatter-list .search .col-icons .icon-folder {
    margin-right: 0;
}

.chat-wrapper .chatter-list .search .col-icons .icon-folder.active {
    background-position: -53px -94px;
}

.chat-wrapper .chatter-list .search .icon-compose {
    width: 35px;
    height: 40px;
    display: block;
    vertical-align: middle;
    background: url(../images/chaticonsspritev3.png) no-repeat 0 6px;
}

.chat-wrapper .chatter-list .search .icon-support {
    vertical-align: middle;
    width: 30px;
    height: 40px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(../images/chaticonsspritev3.png);
    background-position: 0 -37px;
}

.chat-wrapper .chatter-list .search .icon-support:hover {
    background-position: -71px -37px;
}


/*mehul-19th Aug-WebChat*/

.chat-wrapper .chatter-list .search .icon-compose:hover {
    background-position: -65px 6px;
}

.chat-wrapper.adminview .chatter-list .search .icon-compose {
    display: none;
}

.chat-wrapper .chatter-list .search .icon-compose.active {
    background-position: -53px -141px;
}

.chat-wrapper .chatter-list .list-container-wrapper {
    margin-top: 15px;
    padding: 8px;
    background: #f5f9fc;
    border: 1px #dadada solid;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.chat-wrapper .chatter-list .list-container {
    position: relative;
    height: 100%;
}


/*.chat-wrapper .chatter-list .list-container .upload-overlay {
    position: absolute;
    left: 8px;
    right: 8px;
    opacity: 0.7;
}*/

.chat-wrapper .chatter-list .list-container .noConver {
    padding: 8px;
}

/*.chat-wrapper .chatter-list .list-container .nano {
    height: 700px;
    min-height: 200px;
}*/


/*.chat-wrapper .chatter-list .row-maillist:not(:last-child) {
    border-bottom: 1px solid #79c1ff;
}*/

.chat-wrapper .chatter-list .row-maillist {
    cursor: default;
    padding: 12px 5px;
}

.chat-wrapper .chatter-list .row-maillist+.row-maillist {
    border-top: 1px solid #79c1ff;
}

.chat-wrapper .chatter-list .row-maillist:after {
    content: "";
    display: block;
    clear: both;
}

.chat-wrapper .chatter-list .row-maillist:hover {
    background: #d6f4ff;
}

.chat-wrapper .chatter-list .row-maillist.active {
    background: #ffeddf;
}

.chat-wrapper .chatter-list .row-maillist .profile-pic {
    width: 95px;
    vertical-align: middle;
    float: left;
}

.chat-wrapper .chatter-list .row-maillist.singleImate .profile-pic {
    width: 45px;
}

.chat-wrapper .chatter-list .row-maillist .profile-pic .pic {
    display: inline-block;
    position: relative;
}

.chat-wrapper .chatter-list .row-maillist .profile-pic .pic+.pic {
    margin-left: 5px;
}

.chat-wrapper .chatter-list .row-maillist .profile-pic .pic img {
    width: 45px;
    height: 45px;
    border-radius: 15px;
}

.chat-wrapper .chatter-list .row-maillist .profile-pic .pic .status-bar {
    padding: 0;
    list-style: none;
    margin: 0;
    text-align: center;
    line-height: 12px;
}

.chat-wrapper .chatter-list .row-maillist .profile-pic .pic .status-bar li {
    border-radius: 50%;
    height: 7px;
    width: 7px !important;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
}

.chat-wrapper .chatter-list .row-maillist .profile-pic .pic .status-bar li:firt-child {
    padding-left: 1px;
}

.chat-wrapper .chatter-list .row-maillist .profile-pic .pic .status-bar li.y {
    background: #e6c106;
}

.chat-wrapper .chatter-list .row-maillist .profile-pic .pic .status-bar li.g {
    background: #009200;
}

.chat-wrapper .chatter-list .row-maillist .profile-pic .pic .status-bar li.p {
    background: #c720b4;
}

.chat-wrapper .chatter-list .row-maillist .profile-pic .pic .status-bar li.w {
    background: #fff;
    border: 1px solid #c7c7c7;
}

.chat-wrapper .chatter-list .row-maillist .profile-pic .pic .status-bar li.gr {
    background: #BDBDBD;
}

.chat-wrapper .chatter-list .row-maillist .profile-pic .pic .status-bar li.o {
    background: #e66e3e;
}

.chat-wrapper .chatter-list .row-maillist .profile-pic .pic .status-bar li.b {
    background: #4556a6;
}

.chat-wrapper .chatter-list .row-maillist .profile-pic .pic .status-bar li.r {
    background: #f00;
}

.chat-wrapper .chatter-list .row-maillist .info {
    position: relative;
    overflow: hidden;
}

.chat-wrapper .chatter-list .row-maillist .info .infoInner {
    position: relative;
    padding-left: 10px;
}


/*.chat-wrapper .chatter-list .row-maillist.singleImate .info .infoInner {
    width: 225px;
}*/

.chat-wrapper .chatter-list .row-maillist.checked .info .infoInner:before {
    background: rgba(0, 0, 0, 0) url(../images/icons-mail.png) no-repeat scroll -5px -365px;
    content: "";
    display: none;
    height: 17px;
    left: 3px;
    position: absolute;
    bottom: 2px;
    width: 18px;
}

.chat-wrapper .chatter-list .row-maillist .info p {
    color: #232323;
    font-weight: normal;
    line-height: normal;
    margin: 0;
    padding: 0;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat-wrapper .chatter-list .row-maillist .info p.sender {
    color: #1f1f1f;
    font-size: 18px;
    line-height: normal;
    white-space: pre;
}

.chat-wrapper .chatter-list .row-maillist .info .msg {
    color: #5a5a5a;
    font-size: 13px;
    position: relative;
    height: 18px;
    line-height: 17px;
    white-space: pre;
    text-overflow: ellipsis;
    overflow: hidden;
}
.chat-wrapper .chatter-list .row-maillist .info .msg .fa {
    font-size: 16px;
}
.chat-wrapper .chatter-list .row-maillist .info .msg img {
    width: 15px;
}

.chat-wrapper .chatter-list .row-maillist .info .msg>* {
    display: inline-block;
}

.chat-wrapper .chatter-list .row-maillist .info .msg>*+* {
    margin-left: 5px;
}

.chat-wrapper .chatter-list .row-maillist .info p.boldSecondLine {
    font-weight: bold;
}


/*.chat-wrapper .chatter-list .row-maillist.checked .info p.msg:before { background: rgba(0, 0, 0, 0) url("../images/icons-mail.png") no-repeat scroll -5px -365px; content: ""; display: block; height: 17px;left: -20px; position: absolute; top: -3px; width: 18px;}
*/

.chat-wrapper .chatter-list .row-maillist .time .icons {
    display: inline-block;
    vertical-align: top;
    height: 16px;
}

@media only screen and (max-width: 991px) { 
    .chat-wrapper .chatter-list .row-maillist .time .icons {
        display: none;
    }
}

.dailog-blank .active .icon-unread,
.dailog-blank .active .icon-flag,
.dailog-blank .active .icon-folder {
    visibility: hidden;
}

.chat-wrapper .chatter-list .row-maillist .time .icons .icon-unread {
    width: 15px;
    height: 16px;
    display: none;
    background: url(../images/icons-mail.png) no-repeat 0px -492px;
    margin-right: 4px;
}
.chat-wrapper .chatter-list .row-maillist .time .icons .icon-unread:hover {
    background: url(../images/icons-mail.png) no-repeat 0px -520px;
}
/*.chat-wrapper .chatter-list .row-maillist:hover .time .icons .icon-unread,
.chat-wrapper .chatter-list .row-maillist.active .time .icons .icon-unread {
    display: inline-block;
}*/

.chat-wrapper .chatter-list .row-maillist .time .icons .icon-flag {
    width: 12px;
    height: 16px;
    display: none;
    background: url(../images/icons-mail.png) no-repeat 0 0;
    margin-right: 4px;
}

.chat-wrapper .chatter-list .row-maillist .time .icons .icon-flag.active {
    display: inline-block;
    background-position: 0px -281px;
}

.chat-wrapper .chatter-list .row-maillist .time .icons .icon-folder {
    display: none;
    width: 24px;
    height: 16px;
    background: url(../images/icons-mail.png) no-repeat 0 -34px;
    margin-right: 4px;
}

.chat-wrapper .chatter-list .row-maillist.active .time .icons .icon-folder,
.chat-wrapper .chatter-list .row-maillist:not(.support-row):hover .time .icons .icon-folder {
    display: inline-block;
}

.chat-wrapper.adminview .chatter-list .row-maillist.active .time .icons .icon-folder {
    display: none;
}

.chat-wrapper .chatter-list .row-maillist .time .icons .icon-folder.active {
    display: inline-block;
    background-position: 0px -309px;
}

.chat-wrapper .chatter-list .row-maillist.active.support-row .time .icons .icon-flag,
.chat-wrapper .chatter-list .row-maillist.active.support-row .time .icons .icon-folder {
    display: none;
}
.chat-wrapper .chatter-list .row-maillist.active.support-row .time .icons .icon-flag.active,
.chat-wrapper .chatter-list .row-maillist.active.support-row .time .icons .icon-folder.active {
    display: inline-block;
}

.chat-wrapper .chatter-list .row-maillist .time .icons .icon-delete {
    display: none;
    width: 15px;
    height: 16px;
    background: url(../images/icons-mail.png) no-repeat 1px -93px;
}

.chat-wrapper .chatter-list .row-maillist.active .time .icons .icon-delete {
    display: inline-block;
}

.chat-wrapper.adminview .chatter-list .row-maillist.active .time .icons .icon-delete {
    display: none;
}

.chat-wrapper .chatter-list .row-maillist .time .icons .icon-delete:hover {
    background: url(../images/icons-mail.png) no-repeat 0 -336px;
}

.chat-wrapper .chatter-list .row-maillist .time {
    position: relative;
    float: right;
    text-align: right;
    text-transform: uppercase;
    font-size: 11px;
    color: #7b7272;
    width: 85px;
}


/*.chat-wrapper .chatter-list .row-maillist .time:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}*/

.chat-wrapper .chatter-list .row-maillist.active .time:after {
    display: none;
}

.chat-wrapper .chatter-list .row-maillist .time .timeP,
.chat-wrapper .chatter-list .row-maillist .time .last-message {
    display: block;
    white-space: pre;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 3px;
}

.chat-wrapper .chatter-list .row-maillist .time p,
.chat-wrapper .chatter-list .row-maillist .time .last-message {
    color: #e66e3e;
}

.chat-wrapper .chatter-list .row-maillist.new-message .time {
    color: #27a700 !important;
}

.chat-wrapper .chatter-list .row-maillist .time .unread-msg {
    vertical-align: top;
    display: none;
    color: #fff;
    background: #27a700;
    min-width: 16px;
    height: 16px;
    padding: 0px 3px;
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
    line-height: 16px;
    margin-top: 0px;
}

.chat-wrapper .chatter-list .row-maillist.new-message .time .unread-msg {
    display: inline-block;
    vertical-align: middle;
}

.nano {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.nano>.nano-content {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.nano>.nano-content:after {
    content: "";
    display: block;
    clear: both;
}

.nano>.nano-content[style] {
    right: -17px !important;
}

.nano>.nano-content:focus {
    outline: thin dotted;
}

.nano>.nano-content::-webkit-scrollbar {
    display: none;
}

.has-scrollbar>.nano-content::-webkit-scrollbar {
    display: block;
}

.nano>.nano-pane {
    /*display: none !important;*/
    background: rgba(0, 0, 0, 0);
    position: absolute;
    width: 6px;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden\9;
    /* Target only IE7 and IE8 with this hack */
    opacity: .01;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 5px;
}


/*.nano > .nano-content[style] + .nano-pane {
    display: block !important;
}*/

.nano>.nano-pane>.nano-slider {
    background: #444;
    background: rgba(0, 0, 0, .3);
    position: relative;
    margin: 0;
    border-radius: 3px;
}

.nano:hover>.nano-pane,
.nano-pane.active,
.nano-pane.flashed {
    visibility: visible\9;
    /* Target only IE7 and IE8 with this hack */
    opacity: 0.99;
}

.chat-wrapper .chat-details {
    position: relative;
    padding: 0 20px;
    overflow: hidden;
    min-height: 50px;
}
.chat-wrapper .chat-details > .chatLoader {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    right: 0;
    background-color: #FFF;
}
.chat-wrapper .chat-details .chatters {
    position: relative;
    border: solid 1px #dadada;
    padding: 10px 50px 10px 10px;
    width: 100%;
    margin-bottom: 15px;
}

.chat-wrapper .chat-details .newmsg-container .chatters {
    padding: 10px 10px 10px 10px;
}

.chat-wrapper .chat-details .chatters:after {
    content: "";
    display: block;
    clear: both;
}

.chat-wrapper .chat-details .chatters .chatters-col {
    float: left;
    max-width: 100%;
}

.chat-wrapper .chat-details .newmsg-container .chatters .chatters-col {
    position: relative;
    width: 100%;
    padding-right: 30px;
}

.chat-wrapper .chat-details .chatters .chatters-col .reload {
    position: absolute;
    right: 0;
    top: 50%;
    width: 20px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.chat-wrapper .chat-details .chatters .chatters-col .reload img {
    width: 20px;
    height: auto;
}

.chat-wrapper .chat-details .chatters .pic {
    float: left;
    display: none;
    vertical-align: middle;
}

.chat-wrapper .chat-details .chatters .pic+.pic {
    float: right;
}

.chat-wrapper .chat-details .chatters .pic.showPic {
    display: inline-block;
}

.chat-wrapper .chat-details .chatters .pic img {
    border-radius: 15px;
    width: 50px;
    height: 50px;
}
.chat-wrapper .chat-details .chatters .pic img.basic {
    border: 2px #26377d solid;
}
.chat-wrapper .chat-details .chatters .pic img.limited {
    border: 2px #d00000 solid;
}
.chat-wrapper .chat-details .chatters .pic img.gold {
    border: 2px #ffd700 solid;
}
.chat-wrapper .chat-details .chatters .pic img.platinum {
    border: 2px #DDA0DD solid;
}

.chat-wrapper .chat-details .chatters .info {
    vertical-align: middle;
    padding: 0;
    color: #26377d;
    overflow: hidden;
    display: inline-block;
}
.chat-wrapper .chat-details .chatters .pic.showPic ~ .info {
    padding: 0 15px;
}
.chat-wrapper .chat-details .chatters .hasOneImage .info {
    max-width: calc(100% - 50px);
}
.chat-wrapper .chat-details .chatters .hasTwoImage .info {
    max-width: calc(100% - 100px);
}

.chat-wrapper .chat-details .chatters .info p {
    margin: 0;
    padding: 0;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat-wrapper .chat-details .chatters .info .sender {
    color: #1683fb;
    font-size: 18px;
}

.chat-wrapper .chat-details .chatters .info2 {
    color: #909090;
    /*padding: 0 15px 0 15px;*/
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}
.chat-wrapper .chat-details .chatters .info p.info3 {
    font-size: 10px;
    color: red;
    float: left;
    clear: left;
    margin-top: 3px;
}
.chat-wrapper .chat-details .settings {
    width: 22px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -11px;
}

.chat-wrapper .chat-details .settings {
    width: 22px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -11px;
}

.dailog-blank .chat-details .settings,
.chat-wrapper.adminview .chat-details .settings {
    display: none;
}

.chat-wrapper .chat-details .settings .settings-icon {
    background: url(../images/icons-mail.png) no-repeat center -401px;
    width: 22px;
    height: 22px;
    padding: 0;
    cursor: pointer;
}

.chat-wrapper .chat-details .chatters .info p.boldHeaderSecondLine {
    font-weight: bold;
}

.chat-wrapper .chat-details .settings .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 99;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 13px;
    text-align: left;
    background: #f5f5f5;
    border: 1px solid #000;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    width: 150px;
    right: 0;
}

.chat-wrapper .chat-details .settings.open .sub-menu {
    display: block;
}

.chat-wrapper .chat-details .settings .sub-menu a {
    padding: 3px 6px;
    white-space: nowrap;
    display: block;
    border-bottom: solid 1px #ececec;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #000;
}

.chat-wrapper .chat-details .settings .sub-menu a:hover {
    background: #ececec;
    text-decoration: none;
}

.chat-wrapper .chat-details .chat-conversation {
    background: #fcfbfb;
    border: solid 1px #58a7ff;
    padding: 10px 2px;
    border-radius: 2px;
}

.chat-wrapper .chat-details .chat-conversation .nano {
    min-height: 100px;
}

.chat-wrapper .chat-details .chat-conversation .message {
    float: left;
    clear: both;
    max-width: 90%;
    padding: 0;
    margin: 0 8px;
}

.chat-wrapper .chat-details .chat-conversation .message+.message {
    padding-top: 10px;
}

.chat-wrapper .chat-details .chat-conversation .message.in {
    float: right;
    clear: both;
}


/*.chat-wrapper .chat-details .chat-conversation .message.in+.message.in,
.chat-wrapper .chat-details .chat-conversation .message.out+.message.out {
    padding-top: 0;
}*/

.chat-wrapper .chat-details .chat-conversation .message .profile-pic {
    float: left;
    width: 50px;
}

.chat-wrapper .chat-details .chat-conversation .message.in .profile-pic {
    text-align: right;
}

.chat-wrapper .chat-details .chat-conversation .message .profile-pic img {
    width: 35px;
    height: 35px;
    border-radius: 12px;
}

.chat-wrapper .chat-details .chat-conversation .message .msg {
    float: left;
    width: 100%;
}
.chat-wrapper .chat-details .chat-conversation .message.has-pic .msg {
    width: calc(100% - 50px);
}

/*.chat-wrapper .chat-details .chat-conversation .message .msg>p,
.chat-wrapper .chat-details .chat-conversation .message .msg>div {
    padding: 0;
    line-height: 19px;
    margin: 0;
    float: left;
    clear: left;
}*/
/*-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
white-space: pre-wrap;*/

.chat-wrapper .chat-details .chat-conversation .message .msg p.timePWrap {
    font-size: 10px;
    position: relative;
    display: inline-block;
    color: #868686;
    margin: 0;
}

.chat-wrapper .chat-details .chat-conversation .message .msg .audio__player__inner {
    float: left;
}
.chat-wrapper .chat-details .chat-conversation .message.in .msg .audio__player__inner {
    float: right;
}


/*.chat-wrapper .chat-details .chat-conversation .message.in{text-align: right;}*/

.chat-wrapper .chat-details .chat-conversation .message .msg {
    position: relative;
    background: #fee7f5;
    padding: 5px 7px;
    border-radius: 10px;
}

.chat-wrapper .chat-details .chat-conversation .message.in .msg {
    background: #e7f5fe;
}

.chat-wrapper .chat-details .chat-conversation .message.has-pic .msg:after {
    content: "";
}

.chat-wrapper .chat-details .chat-conversation .message .msg:after {
    position: absolute;
    left: -5px;
    top: 9px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fee7f5;
}

.chat-wrapper .chat-details .chat-conversation .message.in .msg:after {
    left: auto;
    right: -5px;
    background: #e7f5fe;
}

.chat-wrapper .chat-details .chat-conversation .message .msg .emojioneemoji,
.chat-wrapper .chat-details .chat-conversation .message .msg .emojione {
    width: 25px;
    height: 25px;
    margin-left: 3px;
    margin-right: 3px;
}

.chat-wrapper .chat-details .chat-conversation .message.in.has-pic .msg .messageP:before {
    content: "";
}

.chat-wrapper .chat-details .chat-conversation .message.in .msg .messageP:before {
    width: 11px;
    height: 11px;
    position: absolute;
    right: 2px;
    bottom: 4px;
    /*display: none;*/
    background-image: url(../images/icon-tick2.png);
    background-repeat: no-repeat;
    background-position: -39px -39px;
    /*background: url(../images/icon-tick2.png) no-repeat left top;*/
}

.chat-wrapper .chat-details .chat-conversation .message.in .msg .messageP.delievred:before {
    display: block;
    background-position: 0 0;
}

.chat-wrapper .chat-details .chat-conversation .message.in .msg .messageP.delievred.read:before {
    display: block;
    background-position: 0 -11px;
}

.chat-wrapper .chat-details .chat-conversation .message.in .msg .messageP {
    padding-right: 18px;
    position: relative;
    width: 100%;
}
.chat-wrapper .chat-details .chat-conversation .message.in.empty-message .msg .messageP {
    position: absolute;
    right: 7px;
    bottom: 4px;
    width: auto;
}
.chat-wrapper .chat-details .chat-conversation .message .msg .messageP {
    word-wrap: break-word;
}
.chat-wrapper .chat-details .chat-conversation .message .msg .messageP ul,
.chat-wrapper .chat-details .chat-conversation .message .msg .messageP ol {
    margin-left: 20px;
    margin-bottom: 0;
    padding-left: 0;
}
.chat-wrapper .chat-details .chat-conversation .message .image-download {
    text-align: center;
    min-width: 50px;
    min-height: 50px;
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 4px;
    background-color: #b8d2e3;
}
.chat-wrapper .chat-details .chat-conversation .message .pdf-download,
.chat-wrapper .chat-details .chat-conversation .message .video-download {
    cursor: pointer;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    width: 150px;
    height: 100px;
    border-radius: 4px;
    background-color: #b8d2e3;
}
.chat-wrapper .chat-details .chat-conversation .message .pdf-download.not-found,
.chat-wrapper .chat-details .chat-conversation .message .image-download.not-found,
.chat-wrapper .chat-details .chat-conversation .message .video-download.not-found {
    background-size: auto;
    background-position: center;
    opacity: 0.4;
    cursor: default;
    background-image: url(../images/delete-file.png);
}
.chat-wrapper .chat-details .chat-conversation .message .video-download .fa,
.chat-wrapper .chat-details .chat-conversation .message .pdf-download .fa {
    font-size: 14px;
    color: white;
    background-color: rgba(0,0,0,0.5);
    border-radius: 8px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.chat-wrapper .chat-details .chat-conversation .message .pdf-download .fa {
    font-size: 18px;
}
.chat-wrapper .chat-details .write-message:empty,
.chat-wrapper .chat-details #writeMessagenew.write-message {
    display: none;
}

.chat-wrapper .chat-details .write-message,
.compose-mail .write-message {
    position: relative;
    border: solid 1px #d7d7d7;
    background: #fff;
    border-radius: 2px;
    /*padding: 10px;*/
    padding: 35px 10px 0px 0px;
    margin-top: 15px;
    width: 100%;
}

.compose-mail .write-message .emojionearea {
    border: none;
}

.mobileDevice .chat-wrapper .chat-details .write-message,
.mobileDevice .compose-mail .write-message {
    padding: 5px;
}

.chat-wrapper .chat-details .write-message.error {
    border-color: #FF0004;
    border-radius: 0 2px 2px 2px;
}

.chat-wrapper .chat-details .write-message:after {
    content: "";
    display: block;
    clear: both;
}


/*.chat-wrapper .chat-details .write-message .fld,
.chat-wrapper .chat-details .write-message .btns {
    display: table-cell;
    vertical-align: middle;
}*/

.chat-wrapper .chat-details .write-message .fld,
.compose-mail .write-message .fld {
    /*overflow: hidden;*/
    margin-right: 50px;
}

.chat-wrapper .chat-details .write-message .btns,
.compose-mail .write-message .btns {
    float: right;
    margin-top: 18px;
    margin-left: 5px;
}

.chat-wrapper .chat-details .write-message .fld .type-msg,
.compose-mail .write-message .fld .type-msg {
    display: block;
    width: 100%;
    /*height: 85px;*/
    border: 0;
    resize: none;
    font-weight: normal;
}


/*.chat-wrapper .chat-details .write-message .btns{width:45px;}*/

.chat-wrapper .chat-details .write-message .fld .type-msg:focus,
.compose-mail .write-message .fld .type-msg:focus {
    outline: none;
}

.chat-wrapper .chat-details .write-message .btns .smiley,
.compose-mail .write-message .btns .smiley {
    display: inline-block;
    vertical-align: middle;
}

.chat-wrapper .chat-details .write-message .btns .smiley .icon-smiley,
.compose-mail .write-message .btns .smiley .icon-smiley {
    display: inline-block;
    background: url(../images/chaticonssprite.png) no-repeat -56px -5px;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-right: 12px;
    border: 0;
}

.chat-wrapper .chat-details .write-message .btns .btn-reply,
.compose-mail .write-message .btns .btn-reply {
    display: inline-block;
    vertical-align: middle;
}

.chat-wrapper .chat-details .write-message .btns .btn-reply .replyBtn,
.compose-mail .write-message .btns .btn-reply .replyBtn {
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: 24px;
    color: white;
    cursor: default;
    background: #1683fb url(../images/icons-mail.png) no-repeat center -440px;
    border: 0;
    margin: 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    vertical-align: bottom;
    opacity: 0.5;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.chat-wrapper .chat-details .write-message .btns .btn-reply .replyBtn.show-file-icon,
.compose-mail .write-message .btns .btn-reply .replyBtn.show-file-icon {
    background-image: none;
}
.chat-wrapper .chat-details .write-message .btns .btn-reply .replyBtn.show-file-icon::after,
.compose-mail .write-message .btns .btn-reply .replyBtn.show-file-icon::after {
    content: "\f0c6";
}

.chat-wrapper .chat-details .write-message .btns .btn-reply .replyBtn.active,
.compose-mail .write-message .btns .btn-reply .replyBtn.active {
    cursor: pointer;
    opacity: 1;
}

.chat-wrapper .chat-details .write-message .btns .btn-reply .replyBtn:focus,
.compose-mail .write-message .btns .btn-reply .replyBtn:focus {
    outline: none;
}

.chat-wrapper .chat-details .write-message.blockUser .fld .type-msg,
.compose-mail .write-message.blockUser .fld .type-msg {
    display: none;
}

.compose-mail .write-message .emojionearea .emojionearea-editor {
    height: 150px;
}

.mobileDevice .compose-mail .write-message .emojionearea .emojionearea-editor {
    height: 100px;
}

.chat-wrapper .chat-details .write-message .fld .blockMessage {
    margin: 0;
    font-size: 17px;
    color: red;
}

.chat-wrapper .chat-details .write-message .fld .blockMessage a {
    color: red;
    text-decoration: underline;
}

.chat-wrapper .chat-details .write-message.blockUser {
    padding: 15px;
    border-color: #f5a5a5;
    background: #f7eeee;
}

.chat-wrapper .chat-details .newmsg-container {
    display: none;
}

.chat-wrapper.adminview .chat-details .newmsg-container {
    display: none !important;
}

.chat-wrapper .chat-details .compose-container {
    border: solid 1px #dadada;
    border-radius: 2px;
    position: relative;
    height: 695px;
    min-height: 180px;
    /*overflow: hidden;*/
}

.chat-wrapper .chat-details .compose-container .to input {
    width: 100%;
    padding: 12px;
    border: 0;
    border-bottom: solid 1px #dadada;
    border-radius: 0;
}

.chat-wrapper .chat-details .compose-container .to input:focus {
    outline: none;
}

.chat-wrapper .chat-details .compose-container .compose-msg textarea {
    width: 100%;
    padding: 12px;
    border: 0;
    resize: none;
    min-height: 506px;
}

.chat-wrapper .chat-details .compose-container .compose-msg textarea:focus {
    outline: none;
}

.chat-wrapper .back-chatlist {
    display: none;
    margin-bottom: 10px;
}

.chat-wrapper .chat-details .compose-container .compose-msg {
    height: 506px;
    display: none;
}

.messageTyping {
    position: absolute;
    top: -21px;
    background-color: #fff;
    left: 0px;
    padding-left: 0;
}

.engError {
    display: none;
    position: absolute;
    top: -30px;
    color: #FFF;
    background-color: #FF0004;
    left: -6px;
    padding-left: 0;
    padding: 0px 7px;
    border: 5px #FFF solid;
    border-bottom: 0;
    line-height: 24px;
}

.error .engError {
    display: block;
}


/*.chat-details .autocompleteWrapper {
    position: relative;
}*/

.chat-details .autocompleteWrapper .ul-autocomplete {
    display: none;
    position: absolute;
    left: 0;
    top: 45px;
    right: 0;
    bottom: 0;
    z-index: 9;
    /*overflow: auto;*/
}

.chat-details .autocompleteWrapper .ul-autocomplete>ul {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
    overflow: auto;
    background: #FFFFFF;
}

.chat-details .autocompleteWrapper .ul-autocomplete ul li {
    position: relative;
    list-style: none;
    background: none;
    margin: 0;
    /*padding: 6px;*/
}

.chat-details .autocompleteWrapper .ul-autocomplete ul li[data-click="false"]>a {
    cursor: default;
}

.chat-details .autocompleteWrapper .ul-autocomplete ul li+li {
    border-top: 1px #ecebf0 solid;
}

.chat-details .autocompleteWrapper .ul-autocomplete ul li a {
    color: #000;
    display: table;
    padding: 6px;
    width: 100%;
}

.chat-details .autocompleteWrapper .ul-autocomplete ul li a span {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.chat-details .autocompleteWrapper .ul-autocomplete ul li a span:first-child {
    text-align: center;
    width: 44px;
    vertical-align: top;
}

.chat-details .autocompleteWrapper .ul-autocomplete ul li a span:empty {
    display: none;
}

.chat-details .autocompleteWrapper .ul-autocomplete ul li a span+span {
    padding-left: 10px;
}

.chat-details .autocompleteWrapper .ul-autocomplete ul li a span:empty+span {
    padding-left: 0;
    line-height: 44px;
}

.chat-details .autocompleteWrapper .ul-autocomplete ul>li:hover,
.chat-details .autocompleteWrapper .ul-autocomplete ul>li.activeLi {
    background: #577fbc;
    color: #fff;
}

.chat-details .autocompleteWrapper .ul-autocomplete ul li:hover>a,
.chat-details .autocompleteWrapper .ul-autocomplete ul li.activeLi>a {
    color: #fff;
    text-decoration: none;
}

.chat-details .autocompleteWrapper .ul-autocomplete ul li img {
    /*margin-right: 10px;*/
    border-radius: 15px;
}

.chat-details .autocompleteWrapper .ul-autocomplete ul ul {
    padding: 0;
    margin: 0;
    position: fixed;
    left: -999999px;
    top: -9999999px;
    z-index: 999;
    max-height: 300px;
    overflow: auto;
    background: #FFFFFF;
    border: 1px #a9a9a9 solid;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.chatLoader {
    opacity: 0.9;
    height: 40px;
    background: url(../images/loading.svg) no-repeat center center;
    background-size: 100% 50%;
}

.noDataFound {
    line-height: normal;
    padding: 10px;
    color: #e66e3e;
}

#messageContentSearch {
    display: none;
    margin-top: 8px;
    width: 250px;
    max-width: 100%;
    float: right;
    /*display: table-cell;*/
}

#messageContentSearch.open {
    display: block;
}

.messageContentSearchInner {
    position: relative;
    padding-right: 30px;
}

.messageContentSearchInner .form-control {
    border-radius: 4px 0 0 4px;
    border-right: 0;
}

.messageContentSearchInner .glyphicon-search,
.messageContentSearchInner .glyphicon-remove {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border: 0;
    width: 30px;
    border-radius: 0 4px 4px 0;
    background: #e66e3e;
    color: #FFF;
    outline: 0 !important;
    padding: 0;
    text-align: center;
}

.messageContentSearchInner .glyphicon-remove:before {
    display: inline-block;
}

.messageContentSearchInner .glyphicon-search {
    /*display: none;*/
    color: #000;
    right: 30px;
    border-radius: 0 4px 4px 0;
    background: none;
}

.smiley .sp-popover {
    margin-left: -285px !important;
}

.smiley .sp-popover .sp-arrow {
    margin-left: 285px !important;
}


/*body > .tooltip-inner {
    white-space: pre;
    max-width: 300px;
}*/

body>.tooltip .tooltip-inner {
    background-color: #26377d;
    /*white-space: pre;*/
    max-width: 100000px;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #26377d;
}

body>.tooltip.top .tooltip-arrow {
    border-top-color: #26377d;
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-top .emojionearea-search,
.emojionearea .emojionearea-picker .emojionearea-tones {
    display: none;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area {
    height: 236px !important;
    padding-top: 5px !important;
}

.error .emojionearea .emojionearea-editor {
    color: #FF0004;
}

.messageInfo {
    text-align: center;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 50px;
}

.messageInfo .messageInfoInner {
    color: #354374;
    font-size: 20px;
    padding: 10px 17px;
    display: inline-block;
    background: #d9edf6;
    border-radius: 4px;
    position: relative;
    margin-bottom: 100px;
}

.messageInfo .messageInfoInner:after {
    content: "";
    position: absolute;
    width: 79px;
    height: 87px;
    left: 50%;
    top: 100%;
    margin-left: -40px;
    margin-top: 10px;
    background: url(../images/chat-arrow.png) no-repeat 0 0;
    -webkit-animation: downmove-ban 2s infinite ease;
    animation: downmove-ban 2s infinite ease;
}

@-webkit-keyframes downmove-ban {
    0% {
        -webkit-transform: translate(0, 0px);
        transform: translate(0, 0px);
        opacity: 0;
        text-shadow: 0 -15px 0 rgba(225, 225, 225, 0.1);
    }

    10% {
        opacity: 1;
    }

    70% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(0, 50px);
        transform: translate(0, 50px);
        opacity: 0;
        text-shadow: 0 -5px 0 rgba(225, 225, 225, 0.3);
    }
}

@keyframes downmove-ban {
    0% {
        -webkit-transform: translate(0, 0px);
        transform: translate(0, 0px);
        opacity: 0;
        text-shadow: 0 -15px 0 rgba(225, 225, 225, 0.1);
    }

    10% {
        opacity: 1;
    }

    70% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(0, 50px);
        transform: translate(0, 50px);
        opacity: 0;
        text-shadow: 0 -5px 0 rgba(225, 225, 225, 0.3);
    }
}

@-webkit-keyframes downmove-ban-small {
    0% {
        -webkit-transform: translate(0, 0px);
        transform: translate(0, 0px);
        opacity: 0;
        text-shadow: 0 -15px 0 rgba(225, 225, 225, 0.1);
    }

    10% {
        opacity: 1;
    }

    70% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px);
        opacity: 0;
        text-shadow: 0 -5px 0 rgba(225, 225, 225, 0.3);
    }
}

@keyframes downmove-ban-small {
    0% {
        -webkit-transform: translate(0, 0px);
        transform: translate(0, 0px);
        opacity: 0;
        text-shadow: 0 -15px 0 rgba(225, 225, 225, 0.1);
    }

    10% {
        opacity: 1;
    }

    70% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px);
        opacity: 0;
        text-shadow: 0 -5px 0 rgba(225, 225, 225, 0.3);
    }
}


/*********************end Chat CSS*******************/


/*********************ProfileSteps fix CSS*******************/

.instruCtion {
    margin: 20px auto 0 auto;
    max-width: 970px;
    border: solid 1px #EBEBEB;
    padding: 15px;
}

.instruCtion span {
    color: #e66e3e;
}

.instruCtion+.languageChange {
    margin-top: 20px;
}


/*********************end ProfileSteps fix CSS*******************/


/*********************Profile Language Selector CSS*******************/


/* .status-completion {
    background: #f4f4f4;
    font-size: 13px;
    color: #ff6607;
    border: solid 1px #d9d9d9;
    position: relative;
    top: -20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    white-space: nowrap;
    padding: 0 15px;
    display: inline-block;
    white-space: pre-wrap;
} */

.newProfilePage .newViewProfile .status-completion {
    position: relative;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.newProfilePage .newViewProfile .status-completion p {
    margin: 0;
    background: #f4f4f4;
    font-size: 13px;
    color: #ff6607;
    border: solid 1px #d9d9d9;
    padding: 0 15px;
    display: inline-block;
}

.pro-language {
    display: inline-block;
}

.edit-profile-lang {
    background-image: url(../images/edit_btn_v2.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    white-space: nowrap;
    color: #848484;
    z-index: 999;
    font-size: 13px;
    line-height: 24px;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 50%;
}

a.edit-profile-lang:hover {
    background-position: 0 -20px;
    border: 1px #29397f solid;
}

.lang-selector-table .tr {
    display: table;
    width: 100%;
}

.lang-selector-table .tr .th,
.lang-selector-table .tr .td {
    display: table-cell;
    padding: 6px 0;
    text-align: center;
    vertical-align: middle;
}

.lang-selector-table .tr .th {
    border-bottom: solid 1px #d2d2d2;
}

.lang-selector-table .tr .td {
    padding: 15px 0;
}

.lang-selector-table .tr .th:first-child,
.lang-selector-table .tr .td:first-child {
    width: 30%;
    font-weight: 700;
    text-align: left;
}

.lang-selector-table .tr .th:last-child,
.lang-selector-table .tr .td:last-child {
    text-align: right;
    width: 40%;
}

.lang-selector-table .custom-radio input {
    display: none;
}

.lang-selector-table .custom-radio {
    margin: 6px 0 0 0;
}

.lang-selector-table .custom-radio span {
    height: 18px;
    width: 18px;
    display: inline-block;
    border: solid 1px #c4c4c4;
    border-radius: 50%;
    background: #ededed;
}

.lang-selector-table .custom-radio input:checked+span {
    border: solid 1px #1683fb;
}

.lang-selector-table .custom-radio input:checked+span:after {
    content: "";
    display: block;
    height: 12px;
    width: 12px;
    background: #1683fb;
    border-radius: 50%;
    margin: 2px;
}

.lang-selector-table .switch {
    height: 33px;
    width: 85px;
    font-weight: 300;
}

.lang-selector-table .switch .slider {
    background: #bababa;
}

.lang-selector-table .switch input:checked+.slider {
    background-color: #009d00;
}

.lang-selector-table .switch .slider:before {
    width: 27px;
    height: 27px;
    left: 3px;
}

.lang-selector-table .switch input:checked+.slider:before {
    -webkit-transform: translateX(52px);
    transform: translateX(52px);
}

.lang-selector-table .switch .slider:after {
    content: attr(data-title-off);
    position: absolute;
    right: 15px;
    top: 7px;
    color: #fff;
}

.lang-selector-table .switch input:checked+.slider:after {
    content: attr(data-title-on);
    right: auto;
    left: 15px;
}

.lang-selector-table .switch input[disabled]+.slider {
    background: #d8d8d8;
}

.lang-selector-table .switch input[disabled]+.slider:after {
    color: #a1a1a1;
}

.lang-selector-table .switch input[disabled]+.slider:before {
    background: #a0a0a0;
}

.modal-langselec .modal-dialog {
    max-width: 500px;
}

.modal-langselec .modal-content {
    border-radius: 6px;
}

.modal-langselec .modal-header {
    background: #26377d;
    padding: 10px 15px;
}

.modal-langselec .modal-header .close {
    color: #fff;
    cursor: pointer;
    font-size: 38px;
    opacity: 1;
    position: absolute;
    right: -8px;
    top: -8px;
    z-index: 9999;
}

.modal-langselec .modal-header .modal-title {
    font-size: 20px;
}

.modal-langselec .row-btns {
    border-top: solid 1px #d2d2d2;
    padding-top: 20px;
    margin-top: 20px;
    text-align: right;
}

.modal-langselec .row-btns>* {
    margin-left: 10px;
}

.modal-langselec .row-btns .btn-cancel {
    border: solid 2px #ababab;
    display: inline-block;
    color: #ababab;
}

.modal-langselec .row-btns .btn-save {
    border: solid 2px #006400;
    display: inline-block;
    color: #006400;
}


/*********************end Profile Language Selector CSS*******************/


/*********************Add notes CSS*******************/

#deleteNoteModal {
    background: rgba(0, 0, 0, 0.5);
}

.addNoteModal h4.blueText {
    font-size: 18px;
}
#deleteNoteModal h4.modal-title{
	word-break:break-all;
}
#deleteNoteModal h4 span {
	word-break:break-all;

}
.addNoteModal select.form-control {
    padding-right: 20px;
}

.addNoteModal .blueTxt {
    color: #035ec1;
}

.addNoteModal .topSpace {
    margin-top: 10px;
}

.addNoteModal .selectWrapper {
    margin-bottom: 10px;
}

.addNoteModal .blueBotMD {
    background-color: #000064;
    border: 2px solid;
    border-color: #000064;
    color: #fff !important;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 400;
    -webkit-transition: all 700ms ease 0s;
    transition: all 700ms ease 0s;
    white-space: nowrap;
    font-size: 14px;
    padding: 3px 15px;
    line-height: normal;
}

.addNoteModal .blueBotMD:hover {
    background-color: #e66e3e;
    border-color: #e66e3e;
}

.addNoteModal hr.orangeBorderLine {
    border-bottom: 1px solid #e66e3e;
}

.addNoteModal .panel-heading {
    font-weight: 400;
}

.panel-latest>.panel-heading {
    background-color: #ccc;
    /* #bfdb8c */
    border: 1px solid #ccc;
    /* #aacf65 */
    color: #000;
    font-weight: 400;
}

.addNoteModal h5.panel-title {
    display: inline-block;
}

.panel-latest>.panel-body {
    background-color: #eee !important;
    /* #dfedc6 */
    border: 1px solid #ddd;
    /* #aacf65 */
    color: #000;
}

.panel-deleteWarn>.panel-heading {
    background-color: #ffe4b1;
    border: 1px solid #ffd37e;
    color: #000;
}

.panel-deleteWarn>.panel-body {
    background-color: #fff6e4 !important;
    border: 1px solid #ffd37e;
    color: #000;
}

.addNoteModal .panel {
    margin-bottom: 20px !important;
}

.addNoteModal .panel .panel-heading {
    padding: 10px 15px;
    min-height: 35px;
}

.addNoteModal span {
    margin: 0 5px;
}

a span.blueedit {
    position: relative;
    background: url(../images/editnotesprite.png) no-repeat -6px -6px;
    height: 20px;
    width: 20px;
    display: inline-block !important;
    vertical-align: middle;
}

a span.blueDel {
    background: url(../images/editnotesprite.png) no-repeat -7px -90px;
    width: 18px;
    height: 20px;
    display: inline-block !important;
    vertical-align: middle;
}

.addNoteModal h4.greyText {
    color: #696969;
    font-size: 18px;
}

.addNoteModal .editButton {
    position: relative;
    margin-left: 10px;
    display: inline-block;
}

.addNoteModal .editButton:before {
    cursor: default;
    content: "";
    position: absolute;
    left: -6px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #333;
}

.blueBotMDCL {
    background-color: transparent;
    border: 2px solid;
    border-color: #000064;
    color: #000064;
    border-radius: 20px;
    cursor: pointer;
    font-weight: 400;
    -webkit-transition: all 700ms ease 0s;
    transition: all 700ms ease 0s;
    white-space: nowrap;
    font-size: 15px;
    padding: 6px 30px;
    line-height: normal;
}

.blueBotMDCL:hover,
.blueBotMDCL:focus,
.blueBotMDCL:active {
    background-color: transparent;
    border-color: #e66e3e;
    color: #e66e3e;
}

.deleteWarnBtn {
    background-color: #b10000;
    border: 1px solid #b10000;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    line-height: 28px;
    padding: 2px 25px;
    -webkit-transition: all 700ms ease 0s;
    transition: all 700ms ease 0s;
    margin-left: 20px;
    border-radius: 4px;
}

.acptBtn {
    background-color: #66cc00;
    border: 1px solid #66cc66;
    color: #fff;
    cursor: pointer;
    padding: 2px 20px;
    -webkit-transition: all 700ms ease 0s;
    transition: all 700ms ease 0s;
    margin-left: 20px;
    border-radius: 4px;
    line-height: 28px;
}

.questions-table {
    max-height: 500px;
    overflow-y: scroll;
}

.questions-modal p.question-template {
    color: #26377d;
    font-size: 16px;
    margin: 0px;
    font-weight: 700;
}

.questions-modal span.question-description {
    font-size: 0.75em;
    font-style: italic;
    margin-bottom: 10px;
    border-bottom: solid 1px #c6c6c6;
    display: block;
    width: 100%;
}

.innerPage .addNoteModal .modal-footer .btn-blue {
    margin-bottom: 0;
    line-height: 1.2;
}

.addNoteModal .modal-body {
    height: 80vh;
    overflow-y: scroll;
}

#deleteNoteModal.addNoteModal .modal-body {
    height: auto;
    overflow: auto;
}

.addNoteModal #FileUpLoader {
    height: auto;
}

.addNoteModal select::-ms-expand,
#MatchmakerGroup select::-ms-expand,
.decline-match select::-ms-expand {
    display: none;
}


/*Added By Mehul on 2nd March 2020*/

.addNoteModal #MatchmakerNote h5.panel-title,
.addNoteModal #AdminNotes h5.panel-title {
    font-size: 13px;
	width:70%;
	word-break:break-word;
}

.addNoteModal #MatchmakerNote,
.addNoteModal #AdminNotes {
    margin-bottom: 15px;
}

.addNoteModal #MatchmakerNote {
    border-bottom: 10vh solid white;
}

.addNoteModal #MatchmakerNote .gray .panel-heading,
.addNoteModal #AdminNotes .gray .panel-heading,
.superadmin-notes .gray .panel-heading {
    padding: 5px 10px;
    background-color: #eee;
    border: 1px solid #eee;
}

.addNoteModal #MatchmakerNote .panel-heading,
.addNoteModal #AdminNotes .panel-heading {
    padding: 10px 10px 0;
    background-color: #fff;
    border-color: #fff;
}

.addNoteModal #MatchmakerNote .gray .panel-body,
.addNoteModal #AdminNotes .gray .panel-body {
    background-color: #eee !important;
    border: 0;
    color: #000;
}

.addNoteModal #MatchmakerNote .panel-body,
.addNoteModal #AdminNotes .panel-body {
    padding: 5px 10px;
}

.addNoteModal #MatchmakerNote .panel-heading a span.blueedit,
.addNoteModal #AdminNotes .panel-heading a span.blueedit {
    background: url(../images/editnotesprite.png) no-repeat 0px -3px;
    height: 25px;
    width: 25px;
    background-size: cover;
}

.addNoteModal #MatchmakerNote .panel-heading a span.blueDel,
.addNoteModal #AdminNotes .panel-heading a span.blueDel {
    background: url(../images/editnotesprite.png) no-repeat -5px -69px;
    width: 25px;
    height: 25px;
    background-size: cover;
}

.addNoteModal #MatchmakerNote .panel,
.addNoteModal #AdminNotes .panel {
    margin-bottom: 0px !important;
    border: 1px solid #ddd;
}

.addNoteModal #MatchmakerNote .panel+.panel,
.addNoteModal #AdminNotes .panel+.panel {
    border-top: 0;
}

.addNoteModal .modal-content .modal-title {
    font-size: 20px;
}

.addNoteModal #MatchmakerNote .panel-body p,
.addNoteModal #AdminNotes .panel-body p {
    margin-bottom: 5px;
}
@media only screen and (max-width: 767px) { 
.addNoteModal #MatchmakerNote h5.panel-title,
.addNoteModal #AdminNotes h5.panel-title {
	width:100%;	
}
}

/*********************end Add notes CSS*******************/


/******************Fancy Box Css***************/

.fancybox-modal.addNoteModal .modal-body {
    min-height: 100vh;
    /* height: auto; */
    /* padding-bottom: 10vh; */
}

.fancy-notes #fancybox-close {
    display: none !important;
}

.fancy-notes #fancybox-content,
.fancy-notes #fancybox-title,
.fancy-notes #fancybox-outer {
    border-width: 0 !important;
    width: 100% !important;
}


/*********Fancy Box Css End********************/

.blacktxt-heading h3 {
    font-size: 24px;
    color: #000;
}


/**************************css for large logo********************/

.large-logo .headerLogo {
    line-height: 50px;
}

.large-logo .headerLogo img {
    max-width: 335px;
    width: auto;
    height: auto;
    max-height: 52px;
}

.large-logo .menu ul {
    margin-left: 8%;
}


/*.large-logo .menu ul{margin-left: 10%;}*/


/*********************accept match page*********************/

.accept-match .mem-join-msg {
    /* background: #e0fad5; */
    /* border: solid 1px #739f4f; */
    /* padding: 20px 0; */
    /* color: #215700; */
    border-radius: 4px;
    /* font-size: 20px; */
    margin-bottom: 20px;
    overflow: hidden;
    display: table;
    width: 100%;
}


/*Changes for Bug- 2552*/

.accept-match .mem-join-msg h3 {
    margin: 0;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}


/*Changes for Bug- 2552*/

/* .accept-match .heading-blue { */
    /* color: #00a60c; */
    /* font-weight: 500; */
/* } */
.accept-match .accept-msg {
    /* padding: 20px 0; */
    color: #00a60c;
    border-radius: 4px;
    font-size: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}
.male-name {
    color: #193cbf;
}

.female-name {
    color: #bf193c;
}

.accept-match .mem-join-msg .mem-join-msg-option {
    font-size: 16px;
    color: #464646;
}

.accept-match .mem-join-msg .mem-join-msg-option .form-group {
    display: inline-block;
}

.accept-match .mem-join-msg .mem-join-msg-option .form-group select {
    background-color: #fff;
}

.accept-match .mem-join-msg .btn-confirm {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    font-size: 13px;
    padding: 4px 15px;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 0 10px;
    text-decoration: none;
}

.accept-match .mem-join-msg .btn-confirm:hover {
    background: #006400;
    color: #fff;
    text-decoration: none;
}

.accept-match .mem-join-msg .btn-cancel {
    color: #b10000;
    border: solid 2px #b10000;
    border-radius: 4px;
    font-size: 13px;
    padding: 4px 15px;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none;
}

.accept-match .mem-join-msg .btn-cancel:hover {
    background: #b10000;
    color: #fff;
    text-decoration: none;
}

.accept-match .instruction {
    font-size: 18px;
    font-weight: 700;
}

.accept-match .instruction strong {
    color: #1683fa;
}

.accept-match .accept strong,
.decline-match .accept strong {
    color: #00a60c;
    text-transform: uppercase;
    font-size: 18px;
}

.accept-match .hold strong,
.decline-match .hold strong {
    color: #f05900;
    text-transform: uppercase;
    font-size: 18px;
}

.accept-match .decline strong,
.decline-match .decline strong {
    color: #d40000;
    text-transform: uppercase;
    font-size: 18px;
}

.decline-match .overview+.overview {
    margin-top: 25px;
}


/*********************end accept match page*********************/


/*********************add email for suggestion page*********************/

.add-emailsugges .update-email h5 {
    margin-top: 0;
    line-height: normal;
}

.add-emailsugges .update-email .form-table {
    display: table;
    width: 100%;
}

.add-emailsugges .update-email .form-group {
    display: table-cell;
    vertical-align: middle;
}

.add-emailsugges .update-email .form-group.email-txt {
    width: 85%;
}

.add-emailsugges .update-email .form-group .labelInputWrapper {
    margin: 0;
}

.add-emailsugges .update-email .form-group.btn-group {
    padding-left: 10px;
}

.add-emailsugges .update-email .form-group .btn-save {
    background: #000064;
    color: #fff;
    width: 100px;
    margin: 0 10px;
}

.add-emailsugges .update-email .form-group .btn-save:hover {
    border: solid 2px #000064;
    background: #fff;
    color: #000064;
}

.add-emailsugges .update-email .form-group .btn-cancel {
    background: #797979;
    color: #fff;
    width: 100px;
    text-decoration: none;
}

.add-emailsugges .update-email .form-group .btn-cancel:hover {
    border: solid 2px #797979;
    background: #fff;
    color: #797979;
}


/*********************end add email for suggestion page*********************/


/*********************add phone for suggestion page*********************/

.add-phonesuggest .update-phone h5 {
    line-height: normal;
    margin-top: 0;
}

.add-phonesuggest .update-phone .form-table {
    display: table;
    width: 100%;
}

.add-phonesuggest .update-phone .form-group.phone-txt {
    width: 85%;
}

.add-phonesuggest .update-phone .form-group {
    display: table-cell;
    vertical-align: middle;
}

.add-phonesuggest .update-phone .form-group.btn-group {
    padding-left: 10px;
}

.add-phonesuggest .update-phone .form-group {
    display: table-cell;
    vertical-align: middle;
}

.add-phonesuggest .btn-group .form-group .btn-save {
    background: #000064;
    color: #fff;
    margin: 0 10px;
    width: 100px;
}

.add-phonesuggest .btn-group .form-group .btn-cancel {
    background: #797979;
    color: #fff;
    width: 100px;
}

.add-phonesuggest .panel-body {
    display: table;
    width: 100%;
}

.add-phonesuggest .am-danger {
    margin-bottom: 15px !important;
}

.add-phonesuggest .update-phone .form-group .labelInputWrapper {
    margin: 0;
}


/*********************end add phone for suggestion page*********************/


/*********************change match status page*********************/

.change-matchstats .update-status h5 {
    margin-top: 0;
    line-height: normal;
}

.change-matchstats .update-status .form-table {
    display: table;
    width: 100%;
}

.change-matchstats .update-status .form-group {
    display: table-cell;
    vertical-align: middle;
}
/* Added margin-bottom by mehul for Update mymatches and progress report task on 9th Aug 2021 */
.change-matchstats .update-status .form-group.email-txt {
    width: 85%;
	margin-bottom:30px;
}
/* Added margin-bottom by mehul for Update mymatches and progress report task on 9th Aug 2021 */
.change-matchstats .update-status .form-group .labelInputWrapper {
    margin: 0;
}

.change-matchstats .update-status .form-group.btn-group {
    padding-left: 10px;
}

.change-matchstats .update-status .form-group .btn-save,
.grp-rel .form-group .btn-save {
    background: #000064;
    color: #fff;
    width: 100px;
    margin: 0 10px;
}

.change-matchstats .update-status .form-group .btn-save:hover,
.grp-rel .form-group .btn-save:hover {
    border: solid 2px #000064;
    color: #000064;
    background: #fff;
}

.change-matchstats .update-status .form-group .btn-cancel,
.grp-rel .form-group .btn-cancel {
    background: #797979;
    color: #fff;
    width: 100px;
    text-decoration: none;
}

.change-matchstats .update-status .form-group .btn-cancel:hover,
.grp-rel .form-group .btn-cancel:hover,
.report-match-progress .btn-group .form-group .btn-cancel:hover{
    border: solid 2px #797979;
    color: #797979;
    background: #fff;
    text-decoration: none;
}

.grp-rel .modal-content .modal-title {
    font-size: 18px;
}

.grp-rel .modal-footer {
    text-align: center;
}

.grp-rel .modal-footer .form-group {
    display: inline-block;
    margin-bottom: 0;
}


/*********************end change match status page*********************/


/*********************decline match page*********************/


/*Changes for Bug- 2552*/

.decline-match .decline-msg {
    /* background: #FFF2F2; */
    /* border: solid 1px #f00; */
    padding: 20px 0;
    color: #f00;
    border-radius: 4px;
    font-size: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}
/* .decline-match select:focus, .decline-match select:hover, .decline-match select { */
    /* width: 100%; */
    /* position: relative; */
	/* max-width:100%; */
/* } */

/*Changes for Bug- 2552*/

 .decline-match .decline-msg .btn-confirm , #RequestReissue3Weeks .btn-green {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    font-size: 13px;
    padding: 4px 15px;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 0 10px;
    text-decoration: none;
    min-width: 160px;
}


/*Changes for Bug- 2552*/
.decline-match .btn + .btn{
	margin-left:5px;
}
.decline-match .decline-msg .btn-confirm:hover, #RequestReissue3Weeks .btn-green:hover {
    background: #006400;
    color: #fff;
}

.decline-match .decline-msg .btn-cancel, .decline-match .btn-cancel, #RequestReissue3Weeks .btn-red{
    color: #b10000 !important;
    border: solid 2px #b10000;
    border-radius: 4px;
    font-size: 13px;
    padding: 4px 15px;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none;
    min-width: 160px;
}

 .decline-match .decline-msg .btn-cancel:hover,.decline-match .btn-cancel:hover, #RequestReissue3Weeks .btn-red:hover {
    background: #b10000;
    color: #fff !important;
    text-decoration: none;
}
#MatchConfirmation .decline-match .decline-msg .btn-confirm, #MatchConfirmation  .decline-match .decline-msg .btn-cancel , #MatchConfirmation .decline-match .btn-cancel, #RequestReissue3Weeks .btn-red , #RequestReissue3Weeks .btn-green {
min-width:auto;
}
.decline-match .instruction {
    font-size: 18px;
    font-weight: 700;
}

.decline-match .instruction strong {
    color: #1683fa;
}

.decline-match .note strong {
    color: #f05900;
    font-size: 18px;
}
#MatchConfirmation .modal-body{
	max-height:80vh;
	overflow-y:scroll;
}

/*********************end decline match page*********************/

/*********************View Survey page*********************/

.view-survey .btn-submit {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    font-size: 13px;
    padding: 4px 15px;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 0 5px;
}

.view-survey .btn-submit:hover {
    background: #006400;
    color: #fff;
}

.view-survey .btn-cbl {
    color: #b10000;
    border: solid 2px #b10000;
    border-radius: 4px;
    font-size: 13px;
    padding: 4px 15px;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 0 5px;
    text-decoration: none;
}

.view-survey .btn-cbl:hover {
    background: #b10000;
    color: #fff;
    text-decoration: none;
}

.view-survey .btn-skip {
    color: #000064;
    border: solid 2px #000064;
    border-radius: 4px;
    font-size: 13px;
    padding: 4px 15px;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none;
}

.view-survey .btn-skip:hover {
    background: #000064;
    color: #fff;
    text-decoration: none;
}

.view-survey .vs-top-text {
    display: table;
    width: 100%;
    border-bottom: solid 1px #c8c8c8;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.view-survey h6 {
    color: #ff6600;
}

.view-survey .vs-top-text .col-left {
    display: table-cell;
    vertical-align: middle;
}

.view-survey .vs-top-text .col-left h7 {
    font-size: 18px;
}

.view-survey .vs-top-text .col-left strong {
    color: #1683fa;
}

.view-survey .vs-top-text .col-right {
    display: table-cell;
    vertical-align: middle;
    width: 500px;
}

.view-survey .row-question {
    margin-bottom: 20px;
}

.view-survey .question {
    color: #1683fa;
    margin-bottom: 10px
}

.view-survey .ans p {
    margin: 5px 0;
}

.view-survey .ans label {
    font-weight: 400;
}

.view-survey .ans label input[type="radio"] {
    vertical-align: -1px;
}

.view-survey .ans.dec-comment textarea {
    resize: none;
}


/*********************end View Survey page*********************/


/*********************decline match with comment page*********************/

.decline-match h6 {
    color: #ff6600;
    font-weight: 700;
}

.decline-match .row-question {
    margin-bottom: 20px;
}
.decline-match .row-question:last-child {
    margin-bottom: 0;
}
.decline-match .question {
    color: #1683fa;
    margin-bottom: 10px
}

.decline-match .ans p {
    margin: 5px 0;
}

.decline-match .ans label {
    font-weight: 400;
}

.decline-match .ans label input[type="radio"] {
    vertical-align: -1px;
}

.decline-match .ans.dec-comment textarea {
    resize: none;
}

.decline-match .ans.dec-comment .btn-sendmail {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    font-size: 13px;
    padding: 4px 15px;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 0;
}

.decline-match .ans.dec-comment .btn-sendmail:hover {
    background: #006400;
    color: #fff;
}

.decline-match .ans.dec-comment .note {
    font-size: 13px;
    color: #808080;
    margin-top: 6px;
    margin-bottom: 6px;
}

.decline-match .ans.dec-comment .note strong {
    font-size: 13px;
    font-weight: 400;
    color: #1683fa;
}


/*********************end decline match with comment page*********************/


/*********************add/view match comment page*********************/

.match-comment .enter-comment h5 {
    margin-top: 0;
    line-height: normal;
    font-weight: 400;
    /*color: #549bff;*/
    display: inline-block;
}

.match-comment .enter-comment .yn {
    display: inline-block;
    margin-left: 20px;
}

.match-comment .enter-comment .note strong {
    color: #d70000;
    font-weight: 400;
}

.match-comment .enter-comment textarea {
    resize: none;
}

.match-comment .btn-group {
    margin-top: 25px;
    display: block;
    text-align: center;
}

.match-comment .btn-group .form-group {
    display: inline-block;
}

.match-comment .btn-group .form-group .btn-save,
.mmse .btn-save,
.mmse .btn-save:hover {
    background: #000064;
    color: #fff;
    width: 100px;
    margin: 0 10px;
    text-decoration: none;
}

.match-comment .btn-group .form-group .btn-cancel,
.mmse .btn-cancel,
.mmse .btn-cancel {
    background: #797979;
    color: #fff;
    width: 100px;
    text-decoration: none;
}


/*********************end add/view match comment page*********************/


/*********************compose mail page*********************/

.compose-mail .instruction {
    padding: 20px 0;
    margin: 0;
    max-width: 100%;
    border: none;
}

.compose-mail .instructions {
    padding: 20px 0 0;
}

.compose-mail .instruction strong {
    color: #cd0704;
}

.compose-mail .instruction span {
    text-transform: uppercase;
}

.compose-mail h5 {
    margin-top: 0;
    line-height: normal;
    color: #26377d;
}

.compose-mail .cm-controls {
    display: table;
    width: 100%;
}

.compose-mail .cm-controls .note-left {
    display: table-cell;
    vertical-align: bottom;
}

.compose-mail .cm-controls .note-left .note {
    margin-top: 10px;
}

.compose-mail .cm-controls .note-left .note strong,
.edit-qa .note strong {
    color: #d70000;
    font-weight: 400;
}

.compose-mail .cm-controls .btn-right {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
}

.compose-mail .cm-controls .btn-send-mail {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 4px 15px;
    font-size: 13px;
    cursor: pointer;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-bottom: 5px;
}

.compose-mail .cm-controls .btn-send-mail:hover {
    background: #006400;
    color: #fff;
}

.compose-mail .cm-controls .btn-close {
    color: #b10000;
    border: solid 2px #b10000;
    border-radius: 4px;
    padding: 4px 15px;
    font-size: 13px;
    cursor: pointer;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 0 0 5px 10px;
    text-decoration: none;
}

.compose-mail .cm-controls .btn-close:hover {
    background: #b10000;
    color: #fff;
    text-decoration: none;
}

.compose-mail .subheading {
    color: #ff7d23;
    font-size: 20px;
    margin: 15px 0 8px;
}

.compose-mail .subheading-blue {
    color: #26377d;
    font-size: 16px;
    font-weight: 700;
}

.compose-mail .msg-details {
    background: #fff;
    padding: 10px;
    border: solid 1px #b7b7b7;
}


/*********************end compose mail page*********************/

.brdcrmb {
    margin-bottom: 5px;
}

.brdcrmb a {
    color: #1683fa;
    text-decoration: none;
}

.brdcrmb a:after {
    content: "�";
    display: inline-block;
    margin: 0 5px;
}


/*********************edit photos page*********************/

.edit-photos .imp-reminder {
    margin-bottom: 20px;
}

.edit-photos .heading-orange {
    color: #ff7d23;
    font-size: 20px;
}

.edit-photos .heading-mm-photo {
    color: #26377d;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 30px;
}

.edit-photos .addImage,
.edit-photos .eachImage {
    max-width: 265px;
    padding: 15px 15px 15px 0;
}

.edit-photos .addImage .filename {
    padding-top: 5px;
    word-break: break-all;
    word-break: break-word;
    word-wrap: break-word;
}

.edit-photos .note ol,
.edit-photos .note a {
    color: #1683fa;
}

.edit-photos .note h5 {
    font-size: 20px;
    color: #ff7d23;
}

.edit-photos .note ol {
    padding: 0;
    margin: 0 0 20px 0;
    list-style: inside;
    list-style-type: decimal;
}

.edit-photos .btn-group {
    margin-top: 25px;
    display: block;
    text-align: center;
}

.edit-photos .btn-group .form-group {
    display: inline-block;
}

.edit-photos .btn-group .form-group .btn-save {
    background: #000064;
    color: #fff;
    width: 100px;
    margin: 0 10px;
}

.edit-photos .btn-group .form-group .btn-cancel {
    background: #797979;
    color: #fff;
    width: 100px;
}

.edit-photos .eachImage .replaceImage {
    overflow: hidden;
}


/*********************end edit-photos page*********************/


/*********************edit req more time match page*********************/

.mem-reqtimeforMatch {
    padding: 25px 0;
    text-align: center;
}

.mem-reqtimeforMatch h3 {
    color: #2c323c;
    margin-top: 50px;
}

.mem-reqtimeforMatch .timeremaining {
    color: #2c323c;
    margin-top: 10px;
    display: block;
    font-size: 20px;
    margin-bottom: 60px;
}

.mem-reqtimeforMatch .nameMaleMatch {
    color: #1683fa;
    margin-top: 20px;
    font-size: 28px;
    display: block;
}

.mem-reqtimeforMatch .nameFemaleMatch {
    color: #bf193c;
    margin-top: 20px;
    font-size: 28px;
    display: none;
}

.mem-reqtimeforMatch .btn-row {
    margin: 40px 0;
}

.mem-reqtimeforMatch .btn-row a {
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
    line-height: normal;
    margin: 5px 10px 0;
    padding: 4px 15px;
    vertical-align: middle;
}

.mem-reqtimeforMatch .txt-orange {
    color: #ff6600;
    padding-right: 5px;
}

.mem-reqtimeforMatch .btn-group {
    display: block;
    margin-top: 25px;
    text-align: center;
}

.mem-reqtimeforMatch .btn-group .form-group {
    display: inline-block;
}

.mem-reqtimeforMatch .btn-group .form-group .btn-save {
    background: #000064;
    color: #fff;
    margin: 0 5px;
    width: 100px;
}

.mem-reqtimeforMatch .btn-group .form-group .btn-save:hover {
    background: #fff;
    border: solid 2px #000064;
    color: #000064;
}

.mem-reqtimeforMatch .btn-group .form-group .btn-cancel {
    background: #797979;
    color: #fff;
    margin: 0 5px;
    width: 100px;
}

.mem-reqtimeforMatch .btn-group .form-group .btn-cancel:hover {
    background: #fff;
    border: solid 2px #797979;
    color: #797979;
}


/*********************end edit req more time match page*********************/


/******************Remove my Profile **********************/

.remove-profile .decline strong {
    color: #d40000;
}

.remove-profile .ans p {
    margin: 5px 0;
}

.remove-profile .ans label {
    font-weight: 400;
}

.remove-profile .ans label input[type="radio"] {
    vertical-align: -1px;
}

.remove-profile .inactive-membership {
    padding: 10px 0;
    float: left;
    width: 100%;
}

.remove-profile .inactive-membership input[type="submit"] {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #b10000;
    border-radius: 4px;
    color: #b10000;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    padding: 4px 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.remove-profile .inactive-membership input[type="submit"]:hover {
    background: #b10000;
    color: #fff;
    text-decoration: none;
}


/******************end Remove my Profile **********************/


/******************Profile complete page**********************/

.profile-complete {
    text-align: center;
}

.profile-complete-fass .success-msg {
    text-align: left;
}

.profile-complete .instruction {
    text-align: left;
    margin-left: 5px;
    margin-bottom: 15px;
}

.profile-complete .instruction strong {
    color: #1f81f0;
}

.profile-complete .success-msg {
    padding: 30px;
    margin-top: 20px;
}

.profile-complete .success-msg h4 {
    color: #245408;
}

.profile-complete .view-condition {
    text-align: left;
    margin-left: 5px;
    margin-bottom: 15px;
}

.profile-complete .btn-row {
    margin: 20px 0;
}

.profile-complete .btn-row a {
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
    line-height: normal;
    margin: 5px 10px 0;
    padding: 4px 15px;
    vertical-align: middle;
}


/******************end Profile complete page**********************/


/********************* mm member activity*******************/

.mm-member-activity .mm-member-activity-table {
    display: table;
    width: 100%;
}

.mm-member-activity .mm-member-activity-table .ph-row-head {
    width: 100%;
    display: table;
    background: #f5f5f5;
}

.mm-member-activity .mm-member-activity-table .ph-row-head .ph-col {
    border: 0;
    padding: 6px;
    text-align: left;
}

.mm-member-activity .mm-member-activity-table .ph-row-head a {
    color: #1683fa;
}

.mm-member-activity .mm-member-activity-table .ph-col {
    display: table-cell;
    padding: 6px;
    border-bottom: solid 1px #ddd;
    width: 10.1%;
}

.mm-member-activity .mm-member-activity-table .ph-col.center {
    text-align: center;
}

.mm-member-activity .mm-member-activity-table .ph-row {
    width: 100%;
    display: table;
}

.mm-member-activity .mm-member-activity-table .ph-row:last-child .ph-col {
    border: 0;
}

.mm-member-activity .mm-member-activity-table .ph-col .available {
    /*color:#00a60c;*/
}

.mm-member-activity .mm-member-activity-table .ph-col .male {
    color: #193cbf;
    cursor: pointer;
    text-decoration: none;
}

.mm-member-activity .mm-member-activity-table .ph-col .female {
    color: #bf193c;
    cursor: pointer;
    text-decoration: none;
}

.mm-member-activity .mm-member-activity-table .ph-col a.male:hover {
    text-decoration: none;
}

.mm-member-activity .mm-member-activity-table .ph-col a.female:hover {
    text-decoration: none;
}

.mm-member-activity .btn-row {
    text-align: center;
    padding: 35px;
}

.mm-member-activity .btn-row .btn-back {
    color: #000064 !important;
    background-color: transparent;
}

.mm-member-activity .btn-row .btn-back:hover {
    color: #fff !important;
    background-color: #000064;
}


/********************* end mm member activity*******************/


/********************* add mm page*******************/

.add-mm .row-profile-name {
    font-size: 18px;
    padding: 10px 0;
}

.add-mm .row-profile-name .btn-group {
    display: inline-block;
    white-space: nowrap;
}

.add-mm .add-mm-row {
    background: #e8f8fd none repeat scroll 0 0;
    border: 1px solid #66c5df;
    border-radius: 5px;
    display: table;
    padding: 18px;
    width: 100%;
}

.add-mm .add-mm-row .left,
.add-mm .add-mm-row .right {
    display: table-cell;
    vertical-align: top;
}

.add-mm .add-mm-row .left {
    padding-right: 25px;
}

.add-mm .add-mm-row .left span {
    min-height: 40px;
}

.add-mm .add-mm-row .left span,
.add-mm .add-mm-row .right span {
    display: block;
}

.add-mm .add-mm-row .right {
    width: 400px;
    text-align: left;
}

.add-mm .add-mm-row .btn-add-mem {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #006400;
    border-radius: 4px;
    color: #006400;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    padding: 4px 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    cursor: pointer;
    margin-right: 20px;
    margin-top: 10px;
}

.add-mm .add-mm-row .btn-group {
    white-space: nowrap;
}

.add-mm .add-mm-row .btn-add-mem:hover {
    background: #006400;
    color: #fff;
    text-decoration: none;
}

.add-mm .add-mm-row .btn-cancelMM {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #b10000;
    border-radius: 4px;
    color: #b10000;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    padding: 4px 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    display: inline-block;
    margin-top: 10px;
    text-decoration: none;
}

.add-mm .add-mm-row .btn-cancelMM:hover {
    background: #b10000;
    color: #fff;
    text-decoration: none;
}

.add-mm .profile-info {
    display: table;
    margin: 15px 0;
    overflow: hidden;
    width: 100%;
}

.add-mm .profile-info .pi-cell:first-child {
    padding-right: 20px;
    width: 140px;
}

.add-mm .profile-info .pi-cell {
    display: table-cell;
    vertical-align: middle;
}

.add-mm .profile-info .pi-cell .mm-pic {
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 120px;
}

.add-mm .profile-info .pi-cell p {
    margin-bottom: 5px;
}

.add-mm .profile-info .pi-cell label {
    color: #1683fb;
    font-weight: 300;
}

.add-mm .profile-info .pi-cell .mm-pic img {
    border: 2px solid #ccc;
    border-radius: 15px;
    max-width: 100%;
}

.add-mm .info-panel {
    margin-bottom: 15px;
}

.add-mm .info-panel p {
    margin: 0;
}

.add-mm .add-mm-row .left .labelInputWrapper {
    margin: 10px 0 0 0;
}

.add-mm .mm-info label {
    color: #1683fb;
    font-weight: 300;
}

.add-mm .row-country {
    display: table;
    margin-bottom: 10px;
    width: 100%;
}

.add-mm .row-country .left,
.add-mm .row-country .right {
    display: table-cell;
    vertical-align: top;
}

.add-mm .row-country .left {
    width: 100px;
}

.add-mm .btn-row {
    text-align: center;
    padding: 35px;
}

.add-mm .btn-row .btn-back {
    color: #000064 !important;
    background-color: transparent;
    text-decoration: none;
}

.add-mm .panel-body .msg-success-add {
    text-align: inherit;
    padding: 25px 18% 25px 20px;
    display: table;
    width: 100%;
    background-image: url(../images/icon-thumb.png);
    background-repeat: no-repeat;
    background-position: right 60px center;
    background-size: 65px;
    color: #215700;
}


/********************* View mm warning*********************/

.vnp-warning {
    margin-bottom: 10px !important;
}

.vnp-warning .panel-body .msg-warning {
    text-align: inherit;
    padding: 25px 18% 25px 20px;
    display: table;
    width: 100%;
    /* background-image: url(../images/private_member.png);
    background-repeat: no-repeat;
    background-position: right 20px center; */
    color: #000;
}

.vnp-warning .panel-body .msg-warning a {
    color: #000064;
    font-weight: 700;
}

.vnp-warning .panel-body .msg-warning a:hover {
    color: #e66e3e;
}

.add-mm .btn-row {
    text-align: center;
    padding: 35px;
}

.add-mm .btn-row .btn-back {
    color: #000064 !important;
    background-color: transparent;
}

.add-mm .btn-row .btn-back:hover {
    color: #fff !important;
    background-color: #000064;
}


/***************** end View mm warning page*****************/


/*********************end add mm page*******************/


/********************* Confirm Logout page *******************/

.confirm-logout {
    text-align: center;
    padding: 25px 0;
}

.confirm-logout h3 {
    color: #2c323c;
    margin-top: 50px;
}

.confirm-logout .confirmation-box {
    background: #ebffff;
    border: solid 1px #71b8fd;
    padding: 30px;
    display: inline-block;
    border-radius: 5px;
    margin: 25px 0;
}

.confirm-logout .confirmation-box p {
    font-size: 22px;
    font-weight: 700;
}

.confirm-logout .confirmation-box p span {
    color: #26377d;
}

.confirm-logout .btn-row {
    margin-top: 25px;
}

.confirm-logout .btn-row a {
    border-radius: 4px;
    padding: 4px 15px;
    font-weight: 700;
    font-size: 13px;
    line-height: normal;
    vertical-align: middle;
    margin: 5px 10px 0 10px;
}

.confirm-logout .btn-row a.btn-yes {
    border: solid 2px #006400;
    background: #fff;
    color: #006400;
    text-decoration: none;
}

.confirm-logout .btn-row a.btn-yes:hover {
    background: #006400;
    color: #fff;
}

.confirm-logout .btn-row a.btn-no {
    border: solid 2px #b10000;
    background: #fff;
    color: #b10000;
    text-decoration: none;
}

.confirm-logout .btn-row a.btn-no:hover {
    background: #b10000;
    color: #fff;
}


/********************* end Confirm Logout *******************/


/********************edit Relationship page**********************/

.add-editRelationship .update-relation .form-table {
    display: table;
    width: 100%;
}

.add-editRelationship .update-relation .form-group.email-txt {
    width: 85%;
}

.add-editRelationship .update-relation .form-group {
    display: table-cell;
    vertical-align: middle;
}

.add-editRelationship .update-relation .form-group.btn-group {
    padding-left: 10px;
}

.add-editRelationship .update-relation .form-group {
    display: table-cell;
    vertical-align: middle;
}

.add-editRelationship .update-relation .form-group .btn-save {
    background: #000064 none repeat scroll 0 0;
    color: #fff;
    margin: 0 10px;
    min-width: 100px;
}

.add-editRelationship .update-relation .form-group .btn-save:hover {
    background: #fff;
    color: #000064;
    border: 1px solid #000064;
    text-decoration: none;
}

.add-editRelationship .update-relation .form-group .btn-cancel {
    background: #797979 none repeat scroll 0 0;
    color: #fff;
    width: 100px;
    text-decoration: none;
}

.add-editRelationship .update-relation h5 {
    line-height: normal;
    margin-top: 0;
}


/******************** end edit Relationship page**********************/


/*****************Membership Agreement Page ***********************/

.membership-agreement h4 {
    font-size: 18px;
}

.membership-agreement p strong,
.match-guide .orange {
    color: #ff6600;
}

.membership-agreement ul {
    margin: 0;
    padding: 0;
}

.membership-agreement ul>li {
    margin-bottom: 15px;
    list-style: none;
    padding-left: 25px;
    position: relative;
}

.membership-agreement ul>li strong {
    color: #1683fa;
}

.membership-agreement ul>li:before {
    content: "";
    width: 14px;
    height: 14px;
    background: url(../images/no-repeat.png) no-repeat -83px -737px;
    position: absolute;
    left: 3px;
    top: 4px;
}

.membership-agreement .fbm {
    padding: 15px 0 15px 15px;
}

.membership-agreement .fbm .free strong {
    color: #26377d;
}

.membership-agreement .fbm .gold strong {
    color: #f9a600;
}

.membership-agreement .prohibited strong {
    color: #d90000;
}

.membership-agreement ol>li {
    list-style: lower-alpha;
}

.membership-agreement ul ul,
.membership-agreement ul ol {
    margin-left: 10px;
}

.membership-agreement .woodmere-asset {
    color: #ff6600;
    font-size: 18px;
}

.membership-agreement .agree {
    text-align: center;
    font-size: 22px;
    margin-top: 30px;
    font-weight: 700;
}

.membership-agreement .agree a {
    color: #000;
}


/*****************end Membership Agreement Page ***********************/


/*****************Privacy Page ***********************/

.privacy h4,
.int-ques h4,
.mm-levels h4 {
    font-size: 18px;
    font-weight: 900;
    color: #26377d;
}

.privacy ul {
    margin: 0;
    padding: 0;
}

.privacy ul>li {
    margin-bottom: 15px;
    list-style: none;
    position: relative;
}

.privacy ul>li h4 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.privacy .woodmere-asset {
    color: #ff6600;
    font-size: 18px;
}

.privacy .agree {
    text-align: center;
    font-size: 22px;
    margin-top: 30px;
    font-weight: 700;
}

.privacy .agree a {
    color: #000;
}


/*****************end Privacy Page ***********************/


/*****************Tips Page ********************/

.tips h4 {
    font-size: 18px;
}

.tips .row-tip {
    border-bottom: solid 1px #eee;
    padding: 0 0 20px 0;
    margin-bottom: 20px;
}

.tips .btn-row {
    text-align: center;
    padding: 35px;
}

.tips .btn-row .btn-back {
    color: #000064 !important;
    background-color: transparent;
}

.tips .btn-row .btn-back:hover {
    background: #000064;
    color: #fff !important;
}

.tips .go-top {
    position: fixed;
    bottom: 50px;
    right: 30px;
    background: #ff6600;
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    cursor: pointer;
    text-align: center;
    font-size: 50px;
    line-height: 40px;
    z-index: 99;
    display: none;
}

.tips .go-top img {
    width: 20px;
}


/***************end Tips Page ******************/

.verified-cards>span {
    display: inline-block;
    position: relative;
}

.verified-cards>span span {
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}


/**********Photo Help*************/

.photoUpload-Help p a {
    color: #1683fb;
    font-weight: 700;
}

.photoUpload-Help .photo-info p {
    display: block;
    padding: 10px 0px;
    border-bottom: 1px solid #d8d8d8;
}

.photoUpload-Help .photo-info p label {
    margin-bottom: 0px;
}

.photoUpload-Help .photo-info p span {
    display: block;
}

.photoUpload-Help .photo-info .noteTxt p {
    display: block;
    border: none;
}

.photoUpload-Help .photo-info .noteTxt p span {
    display: inline-block;
    color: #d50000;
}


/**********end Photo Help*************/


/**********Poke Matchmaker************/

.poke-Matchmaker .decline-msg {
    background: #fff2f2 none repeat scroll 0 0;
    border: 1px solid #f00;
    border-radius: 4px;
    color: #f00;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px;
}

.poke-Matchmaker .decline-msg a {
    color: #1683fb;
    font-weight: 700;
}

.poke-Matchmaker .cm-controls {
    display: table;
    width: 100%;
}

.poke-Matchmaker .cm-controls .note-left {
    display: table-cell;
    vertical-align: middle;
}

.poke-Matchmaker .cm-controls .btn-right {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}

.poke-Matchmaker .cm-controls .btn-send-mail {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #006400;
    border-radius: 4px;
    color: #006400;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    margin: 0 10px;
    padding: 4px 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.poke-Matchmaker .cm-controls .btn-send-mail:hover {
    background: #006400;
    color: #fff;
}

.poke-Matchmaker .cm-controls .btn-close {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #b10000;
    border-radius: 4px;
    color: #b10000;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    padding: 4px 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    text-decoration: none;
}

.poke-Matchmaker .cm-controls .btn-close:hover {
    background: #b10000;
    color: #fff;
    text-decoration: none;
}

.poke-Matchmaker .cm-controls .note-left .note {
    margin-top: 10px;
}


/**********end Poke Matchmaker************/


/*****************Hold Match page*****************/


/* Changes for bug 2552*/

.hold-match .hold-msg {
    /*background: #ffead0 none repeat scroll 0 0;
    border: 1px solid #ffc793; */
    border-radius: 4px;
    color: #f05900;
    font-size: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px 0;
}

.hold-match .hold-msg .btn-cancel  {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #b10000;
    border-radius: 4px;
    color: #b10000;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    padding: 4px 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	text-decoration: none;
}

 .hold-match .hold-msg .btn-confirm {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #006400;
    border-radius: 4px;
    color: #006400;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    margin: 0 10px;
    padding: 4px 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    text-decoration: none;
}

.hold-match .hold-msg .btn-cancel:hover {
    background: #b10000;
    color: #fff;
    text-decoration: none;
}

.hold-match .hold-msg .btn-confirm:hover {
    background: #006400;
    color: #fff;
}

.hold-match .instruction {
    font-size: 18px;
    font-weight: 700;
}

.hold-match .instruction strong {
    color: #1683fa;
}

.hold-match .accept strong {
    color: #00a60c;
    font-size: 18px;
    text-transform: uppercase;
}

.hold-match .hold strong {
    color: #f05900;
    font-size: 18px;
    text-transform: uppercase;
}

.hold-match .decline strong {
    color: #d40000;
    font-size: 18px;
    text-transform: uppercase;
}


/*****************end Hold Match page*****************/


/************edit resume page ************/

.editResume .overview {
    padding-bottom: 15px;
}

.editResume .instruction strong {
    color: #1683fa;
}

.editResume .decline strong {
    color: #d40000;
}

.editResume .btn-group {
    display: block;
    margin-top: 25px;
    text-align: center;
}

.editResume .btn-group .form-group {
    display: inline-block;
}

.editResume .btn-group .form-group .btn-save {
    background: #000064;
    color: #fff;
    margin: 0 5px;
    width: 100px;
}

.editResume .btn-group .form-group .btn-save:hover {
    background: #fff;
    border: solid 2px #000064;
    color: #000064;
}

.editResume .btn-group .form-group .btn-cancel {
    background: #797979;
    color: #fff;
    margin: 0 5px;
    width: 100px;
    text-decoration: none;
}

.editResume .btn-group .form-group .btn-cancel:hover {
    background: #fff;
    border: solid 2px #797979;
    color: #797979;
}


/************edit resume page ************/


/**********Edit System Settings page***********/

.edit-system-settings {
    margin-bottom: 20px;
}

.edit-system-settings .row-question,
.edit-qa .row-question {
    margin-bottom: 20px;
}

.edit-system-settings .row-question .question,
.edit-qa .row-question .question {
    color: #1683fa;
    margin-bottom: 10px;
    font-size: 18px;
}

.edit-system-settings .row-question .question p.q,
.edit-qa .row-question .question p.q {
    position: relative;
    padding-left: 25px;
}

.edit-system-settings .row-question .question p.q span {
    position: absolute;
    left: 0;
}

.edit-system-settings .row-question .question p+p {
    font-size: 13px;
    color: #000;
    margin: 3px 0 0 25px;
}

.edit-system-settings .row-question .ans label,
.edit-qa .row-question .ans label {
    font-weight: 400;
    padding-left: 25px;
    position: relative;
}

.edit-system-settings .row-question .ans label input {
    position: absolute;
    left: 0;
}

.edit-system-settings .row-question .ans label .smallText {
    font-size: 13px;
}

.edit-system-settings .row-question .ans {
    margin: 0 0 0 25px;
}

.edit-system-settings .row-question .ans p {
    margin: 5px 0 0 0;
}

.edit-system-settings .row-question .ans .col-es {
    display: inline-block;
    width: 33.0%;
    padding: 5px;
    vertical-align: top;
}

.edit-system-settings .row-question .ans .col-es.carrier .selectWrapper,
.edit-system-settings .row-question .ans .col-es.carrier .labelInputWrapper {
    display: inline-block;
    width: 49%;
    vertical-align: middle;
}

.edit-system-settings .row-question .ans .col-es.nocarrier .labelInputWrapper {
    display: none;
}

.edit-system-settings .row-question .ans .labelInputWrapper {
    margin: 0;
}

.edit-system-settings .btn-group {
    margin-top: 25px;
    display: block;
    text-align: center;
}

.edit-system-settings .btn-group .form-group {
    display: inline-block;
}

.edit-system-settings .btn-group .form-group .btn-save {
    background: #000064;
    color: #fff;
    /*width: 100px;*/
    margin: 0 10px;
}

.edit-system-settings .btn-group .form-group .btn-save:hover {
    border: solid 2px #000064;
    background: #fff;
    color: #000064;
}

.edit-system-settings .btn-group .form-group .btn-cancel {
    background: #797979;
    color: #fff;
    width: 100px;
}

.edit-system-settings .btn-group .form-group .btn-cancel:hover {
    border: solid 2px #797979;
    background: #fff;
    color: #797979;
}


/**********end Edit System Settings***********/


/***********Member Locations Page***********/

.location-table a {
    color: #1683fb;
    cursor: pointer;
}

.location-table .subhead {
    border-bottom: solid 1px #c6c6c6;
    padding: 8px 0;
    margin-bottom: 10px;
    overflow: hidden;
}

.location-table .country-title {
    color: #202e69;
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 700;
}

.location-table .country-title div {
    font-size: 13px;
    font-weight: 400;
}

.location-table .row-country {
    border-bottom: solid 1px #c6c6c6;
    padding: 0 0 10px 0;
    margin-bottom: 10px;
}

.location-table .row-country:last-child {
    border: 0;
}

.location-table .row-country ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.location-table .row-country ul li {
    padding: 4px 0;
    width: 24%;
    display: inline-block;
}

.location-table .row-country ul li input {
    vertical-align: -1px;
}

.location-table .row-country ul li label {
    font-weight: 400;
    margin: 0;
}

.location-table .btn-group {
    margin-top: 25px;
    display: block;
    text-align: center;
}

.location-table .btn-group .form-group {
    display: inline-block;
}

.location-table .btn-group .form-group .btn-save {
    background: #000064;
    color: #fff;
    /*width: 100px;*/
    margin: 0 10px;
}

.location-table .btn-group .form-group .btn-save:hover {
    border: solid 2px #000064;
    background: #fff;
    color: #000064;
}

.location-table .btn-group .form-group .btn-cancel {
    background: #797979;
    color: #fff;
    width: 100px;
}

.location-table .btn-group .form-group .btn-cancel:hover {
    border: solid 2px #797979;
    background: #fff;
    color: #797979;
}


/***********end Member Locations Page ***********/


/***********check for payment Page ***********/

.checkfor-payments .heading-blue {
    border-bottom: none;
    color: #26377d;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 0;
    padding-bottom: 10px;
}

.checkfor-payments .membership-ad .btn-gmgy {
    line-height: 12px;
    text-decoration: none;
}

.checkfor-payments .membership-ad .btn-gmgy strong {
    display: block;
    line-height: 50px;
}


/***********end check for payment Page ***********/


/***********Dating Status Page ***********/

.dating-status .instruction {
    font-size: 16px;
    padding: 10px 0;
    font-weight: 700;
}

.dating-status .instruction strong {
    color: #1683fa;
}

.dating-status .form-group {
    margin: 0;
}

.dating-status .form-group+.form-group {
    margin-top: 15px;
}

.dating-status .note {
    color: #ea0000;
}

.dating-status .tips strong {
    color: #1683fb;
}

.dating-status .btn-group {
    display: block;
    margin-top: 25px;
    text-align: center;
}

.dating-status .btn-group .form-group {
    display: inline-block;
}

.dating-status .btn-group .form-group .btn-save {
    background: #000064;
    color: #fff;
    margin: 0 5px;
    min-width: 100px;
}

.dating-status .btn-group .form-group .btn-save:hover {
    background: #fff;
    border: solid 2px #000064;
    color: #000064;
}

.dating-status .btn-group .form-group .btn-cancel {
    background: #797979;
    color: #fff;
    margin: 0 5px;
    width: 100px;
    text-decoration: none;
}

.dating-status .btn-group .form-group .btn-cancel:hover {
    background: #fff;
    border: solid 2px #797979;
    color: #797979;
}


/***********end Dating Status Page ***********/


/***********MatchMakerSignUp Page ***********/

.custom-select-1 {
    margin-top: 15px;
}


/***********end MatchMakerSignUp Page ***********/


/***********DineNMeet EventPayment Page ***********/


/*.notification-section .roomoptions-form .options-box p label
{
    max-width: 78%;
}
*/


/***********end DineNMeet EventPayment Page ***********/


/***********DineNMeet Verify Payment Page ***********/

.payment-event-detail-desc .verify-pkg label {
    display: inline;
}

.payment-event-detail-desc .verify-pkg .mm-table-cell {
    width: 100%;
}


/***********end DineNMeet Verify Payment Page ***********/


/***********MemberDashboard ***********/

#divActiveMatches .panel-body {
    overflow-y: auto;
}


/***********ends MemberDashboard ***********/

.event-status .featuredMember .featuredMemberRight .btn-edit-application,
.event-status .featuredMember .featuredMemberRight .btn-finish-application {
    width: 120px;
}

.roomoptions-form .pkg-ans a.btn-eys {
    margin-top: 20px;
}

.eventParticipationWrapper .mbrfilePic {
    height: 70px;
    width: 70px;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .twomm-height img {
        width: 100%
    }
}

.featuredMemberMiddle p.femaleName {
    color: #bf193c;
}

.featuredMemberMiddle p.maleName {
    color: #193cbf;
}

@media only screen and (max-width:1200px) {
    .large-logo .menu {
        float: right
    }

    .large-logo .menu ul {
        display: none
    }

    .large-logo .menu .hamIcon {
        display: inline-block;
    }

    .large-logo .headerRight {
        position: relative;
    }
}

.bigMenu .menu {
    float: right
}

.bigMenu .menu ul {
    display: none
}

.bigMenu .menu .hamIcon {
    display: inline-block;
}

.bigMenu .headerRight {
    position: relative;
}


/**************************end css for large logo********************/


/**************************css for banner login********************/

.banner-login {
    display: none;
}

.jjunctionlogin {
    margin: 0;
}

.jjunctionlogin .banner-login {
    font-size: 35px;
    font-weight: 400;
    color: #1683fb;
    min-height: 105px;
    margin: auto;
    max-width: 595px;
    margin-bottom: 30px;
    display: block;
    border: solid 1px #d3d3d3;
    position: relative;
    padding: 25px;
}

.jjunctionlogin .banner-login:after {
    content: "";
    background: #eaeaea url(../images/baner-login.jpg) no-repeat right top;
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px;
    position: absolute;
    z-index: -1;
}

.jjunctionlogin .loginForgotpwd h1 {
    display: none;
}

.login-center .loginForgotpwd {
    width: 100%;
}


/**************************end css for banner login********************/

div.pp_default .pp_expand {
    display: none !important;
}


/**************************css for inner contactus page********************/

#page-content-wrapper .container {
    max-width: 100%;
}

#page-content-wrapper .common_wrapper,
.innerPage .common_wrapper {
    padding: 40px 0;
}


/**************************end css for inner contactus page********************/

small.smallText {
    display: block;
}

.am-success {
    margin-bottom: 20px !important;
}

.am-success .panel-body {
    display: table;
    width: 100%;
}

.am-left {
    display: table-cell;
    vertical-align: middle;
}

.am-right {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
}

.am-success .questionSel .form-group {
    display: inline-block;
}

.am-success p {
    margin: 0px;
}

.am-success .btn-confirm {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 4px 15px;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 0 10px 0 0;
    text-decoration: none;
    font-size: 13px;
}

.am-success .btn-confirm:hover {
    background: #006400;
    color: #fff;
    text-decoration: none;
}

.am-success .btn-cancel {
    color: #b10000;
    border: solid 2px #b10000;
    border-radius: 4px;
    padding: 4px 15px;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none;
    font-size: 13px;
}

.am-success .btn-cancel:hover {
    background: #b10000;
    color: #fff;
    text-decoration: none;
}

.accept-match .am-success .questionSel {
    display: inline-block;
}

.am-success .questionSel .form-group {
    margin: 0 0 0 10px;
    vertical-align: middle;
}

.unblock-popup .modal-title {
    font-size: 18px;
}

@media only screen and (max-width: 767px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }

    

    /*VerifyPayment Page */
}


/* The switch - the box around the slider */

.switchWrapper {
    margin-top: 10px;
}

.switchWrapper .maleName,
.switchWrapper .femaleName {
    display: inline-block;
    margin-right: 5px;
}

.switch {
    display: inline-block;
    height: 22px;
    margin: 0;
    position: relative;
    width: 50px;
    vertical-align: top;
}


/* Hide default HTML checkbox */

.switch input {
    display: none;
}


/* The slider */

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ea0000;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #009d00;
}

input:focus+.slider {
    -webkit-box-shadow: 0 0 1px #009d00;
    box-shadow: 0 0 1px #009d00;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    transform: translateX(26px);
}


/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.fb-page-wrapper {
    padding: 0;
    border: 0;
    background: #f6f7f9;
}

.fb-page.fb_iframe_widget {
    overflow: hidden;
    display: block;
}

.fb-page>span {
    display: block !important;
    position: relative;
    margin-top: -71px;
    margin-left: auto;
    margin-right: auto;
}


/*.fb-page > span > iframe {
    position: absolute;
    left: 0;
    right: 0;
    width: 100% !important;
    height: 171px !important;
}*/


/****************************************** end Dashboard ***************************************/


/****************************************** start left menu icons ***************************************/
.sidebar-nav a span.icon {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
}
.sidebar-nav a span.icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.2;
}
.sidebar-nav a:hover span.icon:before {
    opacity: 0;
}
.SawYouAtSinai .sidebar-nav a span.icon:before {
    background: #26377d;
}
.AdoptaShadchan .sidebar-nav a span.icon:before {
    background: #AA7BBB;
}
a span.icon {
    float: left;
    height: 23px;
    width: 50px;
    background-repeat: no-repeat;
    background-image: url(../images/leftpanelicons.png);
    background-position: 0 100px;
}

a span.home {
    background-position: 0 0;
}

a:hover span.home,
li.active a span.home {
    background-position: -50px 0;
}

a span.profile {
    background-position: 0px -24px;
}

a:hover span.profile,
li.active a span.profile {
    background-position: -50px -24px;
}

a span.matchmaker {
    background-position: 0px -51px;
}

a:hover span.matchmaker,
li.active a span.matchmaker {
    background-position: -50px -51px;
}

a span.mymatches {
    /*background-position: 0px -81px;*/
    background-position: 0px -169px;
}

a:hover span.mymatches {
    /*background-position: -50px -81px;*/
    background-position: -50px -169px;
}
a span.members {
    background-position: 0px -81px;
}
a:hover span.members {
    background-position: -50px -81px;
}
a span.mmemail {
    background-position: 0px -118px;
}

a:hover span.mmemail {
    background-position: -50px -118px;
}

a span.chat {
    background-position: 0px -3972px;
}

a:hover span.chat {
    background-position: -50px -3972px;
}

a span.payment {
    background-position: 0px -142px;
}

a:hover span.payment {
    background-position: -50px -142px;
}

a span.payhist {
    background-position: 0px -2721px;
}

a span.autorenew {
    background-position: 0px -1416px;
}

a:hover span.payhist {
    background-position: -51px -2721px;
}

a span.upgrdpay {
    background-position: 0px -3867px;
}

a:hover span.upgrdpay {
    background-position: -48px -3867px;
}

a span.trmcon {
    background-position: 0px -3922px;
}

a:hover span.trmcon {
    background-position: -50px -3922px;
}

a span.suggestmatch {
    /*background-position: 0px -170px;*/
    background-position: 0px -4301px;
}

a:hover span.suggestmatch {
    /*background-position: -50px -170px;*/
    background-position: -50px -4301px;
}

a span.blockmatch {
    background-position: 0px -198px;
}

a:hover span.blockmatch {
    background-position: -50px -198px;
}

a span.blockmmatch {
    background-position: 0px -198px;
}

a:hover span.blockmmatch {
    background-position: -50px -198px;
}

a span.dinenmeet {
    /*background-position: 0px -230px;*/
    background-position: 0px -1945px;
}

a:hover span.dinenmeet {
    /*background-position: -50px -230px;*/
    background-position: -50px -1945px;
}

a span.misc {
    background-position: 0px -809px;
}

a:hover span.misc {
    background-position: -50px -809px;
}

a span.events {
    background-position: 0px -262px;
}

a:hover span.events {
    background-position: -50px -262px;
}

a span.engagement {
    background-position: 0px -291px;
}

a:hover span.engagement {
    background-position: -50px -291px;
}

a span.benefits {
    background-position: 0px -321px;
}

a:hover span.benefits {
    background-position: -50px -321px;
}

a span.datingarticles {
    background-position: 0px -355px;
}

a:hover span.datingarticles {
    background-position: -50px -355px;
}

a span.jewprenup {
    background-position: 0px -390px;
}

a:hover span.jewprenup {
    background-position: -50px -390px;
}

a span.news {
    background-position: 0px -424px;
}

a:hover span.news {
    background-position: -51px -424px;
}

a span.tips {
    background-position: 0 -2059px;
}

a:hover span.tips {
    background-position: -50px -2059px;
}

a span.discount {
    background-position: 0px -488px;
}

a:hover span.discount {
    background-position: -50px -488px;
}

a span.refer {
    background-position: 0px -518px;
}

a:hover span.refer {
    background-position: -51px -518px;
}

a span.contact {
    background-position: 0px -552px;
}

a:hover span.contact {
    background-position: -50px -552px;
}

a span.faq {
    background-position: 0px -584px;
}

a:hover span.faq {
    background-position: -50px -584px;
}

a span.support {
    background-position: 0px -2026px;
}

a:hover span.support {
    background-position: -50px -2026px;
}

a span.logout {
    background-position: 0 -649px;
}

a:hover span.logout {
    background-position: -50px -649px;
}

a span.delete {
    background-position: 0 -4432px;
}
a span.viewResume {
    background-position: 0 -4212px;
}

a:hover span.viewResume {
    background-position: -50px -4212px;
}

a span.videos {
    background-position: 0px -2778px;
}

a:hover span.videos {
    background-position: -50px -2778px;
}

a span.guidelines {
    background-position: 0px -4261px;
}

a:hover span.guidelines {
    background-position: -50px -4261px;
}

a span.my-matchmaker {
    background-position: 0px -51px;
}

a:hover span.my-matchmaker {
    background-position: -50px -51px;
}

a span.add-matchmaker {
    background-position: 0px -4336px;
}

a:hover span.add-matchmaker {
    background-position: -50px -4336px;
}

a span.find-matchmaker {
    background-position: 0px -1081px;
}

a:hover span.find-matchmaker {
    background-position: -50px -1081px;
}
/*Added by mehul for member menu update task*/
a span.privacy-policy {
    background-position: 0px -4380px;
}

a:hover span.privacy-policy {
    background-position: -50px -4380px;
}

a span.clsDatingBlog {
    background-position: 0px -1586px;
}
a:hover span.clsDatingBlog {
    background-position: -50px -1586px;
}
a span.clsOurEvents {
    background-position: 0px -1945px;
}
a:hover span.clsOurEvents {
    background-position: -50px -1945px;
}
a span.clsCommunityEvents {
    background-position: 0px -262px;
}
a:hover span.clsCommunityEvents {
    background-position: -50px -262px;
}
a span.clsEngagement {
    background-position: 0px -291px;
}
a:hover span.clsEngagement {
    background-position: -50px -291px;
}
a span.clsNews {
    background-position: 0px -424px;
}
a:hover span.clsNews {
    background-position: -50px -424px;
}
a span.clsDatingarticles {
    background-position: 0px -355px;
}
a:hover span.clsDatingarticles {
    background-position: -50px -355px;
}
a span.clsTestimonials {
    background-position: 0px -2383px;
}
a:hover span.clsTestimonials {
    background-position: -50px -2383px;
}
a span.clsGoldbasic {
    background-position: 0px -3867px;
}
a:hover span.clsGoldbasic {
    background-position: -50px -3867px;
}
a span.clsJewishDatingAdvice {
    background-position: 0px -782px;
}
a:hover span.clsJewishDatingAdvice {
    background-position: -50px -782px;
}
a span.clsLawsofMatchmaking {
    background-position: 0px -2325px;
}
a:hover span.clsLawsofMatchmaking {
    background-position: -50px -2325px;
}
a span.clsEndorsements {
    background-position: 0px -4166px;
}
a:hover span.clsEndorsements {
    background-position: -50px -4166px;
}
a span.clsDatingMedicalIssues {
    background-position: 0px -1505px;
}
a:hover span.clsDatingMedicalIssues {
    background-position: -50px -1505px;
}
a span.clsAboutNewsEvents {
    background-position: 0px -3736px;
}
a:hover span.clsAboutNewsEvents {
    background-position: -50px -3736px;
}
/*Added by mehul for member menu update task*/
/*a span.logout + span{display:none;}*/

a.bell {
    background-image: url(../images/notificationicon.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 20px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

a.bullhorn {
    background-image: url(../images/bighornicon.png);
    background-repeat: no-repeat;
    width: 26px;
    height: 22px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

a span.onlymemebers {
    background-position: 0 -692px;
}

a:hover span.onlymemebers {
    background-position: -50px -692px;
}

a span.datingmatch {
    background-position: 0 -169px;
}

a:hover span.datingmatch {
    background-position: -50px -169px;
}

a span.reports {
    background-position: 0px -722px;
}

a:hover span.reports {
    background-position: -50px -722px;
}

a span.guidance {
    background-position: 0 -751px;
}

a:hover span.guidance {
    background-position: -50px -751px;
}

a span.mmMyprofile {
    background-position: 0 -781px;
}

a:hover span.mmMyprofile {
    background-position: -50px -781px;
}

a span.miscmmdash {
    background-position: 0px -810px;
}

a:hover span.miscmmdash {
    background-position: -50px -810px;
}

a span.mbrindex {
    background-position: 0 -838px;
}

a:hover span.mbrindex {
    background-position: -50px -838px;
}

a span.mbrall {
    background-position: 0 -863px;
}

a:hover span.mbrall {
    background-position: -50px -863px;
}

a span.pendingmatch {
    background-position: 0 -882px;
}

a:hover span.pendingmatch {
    background-position: -50px -882px;
}

a span.mbrhilighted {
    background-position: 0 -906px;
}

a:hover span.mbrhilighted {
    background-position: -50px -906px;
}

a span.jboltmail {
    background-position: 0 -933px;
}

a:hover span.jboltmail {
    background-position: -50px -933px;
}

a span.actvmatch {
    background-position: 0 -906px;
}

a:hover span.actvmatch {
    background-position: -50px -906px;
}

a span.savedmatch {
    background-position: 0px -957px;
}

a:hover span.savedmatch {
    background-position: -50px -957px;
}

a span.mutlapprvdmatch {
    background-position: 0px -985px;
}

a:hover span.mutlapprvdmatch {
    background-position: -50px -985px;
}

a span.resendreqmatch {
    background-position: 0px -1025px;
}

a:hover span.resendreqmatch {
    background-position: -50px -1025px;
}

a span.jboltreqst {
    background-position: 0px -933px;
}

a:hover span.jboltreqst {
    background-position: -50px -933px;
}

a span.allmatch {
    background-position: 0px -1053px;
}

a:hover span.allmatch {
    background-position: -50px -1053px;
}

a span.searchmmaker {
    background-position: 0px -1081px;
}

a:hover span.searchmmaker {
    background-position: -50px -1081px;
}

a span.viewallmmaker {
    background-position: 0px -1103px;
}

a:hover span.viewallmmaker {
    background-position: -50px -1103px;
}

a span.groupmmaker {
    background-position: 0px -1125px;
}

a:hover span.groupmmaker {
    background-position: -50px -1125px;
}

a span.mmakerfund {
    background-position: 0px -1151px;
}

a:hover span.mmakerfund {
    background-position: -50px -1151px;
}

a span.mbrinbox {
    background-position: 0px -1176px;
}

a:hover span.mbrinbox {
    background-position: -50px -1176px;
}

a span.mbroutbox {
    background-position: 0px -1203px;
}

a:hover span.mbroutbox {
    background-position: -50px -1203px;
}

a span.mbrsaved {
    background-position: 0px -1232px;
}

a:hover span.mbrsaved {
    background-position: -50px -1232px;
}

a span.mmakerinbox {
    background-position: 0px -1262px;
}

a:hover span.mmakerinbox {
    background-position: -50px -1262px;
}

a span.mmakeroutbox {
    background-position: 0px -1292px;
}

a:hover span.mmakeroutbox {
    background-position: -50px -1292px;
}

a span.mmakersaved {
    background-position: 0px -1323px;
}

a:hover span.mmakersaved {
    background-position: -50px -1323px;
}

a span.accuracy {
    background-position: 0px -1352px;
}

a:hover span.accuracy {
    background-position: -50px -1352px;
}

a span.mbractivity {
    background-position: 0px -1388px;
}

a:hover span.mbractivity {
    background-position: -50px -1388px;
}

a span.datepayment {
    background-position: 0px -1416px;
}

a:hover span.datepayment {
    background-position: -50px -1416px;
}

a span.expirymatch {
    background-position: 0px -1444px;
}

a:hover span.expirymatch {
    background-position: -50px -1444px;
}

a span.expirymbrship {
    background-position: 0px -1474px;
}

a:hover span.expirymbrship {
    background-position: -50px -1474px;
}

a span.mbrmatchrep {
    background-position: 0px -1505px;
}

a:hover span.mbrmatchrep {
    background-position: -50px -1505px;
}

a span.mbrmatchscore {
    background-position: 0px -1530px;
}

a:hover span.mbrmatchscore {
    background-position: -50px -1530px;
}

a span.globalexpirymbr {
    background-position: 0px -1556px;
}

a:hover span.globalexpirymbr {
    background-position: -50px -1556px;
}

a span.interview {
    background-position: 0px -1584px;
}

a:hover span.interview {
    background-position: -50px -1584px;
}

a span.matchguide {
    background-position: 0px -1609px;
}

a:hover span.matchguide {
    background-position: -50px -1609px;
}

a span.maleprofile {
    background-position: 0px -1636px;
}

a:hover span.maleprofile {
    background-position: -50px -1636px;
}

a span.femaleprofile {
    background-position: 0px -1658px;
}

a:hover span.femaleprofile {
    background-position: -50px -1658px;
}

a span.mmlevels {
    background-position: 0px -1684px;
}

a:hover span.mmlevels {
    background-position: -50px -1684px;
}

a span.mmvideos {
    background-position: 0px -1712px;
}

a:hover span.mmvideos {
    background-position: -50px -1712px;
}

a span.mmMyprofileView {
    background-position: 0px -1103px;
}

a:hover span.mmMyprofileView {
    background-position: -50px -1103px;
}

a span.mmeditcontctInfo {
    background-position: 0px -1738px;
}

a:hover span.mmeditcontctInfo {
    background-position: -50px -1738px;
}

a span.mmeditphoto {
    background-position: 0px -1763px;
}

a:hover span.mmeditphoto {
    background-position: -50px -1763px;
}

a span.mmeditmbroption {
    background-position: 0px -1792px;
}

a:hover span.mmeditmbroption {
    background-position: -50px -1792px;
}

a span.mmeditmbrlctn {
    background-position: 0px -1821px;
}

a:hover span.mmeditmbrlctn {
    background-position: -50px -1821px;
}

a span.mmeditmbrqstn {
    background-position: 0px -1853px;
}

a:hover span.mmeditmbrqstn {
    background-position: -50px -1853px;
}

a span.mmeditsysstngs {
    background-position: 0px -1887px;
}

a:hover span.mmeditsysstngs {
    background-position: -50px -1887px;
}

a span.notepadmisc {
    background-position: 0px -1916px;
}

a:hover span.notepadmisc {
    background-position: -50px -1916px;
}

a span.dinenmeetmisc {
    background-position: 0px -1943px;
}

a:hover span.dinenmeetmisc {
    background-position: -50px -1943px;
}

a span.discountmisc {
    background-position: 0px -1974px;
}

a:hover span.discountmisc {
    background-position: -50px -1974px;
}

a span.creatembrmisc {
    background-position: 0px -2002px;
}

a:hover span.creatembrmisc {
    background-position: -50px -2002px;
}

a span.mphone {
    background-position: 0px -616px;
}

a:hover span.mphone {
    background-position: -50px -616px;
}

a span.eventmember {
    background-position: 0px -3605px;
}

a:hover span.eventmember {
    background-position: -50px -3605px;
}

a span.matchrole {
    background-position: 0px -2323px;
}

a:hover span.matchrole {
    background-position: -50px -2323px;
}

a span.expiringmember {
    background-position: 0px -3646px;
}

a:hover span.expiringmember {
    background-position: -50px -3646px;
}

a span.forgottenwithscore {
    background-position: 0px -3687px;
    height: 25px;
}

a:hover span.forgottenwithscore {
    background-position: -50px -3687px;
    height: 25px;
}

a span.forgottenreport {
    background-position: 0px -3736px;
}

a:hover span.forgottenreport {
    background-position: -50px -3736px;
}

.borderBox .msg-sendto-mm {
    background: url(../images/sprites.png) no-repeat;
    background-position: -268px -281px;
    width: 32px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

a span.sendto-mmaker {
    background-position: 0px -3822px;
}

a:hover span.sendto-mmaker {
    background-position: -50px -3822px;
}

a span.sendto-mbr {
    background-position: 0px -3780px;
}

a:hover span.sendto-mbr {
    background-position: -50px -3780px;
}

a span.restrictmember {
    background-position: 0px -4115px;
}

a:hover span.restrictmember {
    background-position: -49px -4115px;
}

a span.memagreement {
    background-position: 0px -4165px;
}

a:hover span.memagreement {
    background-position: -50px -4165px;
}


/****************************************** end left menu icons ***************************************/


/*********************browse all MM page*********************/

.browseAll-MM .bmmWrapper .bmm-row:last-child {
    border: 0 none;
}

.browseAll-MM .bmmWrapper .panel-heading .bmm-row a {
    color: #1683fa;
}

.browseAll-MM .bmmWrapper .panel-heading .bmm-row a:hover,
.browseAll-MM .bmmWrapper .panel-heading .bmm-row a:focus {
    color: #1683fa;
    text-decoration: none;
}

.browseAll-MM .bmmWrapper .bmm-row {
    border-bottom: 1px solid #dbdbdb;
    display: table;
    padding: 5px 0;
    width: 100%;
    table-layout: fixed;
}

.browseAll-MM .bmmWrapper .bmm-row .bmm-col {
    display: table-cell;
    vertical-align: middle;
    width: 16%;
    padding-right: 15px;
    word-wrap: break-word;
    word-break: break-word;
}

.browseAll-MM .bmmWrapper .bmm-row .bmm-col-name {
    width: 22%;
}

.browseAll-MM .bmmWrapper .bmm-row .bmm-col-name p {
    margin: 0;
}

.browseAll-MM .bmmWrapper .bmm-row .bmm-col-age {
    width: 12%;
}

.browseAll-MM .bmmWrapper .bmm-row .bmm-col-name p.alreadyMM {
    color: #d70000;
}

.browseAll-MM .bmmWrapper .bmm-row .bmm-col.ageRange {
    text-align: center;
}

.browseAll-MM .bmmWrapper .bmm-row .bml-info {
    display: table-cell;
    vertical-align: middle;
}

.browseAll-MM .bmmWrapper .bmm-row .col-pic {
    display: table-cell;
    min-width: 80px;
    padding-right: 15px;
    vertical-align: middle;
    width: 6%;
}

.browseAll-MM .bmmWrapper .bmm-row .col-pic .bml-profile-pic {
    display: table-cell;
    height: 70px;
    position: relative;
    vertical-align: middle;
    width: 70px;
}

.browseAll-MM .bmmWrapper .bmm-row .col-pic .bml-profile-pic .icon-mail {
    background: rgba(0, 0, 0, 0) url(../images/sprites.png) no-repeat scroll -212px -16px;
    bottom: -8px;
    display: block;
    height: 26px;
    position: absolute;
    right: -5px;
    width: 26px;
}

.browseAll-MM .bmmWrapper .bmm-row .col-pic .bml-profile-pic .icon-msg {
    background: rgba(0, 0, 0, 0) url(../images/sprites.png) no-repeat scroll -294px -16px;
    bottom: -8px;
    display: block;
    height: 26px;
    right: -5px;
    position: absolute;
    width: 26px;
}

.browseAll-MM .bmmWrapper .bmm-row .col-pic .bml-profile-pic .icon-call {
    background: rgba(0, 0, 0, 0) url(../images/sprites.png) no-repeat scroll -252px -16px;
    bottom: -8px;
    display: block;
    height: 26px;
    left: -5px;
    position: absolute;
    width: 26px;
}

.browseAll-MM .bmmWrapper .bmm-row .col-pic .bml-profile-pic .img {
    border: 1px solid #d2d2d2;
    border-radius: 17px;
    height: 65px;
    overflow: hidden;
    width: 65px;
}
/*Added by mehul for bug no 34541 - on 22 Apr 21 */
    .browseAll-MM .bmmWrapper .bmm-row .col-pic .bml-profile-pic .img,
    .member-assign-MM .mammWrapper .bmm-row .col-pic .bml-profile-pic .img {
        display: flex;
        align-items: center;
    } 
/*Added by mehul for bug no 34541 - on 22 Apr 21 */
.browseAll-MM .bmmWrapper .bmm-row .col-pic .bml-profile-pic .img img {
    max-width: 100%;
	max-height:80px;
	height:auto;
}

.browseAll-MM .bmmWrapper p.note strong {
    color: #d70000;
    font-weight: 400;
}

.browseAll-MM .siteSelection {
    display: inline-block;
    width: 100%;
}

.browseAll-MM .siteSelection .left {
    vertical-align: middle;
    display: inline-block;
    width: 55%;
}

.browseAll-MM .siteSelection .left .selectWrapper {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.browseAll-MM .siteSelection .right {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    width: 40%;
}

.browseAll-MM .siteSelection .right .btn-src {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #006400;
    border-radius: 4px;
    color: #006400;
    font-size: 13px;
    font-weight: 700;
    max-width: 145px;
    padding: 4px 15px;
    text-align: center;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    cursor: pointer;
}

.browseAll-MM .siteSelection .right .btn-src:hover {
    background: #006400;
    color: #fff;
}

.browseAll-MM .note {
    margin-bottom: 20px;
}
/*Changed by mehul for Update to Browse MM task*/
.browseAll-MM .siteSelection .left .selectWrapper {
    width: 250px;
}
.browseAll-MM .siteSelection .left {
	width:auto;
}
/*Changed by mehul for Update to Browse MM task*/

/*********************end browse all MM page*********************/


/*********************Highlighted Members page*********************/

.hltd-mem .gray-box {
    padding: 5px 10px;
}

.hltd-mem .gray-box .gray-heading {
    display: block;
    margin: 0 0 5px 0;
}

.hltd-mem .gray-box h5,
.find-match-v2 .gray-box h5 {
    display: inline-block;
}

.hltd-mem .gray-box input.btn-find,
.find-match-v2 .gray-box input.btn-find {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    background: #fff;
    display: inline-block;
    margin-top: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-align: center;
    text-decoration: none;
}

.hltd-mem .gray-box input.btn-find:hover {
    background: #006400;
    color: #fff;
}

.hltd-mem .gray-box .form-group {
    margin-bottom: 5px;
}

.hltd-mem .gray-box .labelInputWrapper.wrapperActive,
.hltd-mem .gray-box .labelInputWrapper.wrapperFocus {
    /*margin-bottom: 0px;*/
}

.hltd-mem .inbox-controls,
.member_main .inbox-controls {
    margin: 10px 0;
}


/* .hltd-mem .bmmWrapper .panel {
    display: table;
    width: 100%;
}

.hltd-mem .bmmWrapper .panel .panel-heading,
.hltd-mem .bmmWrapper .panel .panel-body {
    display: table-row-group;
}
*/

.hltd-mem .bmmWrapper .bmm-row {
    display: table;
    width: 100%;
    border-bottom: solid 1px #dbdbdb;
    padding: 6px 10px;
}

.hltd-mem .bmmWrapper .bmm-row:last-child {
    border: 0 none;
}

.hltd-mem .bmmWrapper .panel-heading .bmm-row a {
    color: #1683fa;
}

.hltd-mem .bmmWrapper .panel-heading .bmm-row a:hover,
.hltd-mem .bmmWrapper .panel-heading .bmm-row a:focus {
    color: #1683fa;
    text-decoration: none;
}

.hltd-mem .bmmWrapper .bmm-row,
.pending-member .mmWrapper .mm-row {
    padding: 5px 0;
    width: 100%;
}

.hltd-mem .bmmWrapper .bmm-row .bmm-col {
    display: table-cell;
    vertical-align: middle;
    width: 20%;
    padding: 0 5px;
}

.hltd-mem .bmmWrapper .bmm-row .bmm-col.notes {
    width: 17%;
}

.hltd-mem .bmmWrapper .bmm-row .bmm-col.mmscol {
    width: 20%;
}

.hltd-mem .bmmWrapper .bmm-row .bmm-col.mmscol p a {
    color: #000;
}

.hltd-mem .bmmWrapper .bmm-row .bmm-col.status {
    width: 20%;
    padding-right: 15px;
}

.hltd-mem .bmmWrapper .bmm-row .bmm-col:last-child {
    width: 23%;
}

.hltd-mem .bmmWrapper .bmm-row .bml-info {
    display: table-cell;
    vertical-align: middle;
}

.hltd-mem .bmmWrapper .bmm-row .bml-info .female-name,
.hltd-mem .bmmWrapper .bmm-row .bml-info .female-name a {
    color: #bf193c;
    text-decoration: none;
}
.hltd-mem .bmmWrapper .bmm-row .bml-info .female-name .circle .openAiPopup{
    display: inline-block;
    min-width: 14px;
    min-height: 14px;
}
/* made changes dhiraj 10-06-2024 UI is not proper for "AI"  suggestion button on /Matchmakers/MyMembers.aspx page. */
.hltd-mem .bmmWrapper .bmm-row .bml-info .male-name,
.hltd-mem .bmmWrapper .bmm-row .bml-info .male-name a {
    color: #193cbf;
    text-decoration: none;
    white-space: pre-line;
}
/* made changes dhiraj 10-06-2024 UI is not proper for "AI"  suggestion button on /Matchmakers/MyMembers.aspx page. */
.hltd-mem .bmmWrapper .bmm-row .notes a {
    color: #000064;
    text-decoration: none;
}

.hltd-mem .bmmWrapper .bmm-row .notes a:hover {
    color: #e66e3e;
}

.hltd-mem .bmmWrapper .bmm-row .bml-info .address {
    color: #000;
}

.hltd-mem .bmmWrapper .bmm-row .bml-info .type {
    color: #000;
}

.hltd-mem .bmmWrapper .bmm-row p {
    margin-bottom: 2px;
}

.hltd-mem .bmmWrapper .bmm-row .col-pic {
    display: table-cell;
    min-width: 80px;
    padding-right: 15px;
    vertical-align: middle;
    width: 6%;
}

.hltd-mem .bmmWrapper .panel-body .bmm-row .col-pic {
    padding-bottom: 6px;
    padding-top: 5px;
}
/* mycoaching ui changes 09-09-2024 */
.hltd-mem .bmmWrapper .panel-body .bmm-row .cell-padding {
    padding: 0px 15px !important;
}
/* mycoaching ui changes 09-09-2024 */
.hltd-mem .bmmWrapper .bmm-row .col-pic .bml-profile-pic {
    display: table-cell;
    height: 70px;
    position: relative;
    vertical-align: middle;
    width: 70px;
}

.hltd-mem .bmmWrapper .bmm-row .col-pic .bml-profile-pic .icon-mail {
    background: rgba(0, 0, 0, 0) url(../images/sprites.png) no-repeat scroll -212px -16px;
    bottom: -8px;
    display: block;
    height: 26px;
    position: absolute;
    right: -5px;
    width: 26px;
    z-index: 1;
}

.hltd-mem .bmmWrapper .bmm-row .col-pic .bml-profile-pic .icon-msg {
    background: rgba(0, 0, 0, 0) url(../images/sprites.png) no-repeat scroll -294px -16px;
    bottom: -8px;
    display: block;
    height: 26px;
    right: -5px;
    position: absolute;
    width: 26px;
    z-index: 1;
}

.hltd-mem .bmmWrapper .bmm-row .col-pic .bml-profile-pic .icon-call {
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -252px -16px;
    display: block;
    left: -5px;
    bottom: -8px;
    z-index: 1;
}

.hltd-mem .bmmWrapper .bmm-row .col-pic .bml-profile-pic .img {
    border: 1px solid #d2d2d2;
    border-radius: 17px;
    height: 75px;
    overflow: hidden;
    width: 75px;
    position: relative;
}

.hltd-mem .bmmWrapper .bmm-row .col-pic .bml-profile-pic .img .gold {
    position: absolute;
    padding: 2px;
    background: #ffad00;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.hltd-mem .bmmWrapper .bmm-row .col-pic .bml-profile-pic .img .basic {
    position: absolute;
    padding: 2px;
    background: #26377d;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.hltd-mem .bmmWrapper .bmm-row .col-pic .bml-profile-pic .img img {
    max-width: 100%;
}

.hltd-mem .siteSelection {
    display: inline-block;
    width: 100%;
}

.hltd-mem .siteSelection .left {
    vertical-align: middle;
    display: inline-block;
    width: 45%;
}

.hltd-mem .siteSelection .right {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
}

.hltd-mem .siteSelection .right .btn-src {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #006400;
    border-radius: 4px;
    color: #006400;
    font-size: 16px;
    font-weight: 700;
    max-width: 165px;
    padding: 9px 10px;
    text-align: center;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    cursor: pointer;
}

.hltd-mem .siteSelection .right .btn-src:hover {
    background: #006400;
    color: #fff;
}

.hltd-mem .src-filter>.row>div[class^="col-"]:first-child {
    border-right: solid 1px #cacaca;
}

.hltd-mem .src-filter label {
    font-weight: 400;
}

.hltd-mem .src-filter label input {
    vertical-align: -2px;
}

.hltd-mem .src-filter .btn-search {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    background: #fff;
    font-size: 13px;
}

.hltd-mem .src-filter .btn-search:hover {
    background: #006400;
    color: #fff;
}

.hltd-mem .bmmWrapper .bmm-row .bmm-col .btn-find,
.hltd-mem .bmmWrapper .bmm-row .bmm-col .btn-review {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    background: #fff;
    display: block;
    margin-bottom: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    max-width: 200px;
    text-align: center;
    text-decoration: none;
}

.hltd-mem .bmmWrapper .bmm-row .bmm-col .btn-find:hover,
.hltd-mem .bmmWrapper .bmm-row .bmm-col .btn-review:hover {
    background: #006400;
    color: #fff;
}

.hltd-mem .bmmWrapper .bmm-row .bmm-col .btn-unhighlight {
    color: #b10000;
    border: solid 2px #b10000;
    border-radius: 4px;
    padding: 3px 20px;
    cursor: pointer;
    background: #fff;
    display: inline-block;
    margin-bottom: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    min-width: 200px;
    text-align: center;
    text-decoration: none;
}

.hltd-mem .bmmWrapper .bmm-row .bmm-col .btn-unhighlight:hover {
    background: #b10000;
    color: #fff;
}

.hltd-mem .bmmWrapper .bmm-row .bmm-col p.approvedRed,
.hltd-mem .bmmWrapper .bmm-row .bmm-col span.approvedRed,
.hltd-mem .mmWrapper .mm-row .mm-col p.approvedRed {
    color: #b10000;
}

.hltd-icons {
    font-size: 15px;
}

.hltd-icons a {
    margin-right: 20px;
    color: #000;
    text-decoration: none;
}

.hltd-icons .msgssmallicon {
    background: url(../images/sprites.png) no-repeat;
    background-position: -110px -288px;
    width: 30px;
    height: 19px;
}

.hltd-icons .mmsmallicon {
    background: url(../images/sprites.png) no-repeat;
    background-position: -58px -287px;
    width: 32px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}


/*********************end Highlighted Members page*********************/


/*********************My match adv search page*********************/

.mymatch-advsrc .bmmWrapper .bmm-row {
    display: table;
    width: 100%;
}

.mymatch-advsrc .bmmWrapper .bmm-row:last-child {
    border: 0 none;
}

.mymatch-advsrc .bmmWrapper .panel-heading .bmm-row a {
    color: #1683fa;
}

.mymatch-advsrc .bmmWrapper .panel-heading .bmm-row a:hover,
.mymatch-advsrc .bmmWrapper .panel-heading .bmm-row a:focus {
    color: #1683fa;
    text-decoration: none;
}

.mymatch-advsrc .bmmWrapper .panel-body .bmm-row {
    padding: 15px 0 20px;
    width: 100%;
    border-bottom: solid 1px #dbdbdb;
}

.mymatch-advsrc .bmmWrapper.bmmv2 .panel-body .bmm-row {
    border-top: solid 1px #dbdbdb;
    border-bottom: 0;
}

.mymatch-advsrc .bmmWrapper .panel-body .bmm-row.last-row {
    border-bottom: 0;
}

.mymatch-advsrc .bmmWrapper.bmmv2 .panel-body .bmm-row:first-child {
    border-top: 0;
}

.mymatch-advsrc .bmmWrapper.bmmv2 .panel-body .bmm-row:last-child {
    border-bottom: 0;
}

.mymatch-advsrc .bmmWrapper .bmm-row .bmm-col {
    display: table-cell;
    vertical-align: middle;
    width: 15%;
    padding: 6px 10px;
    word-wrap: break-word;
    word-break: break-word;
}

.mymatch-advsrc .bmmWrapper .bmm-row .bmm-col:last-child,
.mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .bmm-col:last-child {
    width: 20%;
}

.mymatch-advsrc .bmmWrapper .bmm-row .bmm-col.status {
    width: 20%;
}

.mymatch-advsrc .bmmWrapper .bmm-row .bmm-col.name-details {
    width: 15%;
}

.mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .bmm-col.name-details {
    width: 32%;
}

.mymatch-advsrc .bmmWrapper .bmm-row .maleStatus,
.mymatch-advsrc .bmmWrapper .bmm-row .femaleStatus {
    width: 13%;
}

.mymatch-advsrc .bmmWrapper .bmm-row .bml-info {
    display: table-cell;
    vertical-align: middle;
}

.mymatch-advsrc .bmmWrapper .bmm-row .bml-info .female-name,
.mymatch-advsrc .bmmWrapper .bmm-row .bml-info .female-name a {
    color: #bf193c;
    text-decoration: none;
}

.mymatch-advsrc .bmmWrapper .bmm-row .bml-info .male-name,
.mymatch-advsrc .bmmWrapper .bmm-row .bml-info .male-name a {
    color: #193cbf;
    text-decoration: none;
}

.mymatch-advsrc .bmmWrapper .bmm-row .notes a {
    color: #1683fa;
}

.mymatch-advsrc .bmmWrapper .bmm-row .bml-info .address {
    color: #00288b;
}

.mymatch-advsrc .bmmWrapper .bmm-row .bml-info .type {
    color: #009000;
}

.mymatch-advsrc .bmmWrapper .bmm-row p {
    margin-bottom: 2px;
}

.mymatch-advsrc .bmmWrapper .bmm-row .col-pic {
    display: table-cell;
    min-width: 80px;
    padding-right: 15px;
    vertical-align: middle;
    width: 6%;
}

.mymatch-advsrc .bmmWrapper .bmm-row .col-pic .bml-profile-pic {
    display: table-cell;
    height: 70px;
    position: relative;
    vertical-align: middle;
    width: 70px;
}

.mymatch-advsrc .bmmWrapper .bmm-row .col-pic .bml-profile-pic .icon-mail {
    background: rgba(0, 0, 0, 0) url(../images/sprites.png) no-repeat scroll -212px -16px;
    bottom: -8px;
    display: block;
    height: 26px;
    position: absolute;
    right: -5px;
    width: 26px;
    z-index: 1;
}

.mymatch-advsrc .bmmWrapper .bmm-row .col-pic .bml-profile-pic .icon-msg {
    background: rgba(0, 0, 0, 0) url(../images/sprites.png) no-repeat scroll -294px -16px;
    bottom: -8px;
    display: block;
    height: 26px;
    right: -5px;
    position: absolute;
    width: 26px;
    z-index: 1;
}

.mymatch-advsrc .bmmWrapper .bmm-row .col-pic .bml-profile-pic .icon-call {
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -252px -16px;
    display: block;
    left: -5px;
    bottom: -8px;
    z-index: 1;
}

.mymatch-advsrc .bmmWrapper .bmm-row .col-pic .bml-profile-pic .img {
    border: 1px solid #d2d2d2;
    border-radius: 17px;
    height: 75px;
    overflow: hidden;
    width: 75px;
    position: relative;
}

.mymatch-advsrc .bmmWrapper .bmm-row .col-pic .bml-profile-pic .img .gold {
    position: absolute;
    padding: 2px;
    background: #ffad00;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.mymatch-advsrc .bmmWrapper .bmm-row .col-pic .bml-profile-pic .img .basic {
    position: absolute;
    padding: 2px;
    background: #26377d;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.mymatch-advsrc .bmmWrapper .bmm-row .col-pic .bml-profile-pic .img img {
    max-width: 100%;
}

.mymatch-advsrc .siteSelection {
    display: inline-block;
    width: 100%;
}

.mymatch-advsrc .siteSelection .left {
    vertical-align: middle;
    display: inline-block;
    width: 45%;
}

.mymatch-advsrc .siteSelection .right {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
}

.mymatch-advsrc .siteSelection .right .btn-src {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #006400;
    border-radius: 4px;
    color: #006400;
    font-size: 16px;
    font-weight: 700;
    max-width: 165px;
    padding: 9px 10px;
    text-align: center;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    cursor: pointer;
}

.mymatch-advsrc .siteSelection .right .btn-src:hover {
    background: #006400;
    color: #fff;
}

.mymatch-advsrc .src-filter>.row>div[class^="col-"]:first-child {
    border-right: solid 1px #cacaca;
}

.mymatch-advsrc .src-filter label {
    font-weight: 400;
}

.mymatch-advsrc .src-filter label input {
    vertical-align: -2px;
}

.mymatch-advsrc .src-filter .btn-search {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 12px 30px;
    cursor: pointer;
    background: #fff;
}

.mymatch-advsrc .src-filter .btn-search:hover {
    background: #006400;
    color: #fff;
}

.mymatch-advsrc .bmmWrapper .bmm-row .bmm-col .btn-find,
.mymatch-advsrc .bmmWrapper .bmm-row .bmm-col .btn-review {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 5px;
    cursor: pointer;
    background: #fff;
    display: block;
    margin-bottom: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    max-width: 200px;
    text-align: center;
    text-decoration: none;
}

.mymatch-advsrc .bmmWrapper .bmm-row .bmm-col .btn-find:hover,
.mymatch-advsrc .bmmWrapper .bmm-row .bmm-col .btn-review:hover {
    background: #006400;
    color: #fff;
}

.mymatch-advsrc .bmmWrapper .bmm-row .bmm-col .btn-unhighlight {
    color: #b10000;
    border: solid 2px #b10000;
    border-radius: 4px;
    padding: 4px 20px;
    cursor: pointer;
    background: #fff;
    display: inline-block;
    margin-bottom: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    min-width: 200px;
    text-align: center;
    text-decoration: none;
}

.mymatch-advsrc .bmmWrapper .bmm-row .bmm-col .btn-unhighlight:hover {
    background: #b10000;
    color: #fff;
}

.mymatch-advsrc-icons {
    font-size: 15px;
}

.mymatch-advsrc-icons a {
    margin-right: 20px;
    color: #000;
    text-decoration: none;
}

.mymatch-advsrc-icons .msgssmallicon {
    background: url(../images/sprites.png) no-repeat;
    background-position: -110px -288px;
    width: 30px;
    height: 19px;
}

.mymatch-advsrc-icons .mmsmallicon {
    background: url(../images/sprites.png) no-repeat;
    background-position: -58px -287px;
    width: 32px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.mymatch-advsrc .bmmWrapper .bmm-row .bmm-col .redStatus {
    color: #f00;
}

.mymatch-advsrc .bmmWrapper .bmm-row .bmm-col .blueStatus {
    color: #26377d;
}

.mymatch-advsrc .bmmWrapper .bmm-row .bmm-col .greenStatus {
    color: #00a60c;
}

.mymatch-advsrc .bmmWrapper .bmm-row .bmm-col .progressReport {
    color: #000064;
    text-decoration: underline;
}

.mymatch-advsrc .bmmWrapper .bmm-row .bmm-col .btn-sndProfile {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    background: #fff;
    display: block;
    margin-bottom: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    max-width: 200px;
    text-align: center;
    text-decoration: none;
}

.mymatch-advsrc .bmmWrapper .bmm-row .bmm-col .btn-sndProfile:hover {
    background: #006400;
    color: #fff;
}

.mymatch-advsrc .bmmWrapper .bmm-row .bmm-col .btn-cancelResend {
    color: #b10000;
    border: solid 2px #b10000;
    border-radius: 4px;
    padding: 3px 5px;
    cursor: pointer;
    background: #fff;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    max-width: 200px;
    text-align: center;
    text-decoration: none;
}

.mymatch-advsrc .bmmWrapper .bmm-row .bmm-col .btn-cancelResend:hover {
    background: #b10000;
    color: #fff;
}


/*********************end My match adv search page*********************/


/*********************member assign MM page*********************/

.member-assign-MM .instruction {
    padding: 0 0 15px 0;
}

.member-assign-MM .instruction strong {
    color: #1683fa;
}

.member-assign-MM .of-row {
    width: 100%;
    display: table;
}

.member-assign-MM .of-row .of-cell {
    display: table-cell;
    padding: 0 5px;
    vertical-align: middle;
}

.member-assign-MM .of-row .of-cell:first-child {
    padding-left: 0;
}

.member-assign-MM .of-row .of-cell:first-child,
.member-assign-MM .of-row .of-cell:nth-child(2) {
    width: 25%;
}

.member-assign-MM .of-row .of-cell:last-child {
    width: 100px;
}

.member-assign-MM .of-row .of-cell .labelInputWrapper {
    margin: 0;
}

.member-assign-MM .of-row .of-cell .btn-search {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 4px 15px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    background: #fff;
}

.member-assign-MM .of-row .of-cell .btn-search:hover {
    background: #006400;
    color: #fff;
}

.member-assign-MM .mammWrapper .bmm-row:last-child {
    border: 0 none;
}

.member-assign-MM .mammWrapper .panel-heading .bmm-row a {
    color: #1683fa;
}

.member-assign-MM .mammWrapper .panel-heading .bmm-row a:hover,
.member-assign-MM .mammWrapper .panel-heading .bmm-row a:focus {
    color: #1683fa;
    text-decoration: none;
}

.member-assign-MM .mammWrapper .panel-heading .bmm-row {
    padding: 5px 0;
}

.member-assign-MM .mammWrapper .bmm-row {
    border-bottom: 1px solid #dbdbdb;
    display: table;
    padding: 15px 0;
    width: 100%;
	table-layout:fixed;
}

.member-assign-MM .mammWrapper .bmm-row .bmm-col {
    display: table-cell;
    vertical-align: top;
    width: 16%;
}

.member-assign-MM .mammWrapper .bmm-row .bmm-col.ageRange {
    text-align: center;
}

.member-assign-MM .mammWrapper .bmm-row .bml-info {
    display: table-cell;
    vertical-align: middle;
}

.member-assign-MM .mammWrapper .bmm-row .col-pic {
    display: table-cell;
    min-width: 80px;
    padding-right: 15px;
    vertical-align: middle;
    width: 6%;
}

.member-assign-MM .mammWrapper .bmm-row .col-pic .bml-profile-pic {
    display: table-cell;
    height: 70px;
    position: relative;
    vertical-align: middle;
    width: 70px;
}

.member-assign-MM .mammWrapper .bmm-row .col-pic .bml-profile-pic .icon-mail {
    background: rgba(0, 0, 0, 0) url(../images/sprites.png) no-repeat scroll -212px -16px;
    bottom: -8px;
    display: block;
    height: 26px;
    position: absolute;
    right: -5px;
    width: 26px;
}

.member-assign-MM .mammWrapper .bmm-row .col-pic .bml-profile-pic .icon-msg {
    background: rgba(0, 0, 0, 0) url(../images/sprites.png) no-repeat scroll -294px -16px;
    bottom: -8px;
    display: block;
    height: 26px;
    right: -5px;
    position: absolute;
    width: 26px;
}

.member-assign-MM .mammWrapper .bmm-row .col-pic .bml-profile-pic .img {
    border: 1px solid #d2d2d2;
    border-radius: 17px;
    height: 65px;
    overflow: hidden;
    width: 65px;
}

.member-assign-MM .mammWrapper .bmm-row .col-pic .bml-profile-pic .img img {
    max-width: 100%;
}

.member-assign-MM .siteSelection {
    display: inline-block;
    width: 100%;
}

.member-assign-MM .siteSelection .left {
    vertical-align: middle;
    display: inline-block;
    width: 45%;
}

.member-assign-MM .siteSelection .right {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
}

.member-assign-MM .siteSelection .right .btn-src {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #006400;
    border-radius: 4px;
    color: #006400;
    font-size: 16px;
    font-weight: 700;
    max-width: 165px;
    padding: 9px 10px;
    text-align: center;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    cursor: pointer;
}

.member-assign-MM .siteSelection .right .btn-src:hover {
    background: #006400;
    color: #fff;
}

.member-assign-MM .mammWrapper .bmm-row .btn-add {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 5px 10px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 5px;
    -webkit-transition: 0.5s;
    font-size: 13px;
    transition: 0.5s;
    white-space: nowrap;
    text-decoration: none;
}

.member-assign-MM .mammWrapper .bmm-row .btn-add:hover {
    background: #006400;
    color: #fff;
    text-decoration: none;
}

.member-assign-MM .instruction a {
    color: #1683fa;
}

.member-assign-MM .assign-mm .panel-default {
    display: table;
    width: 100%;
}

.member-assign-MM .assign-mm .panel-default .panel-heading {
    display: table-row-group;
    width: 100%;
}

.member-assign-MM .assign-mm .panel-default .panel-body {
    display: table-row-group;
    width: 100%;
}

.member-assign-MM .assign-mm .bmm-row:last-child {
    border: 0 none;
}

.member-assign-MM .assign-mm .panel-heading .bmm-row a {
    color: #1683fa;
}

.member-assign-MM .assign-mm .panel-heading .bmm-row a:hover,
.member-assign-MM .assign-mm .panel-heading .bmm-row a:focus {
    color: #1683fa;
    text-decoration: none;
}

.member-assign-MM .assign-mm .panel-heading .bmm-row {
    padding: 5px 0;
    border: 0;
}

.member-assign-MM .assign-mm .bmm-row {
    display: table-row;
    padding: 15px 0;
    width: 100%;
}

.member-assign-MM .assign-mm .bmm-row .bmm-col {
    display: table-cell;
    vertical-align: top;
    width: 22%;
    padding: 5px;
    border-bottom: 1px solid #dbdbdb;
}

.member-assign-MM .assign-mm .bmm-row .bmm-col.ageRange {
    text-align: center;
    width: 8%;
}

.member-assign-MM .assign-mm .bmm-row .bmm-col.loc-of-sngl,
.member-assign-MM .assign-mm .bmm-row .bmm-col.mthd-screen-sngl {
    width: 13%;
}

.member-assign-MM .assign-mm .bmm-row .bmm-col.action {
    width: 13%;
}

.member-assign-MM .assign-mm .bmm-row .bml-info {
    display: table-cell;
    vertical-align: middle;
}

.member-assign-MM .assign-mm .bmm-row .bml-info .name {
    margin-bottom: 0;
}

.member-assign-MM .assign-mm .bmm-row .col-pic {
    display: table-cell;
    min-width: 80px;
    padding-right: 15px;
    vertical-align: middle;
    width: 6%;
}

.member-assign-MM .assign-mm .bmm-row .col-pic .bml-profile-pic {
    display: table-cell;
    height: 70px;
    position: relative;
    vertical-align: middle;
    width: 70px;
}

.member-assign-MM .assign-mm .bmm-row .col-pic .bml-profile-pic .icon-mail {
    background: rgba(0, 0, 0, 0) url(../images/sprites.png) no-repeat scroll -212px -16px;
    bottom: -8px;
    display: block;
    height: 26px;
    position: absolute;
    right: -5px;
    width: 26px;
}

.member-assign-MM .assign-mm .bmm-row .col-pic .bml-profile-pic .icon-msg {
    background: rgba(0, 0, 0, 0) url(../images/sprites.png) no-repeat scroll -294px -16px;
    bottom: -8px;
    display: block;
    height: 26px;
    right: -5px;
    position: absolute;
    width: 26px;
}

.member-assign-MM .assign-mm .bmm-row .col-pic .bml-profile-pic .img {
    border: 1px solid #d2d2d2;
    border-radius: 17px;
    height: 65px;
    overflow: hidden;
    width: 65px;
}

.member-assign-MM .assign-mm .bmm-row .col-pic .bml-profile-pic .img img {
    max-width: 100%;
}

.member-assign-MM .assign-mm .bmm-row .btn-sdm {
    color: #b10000;
    border: solid 2px #b10000;
    border-radius: 4px;
    padding: 4px 10px;
    font-weight: 700;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    max-width: 100%;
    white-space: nowrap;
    position: relative;
    text-decoration: none;
}

.member-assign-MM .assign-mm .bmm-row .btn-sdm:hover {
    background: #b10000;
    color: #fff;
    text-decoration: none;
}

.member-assign-MM .assign-mm .bmm-row .btn-sdm:after {
    content: attr(data-title);
    position: absolute;
    background: #fff;
    border: solid 1px #ddd;
    color: #000;
    font-weight: 400;
    padding: 5px;
    border-radius: 3px;
    left: 0;
    top: 110%;
    max-width: 300px;
    white-space: normal;
    z-index: 9;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    display: none;
}

.member-assign-MM .assign-mm .bmm-row .btn-sdm:hover:after {
    display: block;
}

.member-assign-MM .assign-mm .notenbtns {
    display: table;
    width: 100%;
    padding: 15px 0;
}

.member-assign-MM .assign-mm .notenbtns .note,
.member-assign-MM .assign-mm .notenbtns .btns {
    display: table-cell;
    vertical-align: middle;
}

.member-assign-MM .assign-mm .note strong {
    color: #dd0000;
}

.member-assign-MM .assign-mm .notenbtns .btns {
    white-space: nowrap;
    padding-left: 20px;
}

.member-assign-MM .assign-mm .notenbtns .btn-keep-thismm {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 5px 10px;
    font-weight: 700;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    max-width: 100%;
    white-space: nowrap;
    margin-right: 10px;
    position: relative;
    text-decoration: none;
}

.member-assign-MM .assign-mm .notenbtns .btn-keep-thismm:hover {
    background: #006400;
    color: #fff;
    text-decoration: none;
}

.member-assign-MM .assign-mm .notenbtns .btn-sdm {
    color: #b10000;
    border: solid 2px #b10000;
    border-radius: 4px;
    padding: 5px 10px;
    font-weight: 700;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    max-width: 100%;
    white-space: nowrap;
    position: relative;
    text-decoration: none;
}

.member-assign-MM .assign-mm .notenbtns .btn-sdm:hover {
    background: #b10000;
    color: #fff;
    text-decoration: none;
}

.member-assign-MM .assign-mm .notenbtns .btn-sdm:after,
.member-assign-MM .assign-mm .notenbtns .btn-keep-thismm:after {
    content: attr(data-title);
    position: absolute;
    background: #fff;
    border: solid 1px #ddd;
    color: #000;
    font-weight: 400;
    padding: 5px;
    border-radius: 3px;
    left: 0;
    top: 110%;
    max-width: 300px;
    white-space: normal;
    z-index: 9;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    display: none;
}

.member-assign-MM .assign-mm .notenbtns .btn-sdm:hover:after,
.member-assign-MM .assign-mm .notenbtns .btn-keep-thismm:hover:after {
    display: block;
}
.search-mm-new .mammWrapper  .bmm-row .bmm-col {
    display: table-cell;
    vertical-align: middle;
    width: 16%;
    padding-right: 15px;
    word-wrap: break-word;
    word-break: break-word;
}
.search-mm-new .mammWrapper .bmm-row .bmm-col-name {
    width: 22%;
}
.search-mm-new .mammWrapper .bmm-row .bmm-col-age {
    width: 12%;
}
/*********************end member assign MM page*********************/

.viewMM-notfound .panel-body {
    display: table;
    width: 100%;
}

.viewMM-notfound .panel-body .panel-body-left p a {
    color: #1683fb;
    font-weight: bold;
}


/*********************alert about bad email page*********************/

.alert-badEmail .update-email {
    margin-top: 20px;
}

.alert-badEmail .update-email .form-table {
    display: table;
    width: 100%;
}

.alert-badEmail .update-email h5 {
    line-height: normal;
    margin-top: 0;
}

.alert-badEmail .update-email .form-group {
    display: table-cell;
    vertical-align: middle;
}

.alert-badEmail .update-email .form-group.email-txt {
    width: 45%;
}

.alert-badEmail .update-email .form-group.email-txt:first-child {
    padding-right: 7px;
}

.alert-badEmail .update-email .form-group.email-txt:last-child {
    padding-left: 7px;
}

.alert-badEmail .btn-group {
    display: block;
    margin-top: 25px;
    text-align: center;
}

.alert-badEmail .btn-group .form-group {
    display: inline-block;
}

.alert-badEmail .btn-group .form-group .btn-save {
    background: #000064;
    color: #fff;
    margin: 0 5px;
    width: 100px;
    text-decoration: none;
}

.alert-badEmail .btn-group .form-group .btn-cancel {
    background: #797979;
    color: #fff;
    width: 100px;
    margin: 0 5px;
    text-decoration: none;
}


/*********************end alert about bad email page*********************/


/********check for Payments Accept Match**********/

.cpam .btn-group {
    display: block;
    margin-top: 25px;
    text-align: center;
}

.cpam .btn-group .form-group {
    display: inline-block;
}

.cpam .btn-group .form-group .btn-save {
    background: #000064 none repeat scroll 0 0;
    color: #fff;
    margin: 0 5px;
    width: 100px;
}

.cpam .btn-group .form-group .btn-save:hover {
    border: solid 2px #000064;
    color: #000064;
    background: #fff;
}

.cpam .btn-group .form-group .btn-cancel {
    background: #797979;
    color: #fff;
    width: 100px;
    margin: 0 5px;
    text-decoration: none;
}

.cpam .btn-group .form-group .btn-cancel:hover {
    border: solid 2px #797979;
    color: #797979;
    background: #fff;
}

.cpam .membership-ad .btn-gmgy {
    padding: 11px;
}


/********end check for Payments Accept Match**********/


/*********************alert about bad email page*********************/

.transfer-suggestion .update-email {
    margin-top: 20px;
}

.transfer-suggestion .update-email .form-table {
    display: table;
    width: 100%;
}

.transfer-suggestion .update-email h5 {
    line-height: normal;
    margin-top: 0;
}

.transfer-suggestion .update-email .form-group {
    display: inline-block;
    vertical-align: top;
}

.transfer-suggestion .update-email .form-group.email-txt {
    width: 49.7%;
    padding: 0 7px;
}

.transfer-suggestion .update-email .form-group.email-txt:last-child {
    padding-top: 8px;
}

.transfer-suggestion .txt-small {
    font-size: 11px;
    color: #7F7F7F;
}

.transfer-suggestion .btn-group {
    display: block;
    margin-top: 25px;
    text-align: center;
}

.transfer-suggestion .btn-group .form-group {
    display: inline-block;
}

.transfer-suggestion .btn-group .form-group .btn-save {
    background: #000064 none repeat scroll 0 0;
    color: #fff;
    margin: 0 5px;
    width: 100px;
}

.transfer-suggestion .btn-group .form-group .btn-cancel {
    background: #797979 none repeat scroll 0 0;
    color: #fff;
    width: 100px;
    margin: 0 5px;
}

.transfer-suggestion .whats-this {
    border-top: solid 1px #c6c6c6;
    margin-top: 10px;
    padding-top: 20px;
    position: relative;
}

.transfer-suggestion .whats-this:after {
    content: "";
    display: block;
    clear: both;
}

.transfer-suggestion .whats-this img {
    vertical-align: -4px;
}

.transfer-suggestion .whats-this .pull-left a:hover+.tip-whats-this {
    display: block;
}

.transfer-suggestion .whats-this .tip-whats-this {
    display: none;
    position: absolute;
    border: solid 1px #c2c2c2;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    background: #fff;
    font-size: 13px;
    line-height: normal;
    color: #2E2E2E;
    width: 350px;
    border-radius: 4px;
    padding: 5px 10px;
    text-align: left;
    left: 0;
    margin-top: 5px;
}

.transfer-suggestion .whats-this .btn-transfer {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 4px 15px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    background: #fff;
    margin: 0 5px;
}

.transfer-suggestion .whats-this .btn-transfer:hover {
    background: #006400;
    color: #fff;
}

.transfer-suggestion .whats-this .btn-cancel {
    color: #b10000;
    border: solid 2px #b10000;
    border-radius: 4px;
    padding: 4px 15px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    max-width: 100%;
    white-space: normal;
}

.transfer-suggestion .whats-this .btn-cancel:hover {
    background: #b10000;
    color: #fff;
}

.transfer-suggestion .foot-txt {
    padding: 15px 0;
}


/*********************end alert about bad email page*********************/


/*********************member index page*********************/

.mem-index .mmWrapper .mm-row {
    display: table;
    width: 100%;
    border-bottom: solid 1px #dbdbdb;
    padding: 15px 0;
}

.mem-index2 .mmWrapper .mm-row,
.mem-index2 .mmWrapper .mm-subrow,
.pmTbl .mmWrapper .mm-subrow,
.hltdMember .bmmWrapper .bmm-subrow {
    display: table;
    width: 100%;
}

.mem-index .mem-index-box,
.member_main .member_main_box,
.hltd-mem .hltd-mem-box,
.myMatch-Wrapper .mymatch-advsrc,
.saved-matches .saved-matches-box {
    margin-top: -6px;
}

.mem-index .gray-box .searchbtnWrapper,
.myMatch-Wrapper .gray-box .searchbtnWrapper,
.member_main .gray-box .searchbtnWrapper,
.saved-matches .gray-box .searchbtnWrapper,
.find-match-v2 .gray-box .searchbtnWrapper,
.adminWrapper .gray-box .searchbtnWrapper {
    /* Added form Admin Views search button - Mehul*/
    position: absolute;
    right: 10px;
    top: 5px;
}

#SearchBox .searchbtnWrapper {
    display: none;
}

#SearchBox.collapse.in .searchbtnWrapper {
    display: block;
}

.mem-index .mmWrapper .panel-heading .mm-row {
    padding: 5px 0;
}

.mem-index .mmWrapper .panel-body .mm-row .mm-subcol,
.mem-index .mmWrapper .panel-body .mm-row .mm-col {
    word-break: break-all;
    word-wrap: break-word;
    word-break: break-word;
}

.mem-index .mmWrapper .mm-row .mm-col,
.mem-index .mmWrapper .mm-row .mm-subcol {
    display: table-cell;
    vertical-align: middle;
}

.mem-index .mmWrapper .mm-row .mm-col:first-child {
    width: 25%;
}

.mem-index2 .mmWrapper .mm-row .mm-col:first-child {
    width: 6%;
}

.mem-index2 .mmWrapper .mm-row .mm-col:last-child {
    width: 94%;
}

.mem-index .mmWrapper .mm-row .mm-col p {
    margin: 0;
}

.mem-index .mmWrapper .mm-row .mm-col p a {
    color: inherit;
}

.mem-index .mmWrapper .mm-row .mm-col .female-name {
    color: #bf193c;
}

.mem-index .mmWrapper .mm-row .mm-col .female-name a {
    color: #bf193c;
    text-decoration: none;
}

.mem-index .mmWrapper .mm-row .mm-col .male-name {
    color: #193cbf;
    text-decoration: none;
}

.mem-index .mmWrapper .mm-row .mm-col .male-name a {
    color: #193cbf;
    text-decoration: none;
}

.mem-index .mmWrapper .mm-row .mm-col .address {
    color: #000;
}

.mem-index .mmWrapper .mm-row .mm-col .type {
    color: #000;
}

.mem-index .mmWrapper .mm-row .mm-col .btn-update {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 9px 30px;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    white-space: nowrap;
}

.mem-index .mmWrapper .mm-row .mm-col .btn-update:hover {
    background: #006400;
    color: #fff;
    text-decoration: none;
}

.mem-index .mmWrapper a {
    color: #000064;
    cursor: pointer;
}

.mem-index .mmWrapper .mm-row .mm-col .btn-unblock {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 9px 30px;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
}

.mem-index .mmWrapper .mm-row .mm-col .btn-unblock:hover {
    text-decoration: none;
}

.mem-index .mmWrapper .mm-row .col-left {
    width: 30px;
}

.mem-index .mmWrapper .mm-row .col-pic {
    width: 6%;
    min-width: 90px;
    padding-right: 15px;
    display: table-cell;
    vertical-align: middle;
}

.mem-index .mmWrapper .mm-row .bml-info {
    display: table-cell;
    vertical-align: middle;
}

.mem-index .mmWrapper .mm-row .col-pic .bml-profile-pic {
    display: table-cell;
    width: 80px;
    height: 80px;
    vertical-align: middle;
    position: relative;
}

.mem-index .mmWrapper .mm-row .col-pic .bml-profile-pic .img {
    overflow: hidden;
    border-radius: 17px;
    border: solid 1px #d2d2d2;
    height: 75px;
    width: 75px;
    position: relative;
}

.mem-index .mmWrapper .mm-row .col-pic .bml-profile-pic .img img {
    max-width: 100%;
}

.mem-index .mmWrapper .mm-row .col-pic .bml-profile-pic .img .gold {
    position: absolute;
    padding: 2px;
    background: #ffad00;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.mem-index .mmWrapper .mm-row .col-pic .bml-profile-pic .icon-call {
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -252px -16px;
    display: block;
    left: -5px;
    bottom: -8px;
    z-index: 1;
}

.mem-index .mmWrapper .mm-row .col-pic .bml-profile-pic .icon-msg {
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -294px -16px;
    display: block;
    right: -5px;
    bottom: -8px;
    z-index: 1;
}

.mem-index .mmWrapper .mm-row .col-pic .bml-profile-pic .icon-mail {
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -212px -16px;
    display: block;
    right: -5px;
    bottom: -8px;
    z-index: 1;
}

.mem-index .mmWrapper .mm-row .mm-col .icon-call {
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -252px -16px;
    /*right:0;*/
    vertical-align: middle;
    display: none;
}

.mem-index .mmWrapper .mm-row .mm-col .icon-mail {
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -212px -16px;
    display: inline-block;
    right: 0;
    vertical-align: middle;
}

.mem-index .mmWrapper .mm-row .mm-col .approved {
    color: #009000;
}

.mem-index .mmWrapper .mm-row .mm-col .disapproved {
    color: #ff0000;
}

.mem-index .mmWrapper .mm-row .mm-col .prog span {
    color: #009000;
}

.mem-index .mmWrapper .mm-row .mm-col .prog span.blue {
    color: #26377d;
}

.mem-index .mmWrapper .mm-row .mm-col .suggestion {
    font-size: 11px;
}

.mem-index2 .mmWrapper .mm-row .mm-col .mm-subcol.status {
    width: 14%;
}

.mem-index .mmWrapper .mm-row .mm-col.status {
    width: 15%;
    padding-left: 1%;
}

.mem-index2 .mmWrapper .mm-row .mm-col .mm-subcol {
    display: table-cell;
    vertical-align: middle;
}

.mem-index2 .mmWrapper .mm-row .mm-col .mm-subcol.fm-days,
.mem-index2 .mmWrapper .mm-row .mm-col .mm-subcol.active-matches,
.mem-index2 .mmWrapper .mm-row .mm-col .mm-subcol.mutually-approved {
    width: 8%;
    text-align: center;
    padding: 0 5px;
}

.mem-index .mmWrapper .mm-row .mm-col.fm-days,
.mem-index .mmWrapper .mm-row .mm-col.active-matches,
.mem-index .mmWrapper .mm-row .mm-col.mutually-approved {
    width: 10%;
    text-align: center;
    padding: 0 1%;
}

.mem-index2 .mmWrapper .mm-row .mm-col .mm-subcol.bml-info,
.pmTbl .mmWrapper .mm-row .mm-col .mm-subcol.bml-info {
    width: 16%;
}

.mem-index2 .mmWrapper .mm-row .mm-col .mm-subcol.mutually-approved {
    width: 10%;
    padding: 0 5px;
}

.pmTbl .mmWrapper .mm-row .mm-col .mm-subcol {
    width: 16%;
    padding: 0 15px;
    display: table-cell;
    vertical-align: middle;
}

.hltdMember .bmmWrapper .bmm-row .bmm-col .bmm-subcol {
    width: 20%;
    padding: 0 15px;
    display: table-cell;
    vertical-align: middle;
}

.mem-index .mmWrapper .mm-row .mm-col.mutually-approved {
    width: 10%;
    padding: 0 1%;
}

.mem-index2 .mmWrapper .mm-row .mm-col .mm-subcol.mra {
    width: 15%;
    padding-left: 10px;
}

.mem-index2 .mmWrapper .mm-row .mm-col .mm-subcol.action {
    width: 13%;
    /*min-width: 190px;*/
    text-align: center;
}

.mem-index .mmWrapper .mm-row .mm-col.mra {
    width: 15%;
    padding-left: 10px;
}

.mem-index .mmWrapper .mm-row .mm-col.action {
    width: 15%;
    /*min-width: 190px;*/
    text-align: center;
}

.mem-index .mmWrapper .mm-row:last-child {
    border: 0;
}

.mem-index .row-action-btns a {
    width: 42px;
    height: 42px;
    display: inline-block;
    margin: 0 2px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.mem-index .row-action-btns a:hover {
    -webkit-transform: translate(0, -6px);
    transform: translate(0, -6px);
}

.mem-index .row-action-btns+p {
    text-align: center;
}

.mem-index .row-action-btns .link-updte {
    background: url(../images/sprites.png) no-repeat -257px -57px;
}

.mem-index .row-action-btns .link-close {
    background: url(../images/sprites.png) no-repeat -257px -109px;
}

.mem-index .row-action-btns .link-view {
    background: url(../images/sprites.png) no-repeat -259px -387px;
}

.mem-index .row-action-btns .link-time {
    background: url(../images/sprites.png) no-repeat -257px -214px;
}

.mem-index .row-action-btns .link-reference {
    background: url(../images/sprites.png) no-repeat -261px -325px;
}

.mem-index .row-action-btns .link-reviewpro {
    background: url(../images/sprites.png) no-repeat -259px -162px;
}

.mem-index .row-action-btns .link-reactivate {
    background: url(../images/sprites.png) no-repeat -259px -436px;
}

.mem-index .optional-filter {
    margin: 15px 0;
}

.mem-index .optional-filter h5 {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 10px 0;
}

.mem-index .optional-filter .of-row {
    width: 100%;
    display: table;
}

.mem-index .optional-filter .of-row .of-cell {
    display: table-cell;
    padding: 0 5px;
    vertical-align: middle;
    width: 20%;
}

.mem-index .optional-filter .of-row .of-cell .labelInputWrapper {
    margin: 0;
}

.mem-index .optional-filter .of-row .of-cell .btn-search {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 12px 30px;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    background: #fff;
}

.mem-index .optional-filter .of-row .of-cell .btn-search:hover {
    background: #006400;
    color: #fff;
}

.mem-index .optional-filter .of-row .of-cell:last-child {
    width: 100px;
}

.mem-index .src-filter .col-sm-6 .form-group {
    margin-top: 10px;
}

.mem-index .src-filter label {
    font-weight: 400;
}

.mem-index .src-filter label input {
    vertical-align: -2px;
}

.mem-index .src-filter .btn-search {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 12px 30px;
    cursor: pointer;
    background: #fff;
}

.mem-index .src-filter .btn-search:hover {
    background: #006400;
    color: #fff;
}

.mem-index .src-filter .gray-heading,
.member_main .src-filter .gray-heading,
.hltd-mem .src-filter .gray-heading,
.mymatch-advsrc .src-filter .gray-heading,
.saved-matches .src-filter .gray-heading,
.find-match-v2 .gray-box .gray-heading,
.mm-report .gray-box .gray-heading,
.member-myMatch .gray-box .gray-heading {
    display: block;
    margin: 0;
    cursor: pointer;
    position: relative;
}

.find-match-v2 .gray-box #SearchBox {
    margin-top: 5px;
}

.gray-heading .accordion-title-icon:after {
    content: none;
}

.gray-heading.collapsed .accordion-title-icon:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 4px;
    margin-top: -2px;
    background: #333;
}

.gray-heading.collapsed .accordion-title-icon:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 4px;
    margin-left: -2px;
    background: #333;
}

.mem-index .gray-box #SearchBox,
.member_main .gray-box #SearchBox {
    padding-top: 5px;
}

.mem-index .src-filter .gray-heading:after {
    content: "";
    display: block;
    clear: both;
}

.mem-index .src-filter .gray-heading h5 {
    display: inline-block;
}

.mem-index .src-filter .gray-heading label {
    margin: 0 8px;
}

.mem-index .src-filter .gray-btnrow {
    display: table;
    width: 100%;
    margin: 0;
}

.mem-index .src-filter .gray-btnrow:after {
    content: "";
    display: block;
    clear: both;
}

.mem-index .src-filter .gray-btnrow .left,
.mem-index .src-filter .gray-btnrow .right {
    display: table-cell;
    vertical-align: middle;
}

.mem-index .src-filter .gray-btnrow .right {
    text-align: right;
}

.mem-index .src-filter .gray-btnrow .right label {
    padding: 0 5px;
}

.mem-index .src-filter .gray-btnrow input.btn-find {
    margin: 0;
}


/*********************end member index page*********************/


/*********************cancel premium membership page*********************/

.cancel-membership p.redTxt {
    color: #cb0000;
}

.cancel-membership .row-question {
    margin-bottom: 20px;
}

.cancel-membership .ans p {
    margin: 5px 0;
}

.cancel-membership .ans label {
    font-weight: 400;
    display: inline-block;
    position: relative;
    padding-left: 20px;
}

.cancel-membership .ans label input {
    position: absolute;
    left: 0;
}

.cancel-membership .ans p span {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

.cancel-membership .ans label input[type="radio"] {
    vertical-align: -1px;
}

.cancel-membership .row-btn-cancel-membership {
    float: left;
    padding: 30px 0;
    width: 100%;
}

.cancel-membership .btn-cancel-membership {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #b10000;
    border-radius: 4px;
    color: #b10000;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    padding: 4px 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.cancel-membership .btn-cancel-membership:hover {
    background: #b10000;
    color: #fff;
    text-decoration: none;
}


/*********************end cancel premium membership page*********************/


/*********************delete MM page*********************/

.delete-mm p.redTxt {
    color: #cb0000;
}

.delete-mm .row-question {
    margin-bottom: 20px;
}

.delete-mm .row-question .question {
    margin-bottom: 10px;
}

.delete-mm .ans p {
    margin: 5px 0;
}

.delete-mm .ans label {
    font-weight: 400;
    display: inline-block;
    position: relative;
    padding-left: 20px;
}

.delete-mm .ans label input {
    position: absolute;
    left: 0;
}

.delete-mm .ans p span {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

.delete-mm .ans label input[type="radio"] {
    vertical-align: -1px;
}

.delete-mm .row-btn-dm {
    padding: 30px 0;
    width: 100%;
    text-align: center;
}

.delete-mm .btn-delete {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #b10000;
    border-radius: 4px;
    color: #b10000;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    padding: 4px 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    margin: 0 5px;
}

.delete-mm .btn-delete:hover {
    background: #b10000;
    color: #fff;
    text-decoration: none;
}

.delete-mm .btn-cancel {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #006400;
    border-radius: 4px;
    color: #006400;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    padding: 4px 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    margin: 0 5px;
    text-decoration: none;
}

.delete-mm .btn-cancel:hover {
    background: #006400;
    color: #fff;
    text-decoration: none;
}


/*********************end delete MM page*********************/





/*********************Edit Dating Status*******************/

/*.edit-dating-status{margin:50px 0;}*/

/*********************end Edit Dating Status*******************/


/*********************Report match progress page*********************/
.report-match-progress h5 {
    font-size: 18px;
    margin-top: 15px;
}

.report-match-progress .instruction strong {
    color: #26377d;
}

.report-match-progress .status {
    margin: 10px 0 5px;
}

.report-match-progress .note {
    margin-top: 20px;
}

.report-match-progress .note strong {
    color: #d40000;
}

.report-match-progress .note+.note strong {
    color: #fb8642;
}

.report-match-progress .note p {
    margin-bottom: 7px;
}

.report-match-progress .note p strong {
    color: #26377d;
}

.report-match-progress .small-note {
    font-size: 11px;
}

.report-match-progress .btn-group {
    margin-top: 25px;
    display: block;
    text-align: center;
}

.report-match-progress .btn-group .form-group {
    display: inline-block;
}

.report-match-progress .btn-group .form-group .btn-save {
    background: #000064;
    color: #fff;
    width: 100px;
    margin: 0 10px;
    border-radius: 20px;
}

.report-match-progress .btn-group .form-group .btn-save:hover {
    color: #000064;
    background: #fff;
    border: 1px solid #000064;
}

.report-match-progress .btn-group .form-group .btn-cancel {
    background: #797979;
    color: #fff;
    width: 100px;
    text-decoration: none;
}
/*Update to Request Match Progress Report*/
.report-match-progress.rmp-container .btn-green-line {
	display: block;
    max-width: 200px;
    padding: 3px 5px;
    margin: 5px auto;
}
.report-match-progress h5 {
   font-weight:700;
}
.report-match-progress.rmp-container  .rmp-title h5, .report-match-progress.rmp-container  .rmp-title span, .report-match-progress.rmp-container .rmp-status .status, .report-match-progress.rmp-container .rmp-status .small-note{
	display:inline-block;
	padding-right: 5px;
}
.report-match-progress.rmp-container .rmp-status .status{
	width:65%;
}
.report-match-progress.rmp-container .rmp-status .small-note{
	width:33%;
	padding-left:5px;
}
.report-match-progress.rmp-container .rmp-status {
	display:flex;
	align-items:center;
}
.report-match-progress.rmp-container form{
	margin-bottom:0;
}
.report-match-progress.rmp-container .rmp-title + .rmp-title{
	margin-top:5px;
}
.report-match-progress.rmp-container .rmp-title h5 {
	margin-bottom:0;
}

/*Update to Request Match Progress Report*/

/*********************end report match progress page*********************/


/*********************profile help page*********************/

.req-ProfileAssist .cm-controls {
    display: table;
    width: 100%;
}

.req-ProfileAssist .cm-controls .btn-right {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
}

.req-ProfileAssist .cm-controls .btn-send-mail {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #006400;
    border-radius: 4px;
    color: #006400;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    margin: 0px;
    padding: 4px 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.req-ProfileAssist .cm-controls .btn-send-mail:hover {
    background: #006400;
    color: #fff;
}


/*********************end profile help page*********************/


/*********************member legal page*********************/

.member-legal .legalTable {
    display: table;
    width: 100%;
}

.member-legal .legalTable .legal-row {
    display: table-cell;
    vertical-align: middle;
}

.member-legal .legalTable .legal-row a {
    color: #1683fa;
}

.member-legal .legalTable .legal-row a:hover {
    text-decoration: none;
}

.member-legal .legalTable .legal-row a img {
    padding-right: 10px;
}


/*********************end member legal page*********************/


/*********************contact us page*********************/

.contact-us .txt-assist {
    margin-bottom: 10px;
}

.contact-us .txt-assist strong {
    color: #1683fa;
}

.contact-us .thanks {
    color: #ff6600;
}

.contact-us .cu-controls:after {
    content: "";
    display: block;
    clear: both;
}

.contact-us .cu-controls .btn-send-mail {
    background: #fff;
    border: 2px solid #006400;
    border-radius: 4px;
    color: #006400;
    cursor: pointer;
    font-size: 13px;
    margin: 0 10px;
    padding: 4px 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.contact-us .cu-controls .btn-send-mail:hover {
    background: #006400;
    color: #fff;
}

.contact-us .cu-controls .btn-close {
    background: #fff;
    border: 2px solid #d40000;
    border-radius: 4px;
    color: #d40000;
    cursor: pointer;
    font-size: 13px;
    margin: 0px;
    padding: 4px 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.contact-us .cu-controls .btn-close:hover {
    background: #d40000;
    color: #fff;
}

.contact-us .new-topic {
    display: none;
    margin-top: 15px;
}

.contact-us .form-group {
    margin: 0;
}

.contact-us .form-group+.form-group {
    margin-top: 15px;
}


/*********************end contact us page*********************/


/*********************restrict member page*********************/

.restrict-member .txt-assist {
    margin-bottom: 10px;
}

.restrict-member .thanks {
    color: #000;
}

.restrict-member .gray-box div.reset-block {
    padding-top: 13px;
}

.restrict-member .gray-box .rm-title label {
    word-break: break-all;
    word-wrap: break-word;
    word-break: break-word;
}

.restrict-member .btn-group {
    display: block;
    margin-top: 25px;
    text-align: center;
}

.restrict-member .btn-group .form-group {
    display: inline-block;
}

.restrict-member .btn-group .form-group .btn-save {
    background: #000064 none repeat scroll 0 0;
    color: #fff;
    margin: 0 5px;
    width: 100px;
}

.restrict-member .btn-group .form-group .btn-cancel {
    background: #797979 none repeat scroll 0 0;
    color: #fff;
    width: 100px;
    margin: 0 5px;
}


/*********************end restrict member page*********************/


/*********************view score page*********************/

.view-score .vs-scores {
    margin: 20px 0;
}

.viewScore .view-score .vs-scores {
    margin: 0 0 10px;
}

.view-score .vs-scores .vs-row {
    display: table;
    width: 100%;
    border-bottom: solid 1px #eee;
}

.view-score .vs-scores .vs-row .vs-col {
    display: table-cell;
    padding: 12px 0;
    vertical-align: top;
}

.view-score .vs-scores .vs-row .vs-col:last-child,
.view-score .vs-scores .vs-row .vs-col:nth-child(2) {
    width: 70px;
    color: #26377d;
    font-weight: 700;
    text-align: center;
    padding-left: 10px;
}

.view-score .vs-scores .vs-row:last-child {
    border: 0;
}

.view-score .vs-how-to-improve-ma {
    padding: 20px;
}

.view-score .vs-how-to-improve-ma h5 {
    color: #d70000;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.view-score .vs-how-to-improve-ma ul,
.vs-how-to-improve-ma ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

.view-score .vs-how-to-improve-ma ul li {
    padding-left: 25px;
    margin-bottom: 5px;
}

.view-score .vs-how-to-improve-ma ul li:before {
    content: "";
    width: 14px;
    height: 14px;
    background: url(../images/no-repeat.png) no-repeat -83px -737px;
    position: absolute;
    left: 3px;
    top: 4px;
}

.view-score .btn-row {
    text-align: center;
    padding: 35px;
}

.view-score .btn-row .btn-back {
    color: #000064 !important;
    background-color: transparent;
}

.view-score .btn-row .btn-back:hover {
    background: #000064;
    color: #fff !important;
}


/*********************end view score page*********************/


/*********************Nasi dates report page*********************/

.nasi-date-report .ndr-table {
    display: table;
    width: 100%;
}

.nasi-date-report .ndr-table p {
    margin: 0;
}

.nasi-date-report .ndr-table .panel-heading {
    display: table-row-group;
    width: 100%;
}

.nasi-date-report .ndr-table .panel-heading a {
    color: #1683fa;
}

.nasi-date-report .ndr-table .panel-heading .row-match-info {
    border: 0;
    padding: 0;
}

.nasi-date-report .ndr-table .row-match-info {
    display: table-row;
    width: 100%;
    border-bottom: solid 1px #ddd;
    padding: 10px 0;
}

.nasi-date-report .ndr-table .row-match-info:last-child {
    /*border: 0;*/
    padding-bottom: 0;
}

.nasi-date-report .ndr-table .panel-heading .row-match-info .mi-col a {
    color: #1683fb;
    cursor: pointer;
}

.nasi-date-report .ndr-table .panel-body {
    display: table-row-group;
}

.nasi-date-report .ndr-table .male,
.nasi-date-report .ndr-table .male a {
    color: #193cbf;
    text-decoration: none;
}

.nasi-date-report .ndr-table .female,
.nasi-date-report .ndr-table .female a {
    color: #bf193c;
    text-decoration: none;
}

.nasi-date-report .ndr-table .inactive {
    color: #1d1d1d;
}

.nasi-date-report .ndr-table .active {
    color: #006400;
}

.nasi-date-report .ndr-table .not-paid {
    color: #e90000;
    text-transform: uppercase;
}

.nasi-date-report .ndr-table .paid {
    color: #006400;
    text-transform: uppercase;
}

.nasi-date-report .row-match-info .ndr-col {
    display: table-cell;
    vertical-align: top;
    padding: 8px;
    border-bottom: solid 1px #ddd
}

.nasi-date-report .row-match-info .ndr-col .editReligiousInfo {
    background-color: #dadada;
}

.nasi-date-report .row-match-info .ndr-col .btn-edit {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 4px 15px;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-bottom: 3px;
    text-decoration: none;
}

.nasi-date-report .row-match-info .ndr-col .btn-edit:hover {
    background: #006400;
    color: #fff;
}

.nasi-date-report .row-match-info .ndr-col:last-child {
    text-align: center;
    padding-right: 10px;
}

.nasi-date-report .btn-row {
    text-align: center;
    padding: 35px;
}

.nasi-date-report .btn-row .btn-back {
    color: #000064 !important;
    background-color: transparent;
}

.nasi-date-report .btn-row .btn-back:hover {
    color: #fff !important;
    background-color: #000064;
}


/*********************end Nasi dates report page*********************/


/*********************start cunstom Tooltip *********************/

.cunstomTooltip {
    color: #FFF;
    font-weight: bold;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.20);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.20);
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    max-width: 90%;
}

.cunstomTooltip.top {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.cunstomTooltip.bottom {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.cunstomTooltip.left {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.cunstomTooltip.right {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.cunstomTooltip * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cunstomTooltipInner {
    position: relative;
    z-index: 1;
    padding: 10px 15px;
    background: #26377d;
    border: 1px solid #26377d;
    border-radius: 4px;
}

.tooltipArrow {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 100%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 10px;
    height: 10px;
    border: 1px #26377d solid;
    background: #26377d;
}

.tooltipClose {
    cursor: pointer;
    position: absolute;
    z-index: 2;
    right: 7px;
    top: 7px;
    width: 12px;
    height: 12px;
}

.tooltipClose:after,
.tooltipClose:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    background: #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.tooltipClose:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.tooltipTitle {
    color: #FFF;
    position: relative;
    font-size: 16px;
    padding: 10px 25px 10px 15px;
    background: #26377d;
    border-radius: 4px 4px 0 0;
}

.tooltipTitle+.cunstomTooltipInner {
    background: #FFF;
    border-radius: 0 0 4px 4px;
}

.featuredMember .tooltip {
    position: absolute;
    top: 0 !important;
    right: 20%;
    left: auto !important;
}

.cunstomTooltip.has-title {
    color: #000;
    width: 300px;
    /*border: 1px solid #26377d;
    background: #FFF;*/
}

.has-title .tooltipClose {
    right: 10px;
    top: 50%;
    margin-top: -10px;
    width: 16px;
    height: 16px;
}

.has-title.bottom .tooltipArrow {
    border-color: #26377d;
    background: #26377d;
}

.cunstomTooltip.input-tooltip {
    max-width: 400px;
    width: 90%;
}


/*********************end cunstom Tooltip *********************/


/*********************Reports page *********************/

.report .row-report {
    border-bottom: solid 1px #ddd;
    padding: 15px 5px;
    display: table;
    width: 100%;
}

.report .row-report:last-child {
    border: 0;
}

.report .row-report p {
    margin: 0;
    padding: 0;
}

.report .row-report a {
    cursor: pointer;
}

.report .row-report a:hover {
    text-decoration: none;
}

.report .row-report .icon {
    width: 80px;
}

.report .row-report .icon,
.report .row-report .report-title {
    display: table-cell;
    vertical-align: middle;
}


/*********************end Reports page *********************/


/*********************Advanced Custom Find Match page *********************/

.adv-cusfindinfo .match-info {
    margin: 15px 0;
    display: table;
    width: 100%;
}

.adv-cusfindinfo .match-info:after {
    content: "";
    display: block;
    clear: both;
}

.adv-cusfindinfo .match-info .mi-photo,
.adv-cusfindinfo .match-info .mi-info {
    display: table-cell;
    vertical-align: top;
}

.adv-cusfindinfo .match-info .mi-photo {
    width: 70px;
}

.adv-cusfindinfo .match-info .mi-photo img {
    max-height: 135px;
    max-width: 135px;
}

.adv-cusfindinfo .match-info .mi-info {
    padding-left: 15px;
}

.adv-cusfindinfo .match-info p {
    margin: 0;
    word-break: break-all;
}

.adv-cusfindinfo .match-info h4 {
    margin: 0;
    font-size: 20px;
}

.adv-cusfindinfo .match-info h4~.selectWrapper {
    max-width: 440px;
    margin-top: 40px;
}

.adv-cusfindinfo .match-info .selectWrapper {
    max-width: 440px;
    margin-top: 40px;
}

.adv-cusfindinfo .bsmc {
    margin-bottom: 20px;
}

.adv-cusfindinfo .bsmc h5 {
    color: #ff6600;
    font-size: 18px;
    margin: 0 0 10px 0;
    overflow: hidden;
    line-height: 35px;
}

.adv-cusfindinfo .bsmc h5 span {
    font-size: 16px;
    font-weight: 300;
}

.adv-cusfindinfo .bsmc .instruction strong {
    color: #1683fa;
    font-weight: 400;
}

.adv-cusfindinfo .bsmc .bsmc-row {
    margin-left: -5px;
    margin-right: -5px;
}

.adv-cusfindinfo .bsmc .bsmc-row .bsmc-col {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 15px;
}

.adv-cusfindinfo .bsmc .bsmc-row .bsmc-col .form-group {
    margin-bottom: 0;
}

.adv-cusfindinfo .bsmc .bsmc-row .bsmc-col2 {
    padding-left: 0px;
    padding-right: 5px;
}

.adv-cusfindinfo .bsmc .bsmc-label {
    font-weight: 900;
    color: #26377d;
    margin-bottom: 5px;
    font-size: 15px;
}

.adv-cusfindinfo .bsmc .chks {
    display: inline-block;
    margin: 0 10px 6px 0;
    font-weight: 400;
}

.adv-cusfindinfo .bsmc .chks input[type="checkbox"] {
    vertical-align: -2px;
    margin-right: 6px
}

.adv-cusfindinfo .bsmc .acceptablePlaces .acceptablePlacesLeft {
    width: 25%;
}

.adv-cusfindinfo .bsmc .acceptablePlaces .checkbox {
    display: inline-block;
    font-weight: 400;
    margin: 0;
}

.adv-cusfindinfo .bsmc .acceptablePlaces input[type="checkbox"] {
    vertical-align: -2px;
    margin-right: 6px
}

.adv-cusfindinfo .bsmc .acceptablePlaces .checkboxWrapper span {
    display: inline-block;
    margin: 0 10px 6px 0;
}

.adv-cusfindinfo .bsmc .btn-brosrc {
    border-radius: 4px;
    line-height: normal;
    margin: 0 0 0 5px;
    padding: 3px 12px;
    vertical-align: middle;
    color: #006400 !important;
    background: transparent;
    display: inline-block;
    font-size: 13px;
}

.adv-cusfindinfo .bsmc .btn-brosrc:hover {
    background: #006400;
    color: #fff !important;
}

.adv-cusfindinfo .bsmc .row-brsrc {
    display: table;
    width: 100%;
    margin-bottom: 20px;
}

.adv-cusfindinfo .bsmc .row-brsrc .col-brosrc-info,
.adv-cusfindinfo .bsmc .col-btn-brosrc {
    display: table-cell;
    vertical-align: middle;
}

.adv-cusfindinfo .row-btn-bsmc {
    text-align: right;
}

.adv-cusfindinfo .row-btn-bsmc .btn-green {
    border-radius: 4px;
    vertical-align: middle;
    color: #006400 !important;
    background: transparent;
    padding: 4px 15px;
    margin: 2px;
    font-size: 13px;
}

.adv-cusfindinfo .row-btn-bsmc .btn-green:hover {
    background: #006400;
    color: #fff !important;
}

.adv-cusfindinfo .row-btn-bsmc .btn-red {
    border-radius: 4px;
    vertical-align: middle;
    color: #b10000 !important;
    background: transparent;
    padding: 4px 15px;
    border: 2px solid #b10000;
    margin: 3px;
    font-size: 13px;
}

.adv-cusfindinfo .row-btn-bsmc .btn-red:hover {
    background: #b10000;
    color: #fff !important;
}


/*********************end Advanced Custom Find Match page *********************/


/*********************edit member options page *********************/

.mm-editprofile .match-info {
    margin-bottom: 20px;
    display: table;
    width: 100%;
}

.mm-editprofile .bsmc h5 {
    color: #ff6600;
    font-size: 18px;
    margin: 0 0 10px 0;
}

.mm-editprofile .bsmc h5 span {
    font-size: 16px;
}

.mm-editprofile .bsmc .bsmc-row {
    margin-left: -5px;
    margin-right: -5px;
}

.mm-editprofile .bsmc .bsmc-row .bsmc-col {
    padding-left: 5px;
    padding-right: 5px;
}

.mm-editprofile .bsmc .bsmc-label {
    color: #000;
    margin-bottom: 5px;
}

.mm-editprofile .bsmc .chks {
    margin: 0 10px 6px 0;
    font-weight: 400;
}

.mm-editprofile .bsmc .chks input[type="checkbox"] {
    vertical-align: -2px;
    margin-right: 6px;
}

.mm-editprofile .rel-orientation div[class*="col-"] {
    padding: 0;
}

.mm-editprofile .rel-orientation label {
    display: block;
}

.mm-editprofile .rel-orientation label input[type="text"] {
    width: 175px;
    display: inline-block;
}

.mm-editprofile .btn-group {
    margin-top: 25px;
    display: block;
    text-align: center;
}

.mm-editprofile .btn-group .form-group {
    display: inline-block;
}

.mm-editprofile .btn-group .form-group .btn-save {
    background: #000064;
    color: #fff;
    width: 100px;
    margin: 0 10px;
    border-radius: 20px;
}

.mm-editprofile .btn-group .form-group .btn-save:hover {
    border: solid 2px #000064;
    background: #fff;
    color: #000064;
}

.mm-editprofile .btn-group .form-group .btn-cancel {
    background: #797979;
    color: #fff;
    width: 100px;
}

.mm-editprofile .btn-group .form-group .btn-cancel:hover {
    border: solid 2px #797979;
    background: #fff;
    color: #797979;
}


/*********************end edit member options page *********************/

.itemRight .owl-carousel:after,
.itemRight .owl-stage-outer:after {
    content: "";
    display: block;
    clear: both;
}

.itemRight .owl-stage {
    float: right;
}


/*********************alert badEmail page *********************/

.alert-badEmail p {
    margin-bottom: 5px;
}

.alert-badEmail .confirmation {
    padding: 30px 0;
}

.alert-badEmail .confirmation .row-btn {
    text-align: center;
}

.alert-badEmail .confirmation .row-btn .btn-confirm {
    color: #008a00;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 4px 10px;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 10px 0 0 0;
}

.alert-badEmail .confirmation .row-btn .btn-confirm:hover {
    background: #006400;
    color: #fff;
}

.alert-badEmail .confirmation .row-btn .btn-cancel {
    color: #b10000;
    border: solid 2px #b10000;
    border-radius: 4px;
    padding: 4px 10px;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-top: 10px;
}

.alert-badEmail .confirmation .row-btn .btn-cancel:hover {
    background: #b10000;
    color: #fff;
}


/*********************end alert badEmail page *********************/


/*********************review profile page *********************/

.review-profile .match-info {
    border-bottom: solid 1px #ddd;
    padding: 10px 0;
    margin-bottom: 15px;
}

.review-profile .match-info .name {
    font-size: 18px;
}

.review-profile .match-info .btn-hgltmem {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 4px 20px;
    cursor: pointer;
    background: #fff;
    text-decoration: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 0 0 4px 0;
    display: inline-block;
}

.review-profile .match-info .btn-hgltmem:hover {
    background: #006400;
    color: #fff;
}


/*
.review-profile .male-match,
.review-profile .female-match {
    margin-bottom: 15px;
}*/

.review-profile .panel {
    margin-bottom: 10px !important;
}

.review-profile .male-match .match-info .name span {
    color: #1683fb;
}

.review-profile .female-match .match-info .name span {
    color: #bf193c;
}

.review-profile .match-pic {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 15px;
}

.review-profile .match-pic .pic,
.review-profile .match-pic .info {
    display: table-cell;
    vertical-align: bottom;
}

.review-profile .match-pic .pic img {
    max-height: 135px;
    max-width: 135px;
}

.review-profile .match-pic .pic {
    width: 155px;
    padding-right: 20px;
    position: relative;
}

.review-profile .mf-match {
    margin-top: 20px;
}

.review-profile .match-pic .icon-mail {
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -212px -16px;
    display: block;
    left: -8px;
    bottom: -8px;
    z-index: 1;
}

.review-profile .match-pic .icon-msg {
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -294px -16px;
    display: block;
    right: -12px;
    bottom: -8px;
    z-index: 1;
}

.review-profile .match-pic .icon-call {
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -252px -16px;
    display: block;
    left: 10px;
    bottom: -8px;
    z-index: 1;
}

.review-profile .match-pic .info .imgs {
    margin-top: 15px;
    margin-right: 15px;
}

.review-profile .match-pic .info .row-address {
    display: table;
    width: 100%;
}

.review-profile .match-pic .info p {
    margin: 0;
}

.review-profile .match-pic .info .address {
    display: table-cell;
}

.review-profile .match-pic .info .address span {
    color: #1683fa;
}

.review-profile .match-pic .info .images {
    display: block;
    width: 500px;
    float: left;
}

.review-profile .match-pic .owl-item {
    max-width: 75px;
    max-height: 75px;
}

.review-profile .match-pic .owl-item a {
    position: relative;
    text-align: center;
    /* float: left; */
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 1px;
}

.review-profile .match-pic .owl-item a img {
    position: relative;
    z-index: 1;
    max-height: 75px;
    display: inline-block;
}

.review-profile .match-pic .owl-item a:after {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    background: #dce7ed;
}

.review-profile .match-infotbl {
    display: table;
    width: 100%;
}

.review-profile .match-infotbl .row-infotbl {
    display: table-row;
}

.review-profile .match-infotbl .col-infotbl {
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 5px;
}

.make-match .match-infotbl .col-infotbl+.col-infotbl.match {
    color: #00802f;
    font-weight: bold;
    text-align: right;
}

.review-profile .match-infotbl .row-infotbl.match .col-infotbl+.col-infotbl {
    text-align: right;
    color: #00802f;
    font-weight: 700;
    width: 100px;
}

.review-profile .match-infotbl .row-infotbl.not-match .col-infotbl+.col-infotbl {
    text-align: right;
    color: #cc0000;
    font-weight: 700;
    width: 100px;
}

.review-profile .match-infotbl .col-infotbl label {
    font-weight: 900;
    color: #26377d;
    margin: 0;
}

.review-profile #both .match-infotbl .col-infotbl label {
    font-weight: 900;
    color: #000;
    margin: 0;
}

.review-profile .match-infotbl .col-infotbl .male {
    color: #193cbf;
}

.review-profile .match-infotbl .col-infotbl .female {
    color: #bf193c;
}

.review-profile .match-infotbl .col-infotbl strong {
    display: inline-block;
    margin-left: 15px;
}


/*********************end review profile page *********************/


/*********************Find Match page *********************/

.find-match .match-pic {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 10px;
}

.find-match .match-pic .mp-left,
.find-match .match-pic .pic,
.find-match .match-pic .info {
    display: table-cell;
    vertical-align: top;
}

.find-match .match-pic .pic .pic-container {
    max-height: 135px;
    max-width: 135px;
    position: relative;
    overflow: hidden;
}

.find-match .match-pic .pic img {
    max-height: 135px;
    max-width: 135px;
}

.find-match .match-pic .pic {
    width: 155px;
}

.find-match .match-pic .pic .type {
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    width: 135px;
    font-size: 13px;
    font-weight: 700;
    position: absolute;
    bottom: 0;
}

.find-match .match-pic .pic .type.gold {
    background: #ffad00;
}

.find-match .match-pic .pic .type.basic {
    background: #26377d;
}

.find-match .match-pic .info h4 {
    margin: 5px 0 0 0;
    font-size: 20px;
    color: #193cbf;
}

.find-match .src-filter>.row>div[class^="col-"]:first-child {
    border-right: solid 1px #cacaca;
}

.find-match .src-filter .btn-search {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 4px 15px;
    cursor: pointer;
    background: #fff;
    font-size: 13px;
}

.find-match .match-pic .info p {
    margin-bottom: 0;
}

.find-match .match-pic .info p strong {
    color: #1683fb;
    font-weight: 400;
}

.find-match .src-filter .btn-search:hover {
    background: #006400;
    color: #fff;
}

.find-match .fmWrapper .panel {
    display: table;
    width: 100%;
}

.find-match .fmWrapper .panel .panel-heading,
.find-match .fmWrapper .panel .panel-body {
    display: table-row-group;
}

.find-match .fmWrapper .bmm-row {
    display: table-row;
}

.find-match .fmWrapper .bmm-row:last-child {
    border: 0 none;
}

.find-match .fmWrapper .panel-heading .bmm-row a {
    color: #1683fa;
}

.find-match .fmWrapper .panel-heading .bmm-row a:hover,
.find-match .fmWrapper .panel-heading .bmm-row a:focus {
    color: #1683fa;
    text-decoration: none;
}

.find-match .fmWrapper .bmm-row {
    padding: 5px 0;
    width: 100%;
}

.find-match .fmWrapper .bmm-row .bmm-col {
    display: table-cell;
    vertical-align: top;
    width: 10%;
    padding: 8px 10px;
    border-bottom: 1px solid #dbdbdb;
}

.find-match .fmWrapper .bmm-row .bmm-col.estimate {
    width: 9%;
    /* text-align: center; */
}

.find-match .fmWrapper .bmm-row .bmm-col:last-child {
    width: 10%;
}

.find-match .fmWrapper .bmm-row .bml-info {
    display: table-cell;
    vertical-align: top;
}

.find-match .fmWrapper .bmm-row .bml-info .female-name,
.find-match .fmWrapper .bmm-row .bml-info .female-name a {
    color: #bf193c;
    text-decoration: none;
}

.find-match .fmWrapper .bmm-row .bml-info .male-name,
.find-match .fmWrapper .bmm-row .bml-info .male-name a {
    color: #26377d;
    text-decoration: none;
}

.hltd-mem .fmWrapper .bmm-row .bml-info .male-name,
.hltd-mem .fmWrapper .bmm-row .bml-info .male-name a {
    color: #26377d;
}

.find-match .fmWrapper .panel-heading .bmm-row .notes a {
    color: #1683fa;
}

.find-match .fmWrapper .bmm-row p {
    margin-bottom: 0;
}

.find-match .fmWrapper .bmm-row .col-pic {
    display: table-cell;
    min-width: 100px;
    padding-right: 15px;
    vertical-align: middle;
    width: 6%;
}

.find-match .fmWrapper .bmm-row .col-pic .bml-profile-pic {
    display: table-cell;
    height: 70px;
    position: relative;
    vertical-align: middle;
    width: 70px;
}

.find-match .fmWrapper .bmm-row .col-pic .bml-profile-pic .icon-mail {
    background: rgba(0, 0, 0, 0) url(../images/sprites.png) no-repeat scroll -212px -16px;
    bottom: -8px;
    display: block;
    height: 26px;
    position: absolute;
    right: -5px;
    width: 26px;
}

.find-match .fmWrapper .bmm-row .col-pic .bml-profile-pic .icon-msg {
    background: rgba(0, 0, 0, 0) url(../images/sprites.png) no-repeat scroll -294px -16px;
    bottom: -8px;
    display: block;
    height: 26px;
    right: -5px;
    position: absolute;
    width: 26px;
    z-index: 1;
}

.find-match .fmWrapper .bmm-row .col-pic .bml-profile-pic .icon-call {
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -252px -16px;
    display: block;
    left: -5px;
    bottom: -8px;
    z-index: 1;
}

.find-match .fmWrapper .bmm-row .col-pic .bml-profile-pic .img {
    border: 1px solid #d2d2d2;
    border-radius: 17px;
    height: 75px;
    overflow: hidden;
    width: 75px;
    position: relative;
}

.find-match .fmWrapper .bmm-row .col-pic .bml-profile-pic .img .gold {
    position: absolute;
    padding: 2px;
    background: #ffad00;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.find-match .fmWrapper .bmm-row .col-pic .bml-profile-pic .img .basic {
    position: absolute;
    padding: 2px;
    background: #26377d;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.find-match .fmWrapper .bmm-row .col-pic .bml-profile-pic .img img {
    max-width: 100%;
}

.find-match .src-filter .btn-search {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 4px 15px;
    cursor: pointer;
    background: #fff;
}

.find-match .src-filter .btn-search:hover {
    background: #006400;
    color: #fff;
}

.find-match .fmWrapper .bmm-row .bmm-col .btn-find,
.find-match .fmWrapper .bmm-row .bmm-col .btn-review {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    background: #fff;
    display: block;
    max-width: 160px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-align: center;
    text-decoration: none;
}

.find-match .fmWrapper .bmm-row .bmm-col .btn-eliminate {
    color: #b10000;
    border: solid 2px #b10000;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    line-height: 1.2;
    background: #fff;
    display: block;
    max-width: 160px;
    width: 100%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-align: center;
    text-decoration: none;
    margin: 0;
}

.find-match .fmWrapper .bmm-row .bmm-col .btn-eliminate.btn-eliminate-green {
    color: #006400;
    border: solid 2px #006400;
}

.add-member .notification-box {
    float: right;
}

.notification-box .btn-accept,
.notification-box .btn-eliminate {
    margin-top: 5px;
    margin-left: 10px;
    float: right;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    background: #fff;
    display: block;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-align: center;
    text-decoration: none;
}

.notification-box .btn-accept {
    color: #006400;
    border: solid 2px #006400;
    width: 160px;
}

.notification-box .btn-eliminate {
    color: #b10000;
    border: solid 2px #b10000;
}

.add-member .notification-box .btn-accept,
.add-member .notification-box .btn-eliminate {
    float: left;
}

.find-match .fmWrapper .bmm-row .bmm-col .btn-find+.btn-find,
.find-match .fmWrapper .bmm-row .bmm-col .btn-review+.btn-review {
    margin-top: 5px;
}

.find-match .fmWrapper .bmm-row .bmm-col .btn-find:hover,
.find-match .fmWrapper .bmm-row .bmm-col .btn-review:hover,
.notification-box .btn-accept:hover {
    background: #006400;
    color: #fff;
    text-decoration: none;
}

.notification-box .btn-eliminate:hover {
    background: #b10000;
    color: #fff;
    text-decoration: none;
}

.find-match .fmWrapper .bmm-row .bmm-col .btn-unhighlight {
    color: #b10000;
    border: solid 2px #b10000;
    border-radius: 4px;
    padding: 3px 20px;
    cursor: pointer;
    background: #fff;
    display: inline-block;
    margin-bottom: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    min-width: 200px;
    text-align: center;
    text-decoration: none;
}

.find-match .fmWrapper .bmm-row .bmm-col .btn-unhighlight:hover {
    background: #b10000;
    color: #fff;
}

.find-match .btn-row {
    text-align: center;
    padding: 35px;
}

.find-match .btn-back {
    color: #000064 !important;
    background-color: transparent;
}

.find-match .btn-back {
    font-size: 13px;
    line-height: 1.4;
    padding: 3px 15px;
}

.innerPage .btn-blue {
    line-height: 1.4;
    padding: 3px 15px;
}

.innerPage .btn-blue.btn-trans {
    line-height: 1.2;
}

.innerPage .modal {
    height: 100%;
}

.innerPage .modal-footer .btn-blue {
    margin-bottom: 5px;
}

.innerPage #MatchmakerGroup .btn-blue {
    line-height: 1.2;
}

.find-match .btn-back:hover {
    background-color: #000064;
    color: #fff !important;
}

.find-match .showing strong {
    color: #293b83;
}

.find-match .add-view-note {
    display: table-cell;
    vertical-align: top;
    width: 400px
}

.find-match .add-view-note .form-group {
    margin-bottom: 10px;
}

.find-match .add-view-note .btns {
    text-align: right;
}

.find-match .add-view-note .btns .btn {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 4px 15px;
    cursor: pointer;
    background: #fff;
    font-size: 13px;
}

.find-match .add-view-note .btns .btn:hover {
    background: #006400;
    color: #fff;
}

.find-match .add-view-note .btns .btn+.btn {
    margin-left: 10px;
}


/*********************end Find Match page *********************/

li.insetCont {
    position: relative;
    border-bottom: 1px solid #e66e3e;
}

li.insetCont .sub-menu {
    position: absolute;
    border: 1px solid #e66e3e;
    padding: 5px 5px;
    color: #e66e3e;
    margin: 0px 0px 0 0;
    min-width: 140px;
    background: #fff;
    border-radius: 4px;
    top: 0;
    right: 100%;
    display: none;
}

.newProfilePage .newViewProfile li.insetCont .sub-menu {
    position: relative;
    top: auto;
    right: auto;
    color: #26377d;
    border: 0;
    border-radius: 0;
}

.newProfilePage .newViewProfile li.insetCont .sub-menu a.ddLinksBlack {
    padding-left: 45px;
}

li.insetCont:hover .sub-menu {
    display: block;
}

li.insetCont a .fa-caret-right {
    display: inline-block;
    vertical-align: 0;
    margin-left: 5px;
}

li.insetCont a:hover .fa-caret-right {
    color: #fff;
}

.newProfilePage .newViewProfile li.insetCont a:hover .fa-caret-right {
    color: #26377d
}

li.insetCont .sub-menu li {
    list-style: none;
}

li.insetCont .sub-menu li a {
    color: #e66e3e;
    padding: 0 5px;
    margin: 0;
    line-height: 1.8em;
    display: block;
    text-decoration: none;
}

li.insetCont .sub-menu li a:hover {
    background: #e66e3e;
    color: #fff;
    text-decoration: none;
}


/* Edit Question css*/

.edit-qa .note-small {
    font-size: 11px;
    border-top: solid 1px #cfcfcf;
    padding-top: 15px;
    margin-top: 15px;
}

.edit-qa .note-small p {
    margin: 0 0 4px 0;
    padding: 0;
}

.edit-qa .edit-qtn {
    margin-bottom: 15px !important;
}

.edit-qa .edit-qtn .panel-heading {
    color: #ff6600;
    font-size: 16px;
}

.edit-qa .btn-spellcheck {
    background: #fff;
    border: 2px solid #006400;
    border-radius: 4px;
    color: #006400 !important;
    cursor: pointer;
    font-size: 13px;
    margin: 4px 0px;
    padding: 4px 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    display: inline-block;
    text-decoration: none;
}

.edit-qa .btn-spellcheck:hover {
    background: #006400 !important;
    color: #fff !important;
    text-decoration: none;
}

.edit-qa .btn-addqty {
    background: #fff;
    border: 2px solid #006400;
    border-radius: 4px;
    color: #006400 !important;
    cursor: pointer;
    font-size: 13px;
    margin: 4px 0px;
    padding: 4px 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    display: inline-block;
    text-decoration: none;
}

.edit-qa .btn-addqty:hover {
    background: #006400 !important;
    color: #fff !important;
    text-decoration: none;
}

.edit-qa .btn-group {
    margin-top: 25px;
    display: block;
    text-align: center;
}

.edit-qa .btn-group .form-group {
    display: inline-block;
}

.edit-qa .btn-group .form-group .btn-save {
    background: #000064;
    color: #fff;
    width: 100px;
    margin: 0 10px;
}

.edit-qa .btn-group .form-group .btn-cancel {
    background: #797979;
    color: #fff;
    width: 100px;
    text-decoration: none;
}


/*end Edit Question css*/


/* Find specific person css*/

.fmf-specific-person .match-info {
    margin-bottom: 20px;
    display: table;
    width: 100%;
}

.fmf-specific-person .match-info .mi-info {
    display: table-cell;
    vertical-align: top;
}

.fmf-specific-person .match-info .mi-photo {
    display: table-cell;
    vertical-align: middle;
}

.fmf-specific-person .match-info .mi-photo .mip-container {
    position: relative;
    width: 200px;
}

.fmf-specific-person .match-info .mi-photo img {
    width: 100%;
    max-height: 200px;
    max-width: 200px;
}

.fmf-specific-person .match-info .mi-photo .gold {
    background: #ffad00;
    color: #fff;
    padding: 4px;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.fmf-specific-person .match-info .mi-info {
    padding-left: 15px;
    padding-top: 15px;
}

.fmf-specific-person .pl .fsp-btns {
    display: inline-block;
}

.fmf-specific-person .match-info p span {
    color: #1683fb;
}

.fmf-specific-person .match-info h4 {
    margin: 0 0 8px;
    font-size: 16px;
}

.fmf-specific-person .match-info .female-name {
    color: #bf193c;
}

.fmf-specific-person .match-info .male-name {
    color: #193cbf;
}

.fmf-specific-person .match-info h4~.selectWrapper {
    max-width: 440px;
}

@media only screen and (min-width: 1600px) {
    .fmf-specific-person .fsp-flds {
        margin-top: 12px;
    }

    .membership-ad.platinumBanner .row-mem .vertical-center {
        width: 570px;
    }
}

.fmf-specific-person .fsp-flds .btn-findname {
    background: #fff;
    border: 2px solid #006400;
    border-radius: 4px;
    color: #006400 !important;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    margin: 0px;
    padding: 6px 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    display: inline-block;
    text-decoration: none;
}

.fmf-specific-person .fsp-flds .btn-findname:hover {
    background: #006400;
    color: #fff !important;
    text-decoration: none;
}

.fmf-specific-person .fsp-flds .btn-cancel {
    background: #fff;
    border: 2px solid #b10000;
    border-radius: 4px;
    color: #b10000 !important;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    margin: 0px;
    padding: 6px 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    display: inline-block;
    margin-left: 10px;
    text-decoration: none;
}

.fmf-specific-person .fsp-flds .btn-cancel:hover {
    background: #b10000;
    color: #fff !important;
    text-decoration: none;
}

.fmf-specific-person .mi-info-row {
    display: table;
    width: 100%;
}

.fmf-specific-person .mi-info-row .mi-info-col {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px;
}

.fmf-specific-person .mi-info-row .mi-info-col:first-child {
    padding-left: 0;
}

.fmf-specific-person .mi-info-row .mi-info-col .labelInputWrapper {
    margin: 0;
}

.fmf-specific-person .mi-info-row .mi-info-col:last-child {
    width: 280px;
}


/* end Find specific person css*/


/*Update Progress Report*/

.update-prog-match h5 {
    line-height: normal;
    margin-top: 0;
    font-weight: 400;
}

.update-prog-match .form-table {
    display: table;
    width: 100%;
}

.update-prog-match .form-group.phone-txt {
    width: 85%;
}

.update-prog-match .form-group {
    display: table-cell;
    vertical-align: middle;
}

.update-prog-match .form-group.btn-group {
    padding-left: 10px;
}

.update-prog-match .form-group .labelInputWrapper {
    margin: 0;
}

.update-prog-match .form-group .btn-save {
    background: #000064 none repeat scroll 0 0;
    color: #fff;
    margin: 0 10px;
    width: 100px;
}

.update-prog-match .form-group .btn-cancel {
    background: #797979 none repeat scroll 0 0;
    color: #fff;
    width: 100px;
}

.update-prog-match .form-group select.form-control {
    background-color: #fff;
}

a.btn-add-comment {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 4px 15px;
    font-weight: 400;
    font-size: 13px;
    cursor: pointer;
    margin: 10px 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    display: inline-block;
    text-decoration: none;
}

a.btn-add-comment:hover {
    background: #006400;
    color: #fff;
    text-decoration: none;
}


/*end Update Progress Report*/

.panel-body .match-comment-block {
    border-bottom: solid 2px #ccc;
    padding-bottom: 20px;
}

.panel-body .match-comment-block p {
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word;
}

.src-filter .form-group .selectWrapper .select-space {
    padding-top: 14px;
    padding-bottom: 2px;
    padding-left: 6px;
}

.src-filter .form-group .selectWrapper .selectname {
    left: 7px;
    top: 3px;
}

.src-filter .form-group .labelInputWrapper.wrapperActive,
.src-filter .form-group .labelInputWrapper.wrapperFocus {
    padding-top: 14px;
    padding-bottom: 2px;
    padding-left: 6px;
    margin-bottom: 0;
}

.src-filter .form-group .labelPlaceholder.labelFocus {
    left: 7px;
    top: 3px;
}

.src-filter .row {
    margin-left: -5px;
    margin-right: -5px;
}

.src-filter .row div[class^="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}


/* .hltd-mem .src-filter.mymem-src-filter .row+.row:before {
    content: "";
    display: block;
    border-top: solid 1px #d9d9d9;
    padding-top: 5px;
    margin: 0 5px;
} */

.src-filter>.row>div[class^="col-"]:first-child {
    border: 0 !important;
}


/* .hltd-mem .bmmWrapper .bmm-row .col-pic {
    width: auto;
} */

.browseAll-MM .bmmWrapper .bmm-row .bmm-col-name .btn-add {
    background: #fff;
    border: 2px solid #006400;
    border-radius: 4px;
    color: #006400;
    max-width: 145px;
    padding: 2px 10px;
    text-align: center;
    display: inline-block;
    margin-top: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none;
}

.browseAll-MM .bmmWrapper .bmm-row .bmm-col-name .btn-add:hover {
    background: #006400;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.mymatch-advsrc .src-filter {
    padding: 5px 10px;
}

.mymatch-advsrc .gray-box h5 {
    display: inline-block;
}

.mymatch-advsrc .gray-box input.btn-find,
.adminWrapper .src-filter .btn-find {
    /* Added for Admin Views - Mehul*/
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    background: #fff;
    display: inline-block;
    margin-top: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-align: center;
    text-decoration: none;
}

.mymatch-advsrc .gray-box input.btn-find:hover,
.adminWrapper .src-filter .btn-find:hover {
    /* Added for Admin Views - Mehul*/
    background: #006400;
    color: #fff;
}

.mymatch-advsrc .gray-box .form-group,
.adminWrapper .gray-box .form-group {
    /* Added form Admin Views search button - Mehul*/
    margin-bottom: 5px;
}

.mymatch-advsrc .gray-box .labelInputWrapper.wrapperActive,
.mymatch-advsrc .gray-box .labelInputWrapper.wrapperFocus {
    margin: 0;
}


/* .mymatch-advsrc .src-filter.mymem-src-filter .row+.row:before {
    content: "";
    display: block;
    border-top: solid 1px #d9d9d9;
    padding-top: 5px;
    margin: 0 5px;
} */

.mymatch-advsrc .src-filter.mymem-src-filter .age-range {
    padding: 0;
}

.mem-index .src-filter,
.member_main .src-filter,
.hltd-mem .src-filter,
.myMatch-Wrapper .src-filter,
.saved-matches .src-filter,
.find-match-v2 .gray-box,
.member-myMatch .gray-box,
.adminWrapper .gray-box,
.blockedMMList .gray-box{
    /* Added form Admin Views search button - Mehul*/
    padding: 5px 10px;
    margin-bottom: 10px;
    position: relative;
}

.mem-index .src-filter .form-group {
    margin-bottom: 5px;
}

.mem-index .src-filter .labelInputWrapper.wrapperActive,
.mem-index .src-filter .labelInputWrapper.wrapperFocus {
    margin: 0;
}

.mem-index .src-filter input.btn-find {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    background: #fff;
    display: inline-block;
    margin-top: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-align: center;
    text-decoration: none;
    margin-left: 5px;
}

.mem-index .src-filter input.btn-find,
.mymatch-advsrc .gray-box input.btn-find,
.saved-matches input.btn-vasm,
.mymatch-advsrc input.btn-vasm,
.myMatch-Wrapper input.btn-vasm,
.mymatch-advsrc .bmmWrapper .bmm-row .bmm-col .btn-sndProfile,
.mymatch-advsrc .bmmWrapper .bmm-row .bmm-col .btn-find,
.mymatch-advsrc .bmmWrapper .bmm-row .bmm-col .btn-review,
.mymatch-advsrc .bmmWrapper .bmm-row .bmm-col .btn-cancelResend,
.mem-index .src-filter input.btn-find,
.find-match .fmWrapper .bmm-row .bmm-col .btn-find,
.find-match .fmWrapper .bmm-row .bmm-col .btn-review,
.notification-box .btn-accept,
.saved-matches .bmmWrapper .bmm-row .btn-review,
.saved-matches .bmmWrapper .bmm-row .btn-makematch,
.saved-matches .bmmWrapper .bmm-row .btn-cancel,
.hltd-mem .gray-box input.btn-find,
.find-match-v2 .gray-box input.btn-find,
.hltd-mem .bmmWrapper .bmm-row .bmm-col .btn-unhighlight,
.hltd-mem .bmmWrapper .bmm-row .bmm-col .btn-find,
.hltd-mem .bmmWrapper .bmm-row .bmm-col .btn-review,
.pm-table .mmWrapper .mm-row .mm-col .btn-reassign,
.pm-table .mmWrapper .mm-row .mm-col .btn-accept,
.hltd-mem .src-filter .btn-search,
.saved-matches .src-filter .btn-find,
.mm-report .gray-box input.btn-find {
    line-height: 1.2;
}

.find-match .fmWrapper .bmm-row .bmm-col .textSaved {
    padding: 5px 15px;
    text-align: center;
    display: block;
    max-width: 160px;
    line-height: 1.2;
    color: #b10000;
}

.mem-index .src-filter input.btn-find:hover {
    background: #006400;
    color: #fff;
}

.datingStatusSec>span {
    display: inline-block;
}

.compose-mail .cm-controls.no-bdr {
    border: 0;
    padding: 0;
}


/*Pending Members css*/

.pm-overview .accept strong {
    color: #00a60c;
    text-transform: uppercase;
    font-size: 16px;
}

.pm-overview .hold strong {
    color: #d40000;
    text-transform: uppercase;
    font-size: 16px;
}

.pm-overview .important strong {
    color: #ff6600;
    font-size: 18px;
}

.pm-table .mmWrapper .mm-row {
    display: table;
    width: 100%;
    border-bottom: solid 1px #dbdbdb;
    padding: 15px 0;
}

.pm-table .mmWrapper .panel-heading .mm-row {
    padding: 5px 0;
}

.pm-table .mmWrapper .mm-row .mm-col {
    display: table-cell;
    vertical-align: middle;
    width: 17%;
    word-break: break-all;
    word-wrap: break-word;
    word-break: break-word;
}

.pm-table .mmWrapper .mm-row .mm-col:first-child {
    width: 32%;
}

.pmTbl .mmWrapper .mm-row>.mm-col:first-child,
.hltdMember .bmmWrapper .bmm-row .bmm-col:first-child {
    width: 6%;
}

.pmTbl .mmWrapper .mm-row>.mm-col:last-child,
.hltdMember .bmmWrapper .bmm-row .bmm-col:last-child {
    width: 94%;
}

.pm-table .mmWrapper .mm-row .mm-col p {
    margin: 0;
}

.pm-table .mmWrapper .mm-row .mm-col p a {
    color: inherit;
}

.pm-table .mmWrapper .mm-row .mm-col .female-name {
    color: #bf193c;
}

.pm-table .mmWrapper .mm-row .mm-col .female-name a {
    color: #bf193c;
    text-decoration: none;
}

.pm-table .mmWrapper .mm-row .mm-col .male-name {
    color: #193cbf;
}

.pm-table .mmWrapper .mm-row .mm-col .male-name a {
    color: #193cbf;
    text-decoration: none;
}

.pm-table .mmWrapper .mm-row .mm-col .address,
.pm-table .mmWrapper .mm-row .mm-col .type {
    color: #000;
}

.pm-table .mmWrapper .mm-row .mm-col .btn-accept {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    display: block;
    margin-bottom: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    white-space: nowrap;
    text-align: center;
    max-width: 200px;
    text-decoration: none;
}

.pm-table .mmWrapper .mm-row .mm-col .btn-accept:hover {
    background: #006400;
    color: #fff;
    text-decoration: none;
}

.pm-table .mmWrapper a {
    color: #1683fb;
    cursor: pointer;
}

.pm-table .mmWrapper .mm-row .mm-col .btn-reassign {
    color: #b10000;
    border: solid 2px #b10000;
    border-radius: 4px;
    padding: 3px 5px;
    cursor: pointer;
    display: block;
    text-align: center;
    max-width: 200px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none;
}

.pm-table .mmWrapper .mm-row .mm-col .btn-reassign:hover {
    background: #b10000;
    color: #fff;
    text-decoration: none;
}

.pm-table .mmWrapper .mm-row .col-left {
    width: 30px;
}

.pm-table .mmWrapper .mm-row .col-pic {
    width: 6%;
    min-width: 90px;
    padding-right: 15px;
    display: table-cell;
    vertical-align: middle;
}

.pm-table .mmWrapper .mm-row .bml-info {
    display: table-cell;
    vertical-align: middle;
}

.pm-table .mmWrapper .mm-row .col-pic .bml-profile-pic {
    display: table-cell;
    width: 80px;
    height: 80px;
    vertical-align: middle;
    position: relative;
}

.pm-table .mmWrapper .mm-row .col-pic .bml-profile-pic .img {
    overflow: hidden;
    border-radius: 17px;
    border: solid 1px #d2d2d2;
    height: 75px;
    width: 75px;
    position: relative;
}

.pm-table .mmWrapper .mm-row .col-pic .bml-profile-pic .img img {
    max-width: 100%;
}

.pm-table .mmWrapper .mm-row .col-pic .bml-profile-pic .img .gold {
    position: absolute;
    padding: 2px;
    background: #ffad00;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.pm-table .mmWrapper .mm-row .col-pic .bml-profile-pic .icon-call {
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -252px -16px;
    display: block;
    left: -5px;
    bottom: -8px;
    z-index: 1;
}

.pm-table .mmWrapper .mm-row .col-pic .bml-profile-pic .icon-msg {
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -294px -16px;
    display: block;
    right: -5px;
    bottom: -8px;
    z-index: 1;
}

.pm-table .mmWrapper .mm-row .col-pic .bml-profile-pic .icon-mail {
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -212px -16px;
    display: block;
    right: -5px;
    bottom: -8px;
    z-index: 1;
}

.pm-table .mmWrapper .mm-row .mm-col .icon-call {
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -252px -16px;
    /*right:0;*/
    vertical-align: middle;
    display: none;
}

.pm-table .mmWrapper .mm-row .mm-col .icon-mail {
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -212px -16px;
    display: inline-block;
    right: 0;
    vertical-align: middle;
}

.pm-table .mmWrapper .mm-row .mm-col .approved {
    color: #009000;
}

.pm-table .mmWrapper .mm-row .mm-col .disapproved {
    color: #ff0000;
}

.pm-table .mmWrapper .mm-row .mm-col .prog span {
    color: #009000;
}

.pm-table .mmWrapper .mm-row .mm-col .prog span.blue {
    color: #26377d;
}

.pm-table .mmWrapper .mm-row .mm-col .date {
    /*padding-top: 10px;*/
}

.pm-table .mmWrapper .mm-row .mm-col .suggestion {
    font-size: 11px;
}

.pm-table .mmWrapper .mm-row .mm-col.action {
    /*min-width: 190px;*/
    padding-left: 10px;
}

.pm-table .mmWrapper .mm-row:last-child {
    border: 0;
}


/*end Pending Members css*/


/*MM View My Profile css*/

.mm-dfltgroup {
    font-size: 13px;
}

.mm-dfltgroup p label {
    color: #1683fb;
}

.editGeneral {
    background-color: #dadada;
}

a.editGeneral {
    background-image: url(../images/edit_btn_v2.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    white-space: nowrap;
    color: #848484;
    z-index: 999;
    font-size: 13px;
    line-height: 24px;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 50%;
}

a.editGeneral:hover {
    background-position: 0 -20px;
    border: 1px #29397f solid;
}


/*end MM View My Profile css*/


/*MM View MM Profile css*/

.view-mm-profile.mm-main .profile-info .mmprofile-pic {
    position: relative;
}

.mm-main .profile-info .mmprofile-pic .icon-msg {
    background: rgba(0, 0, 0, 0) url(../images/sprites.png) no-repeat scroll -294px -16px;
    bottom: -8px;
    display: block;
    height: 26px;
    right: -6px;
    position: absolute;
    width: 26px;
    z-index: 1;
}

.mm-main .profile-info .mmprofile-pic .icon-call {
    background: rgba(0, 0, 0, 0) url(../images/sprites.png) no-repeat scroll -252px -16px;
    bottom: -8px;
    display: block;
    height: 26px;
    left: -6px;
    position: absolute;
    width: 26px;
    z-index: 1;
}

.mm-main .profile-info .mmprofile-pic .icon-mail {
    background: rgba(0, 0, 0, 0) url(../images/sprites.png) no-repeat scroll -212px -16px;
    bottom: -8px;
    display: block;
    height: 26px;
    right: -6px;
    position: absolute;
    width: 26px;
    z-index: 1;
}


/*end MM View MM Profile css*/


/*#page-content-wrapper.mm-content-wrapper .panel-default > .panel-heading a {
    color: #000;
}

#page-content-wrapper.mm-content-wrapper .panel-default > .panel-heading a:hover,
#page-content-wrapper.mm-content-wrapper .panel-default > .panel-heading a:focus {
    color: #000;
    text-decoration: underline;
}*/

#page-content-wrapper .panel-default>.panel-heading a,
#page-content-wrapper .panel-default>.panel-heading {
    color: #000;
    text-decoration: none;
}

#page-content-wrapper .panel-default>.panel-heading a:hover,
#page-content-wrapper .panel-default>.panel-heading a:focus {
    color: #000;
    text-decoration: none;
}


/*cancel match css*/

.cancel-match-form {
    display: table;
    width: 100%;
    padding: 10px 0;
}

.cancel-match-form .cmf-fld,
.cancel-match-form .form-group,
.cancel-match-form .form-group.btn-group {
    display: table-cell;
    vertical-align: middle;
}

.cancel-match-form .cmf-fld {
    width: 85%;
}

.cancel-match-form .form-group .btn-cancel {
    background: #fff;
    border: 2px solid #b10000;
    border-radius: 4px;
    color: #b10000 !important;
    cursor: pointer;
    font-weight: 700;
    margin: 0px;
    padding: 4px 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    display: inline-block;
    margin: 0 10px;
    font-size: 13px;
}

.cancel-match-form .form-group .btn-cancel:hover {
    background: #b10000;
    color: #fff !important;
}

.cancel-match-form .form-group .btn-back {
    background: #fff;
    border: 2px solid #006400;
    border-radius: 4px;
    color: #006400 !important;
    cursor: pointer;
    font-weight: 700;
    margin: 0px;
    padding: 4px 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    display: inline-block;
    font-size: 13px;
}

.cancel-match-form .form-group .btn-back:hover {
    background: #006400;
    color: #fff !important;
}


/*end cancel match css*/


/*********************Make Match page *********************/

.make-match .match-info {
    border-bottom: solid 1px #ddd;
    padding: 10px 0;
    margin-bottom: 15px;
}

.make-match .match-info .name {
    font-size: 18px;
}

.make-match .match-info .btn-hgltmem {
    color: #bf193c;
    border: solid 2px #bf193c;
    border-radius: 4px;
    padding: 4px 20px;
    cursor: pointer;
    background: #fff;
    text-decoration: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 0 0 4px 0;
    display: inline-block;
}

.make-match .match-info .btn-hgltmem:hover {
    background: #bf193c;
    color: #fff;
}


/*
.review-profile .male-match,
.review-profile .female-match {
    margin-bottom: 15px;
}*/

.review-profile .rp-plus:before {
    content: "\2212";
}

.review-profile .rp-plus.glyphicon-plus:before {
    content: "\002b";
}

.make-match .male-match .match-info .name span {
    color: #1683fb;
}

.make-match .female-match .match-info .name span {
    color: #bf193c;
}

.make-match .match-pic .pic,
.make-match .match-pic .info {
    vertical-align: top;
    padding: 0;
}

.make-match .match-pic .info {
    padding-left: 20px;
}

.make-match .match-pic .pic img {
    max-height: 135px;
    max-width: 135px;
}

.make-match .match-pic .pic {
    width: 100px;
}

.make-match .match-pic .pic .icon-call {
    left: -10px;
}

.make-match .match-pic .info .imgs {
    margin-top: 14px;
}

.make-match .match-pic .info .row-address {
    display: table;
    width: 100%;
}

.make-match .male-match .match-pic .info .name {
    color: #193cbf;
    font-size: 18px;
}

.make-match .female-match .match-pic .info .name {
    color: #bf193c;
    font-size: 18px;
}

.make-match .match-pic .info .redNote {
    font-size: inherit;
}

.make-match .match-infotbl .col-infotbl+.col-infotbl.not-match {
    color: #cc0000;
    font-weight: bold;
    text-align: right;
}

.redNote {
    color: #cc0000;
    font-size: 16px;
    margin-bottom: 15px;
}


/*********************end Make Match page page *********************/

.shalachmanot .mm {
    font-size: 16px;
    color: #26377d;
    margin: 5px;
}

.shalachmanot .mm+.mm {
    margin-bottom: 15px;
}

.shalachmanot h3 {
    color: #26377d;
    border-bottom: solid 1px #d9d9d9;
    padding-bottom: 10px;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 22px;
    margin-top: 0;
}

.shalachmanot h5 {
    color: #26377d;
    padding-bottom: 10px;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 18px;
}

.shalachmanot label {
    font-weight: 300;
}

.shalachmanot input.form-control {
    display: inline-block;
    margin-top: 5px;
    /*max-width: 100px;*/
}

.shalachmanotfound .bigtxt {
    font-size: 16px;
    margin-top: 15px;
}

.shalachmanotfound .btn-row {
    text-align: center;
    padding: 35px;
}

.shalachmanotfound .btn-row .btn-homepage {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    font-size: 13px;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none;
}

.shalachmanotfound .btn-row .btn-homepage:hover {
    text-decoration: none;
    background: #006400;
    color: #fff;
}

.shalachmanot .banner-shalachmanot {
    text-align: center;
    color: #560375;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
}

.shalachmanot hr {
    margin: 10px 0;
}
/* made changes by dhiraj 09-02-2024 Purim Basket Campaign 2024 */
.shalachmanot .banner-shalachmanot img {
    margin-right: 0px;
    display: inline-block;
    vertical-align: middle;
}
/* made changes by dhiraj 09-02-2024 Purim Basket Campaign 2024 */
.shalachmanot .banner-shalachmanot span {
    display: inline-block;
    vertical-align: middle;
}

.shalachmanot .shalachmanot-hdiw {
    margin-bottom: 20px;
}

.shalachmanot .shalachmanot-hdiw ul {
    padding: 0 0 0 16px;
    margin: 0 0 10px 0;
}

.shalachmanot .shalachmanot-hdiw ul li {
    padding: 4px 0;
    margin: 0;
}

.shalachmanot .shalachmanot-hdiw h5 {
    font-size: 18px;
}

.shalachmanot .shalachmanot-hdiw h5 strong {
    color: #202e69;
}

.shalachmanot .shalachmanot-hdiw .note span {
    color: #cc0000;
}

.shalachmanot .smmm-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.shalachmanot .smmm-list label {
    font-weight: normal;
}

.shalachmanot .smmm-list li {
    display: inline-block;
    width: 24%;
    vertical-align: top
}

.shalachmanot .smmm-list li label {
    padding-left: 20px;
    position: relative;
}

.shalachmanot .smmm-list li input {
    float: left;
    margin-right: 8px;
    position: absolute;
    left: 0;
}

.shalachmanot .smmm-list li p {
    display: block;
    vertical-align: text-bottom;
    overflow: hidden;
}

.shalachmanot .btn-continue {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    background: #fff;
    text-decoration: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 0 0 4px 0;
    display: inline-block;
}

.shalachmanot .btn-continue:hover {
    background: #006400;
    color: #fff;
    text-decoration: none;
}

.shalachmanot .monthly-plan .block-plan .month {
    font-size: 16px;
    text-align: left;
    font-weight: 400;
}

.shalachmanot .monthly-plan .block-plan .month p {
    margin: 0 0 4px;
}

.shalachmanot .monthly-plan .block-plan .features p {
    margin: 0 0 4px;
    display: table;
    width: 100%;
}

.shalachmanot .monthly-plan .block-plan .features p span {
    display: table-cell;
}

.shalachmanot .monthly-plan .block-plan .features p span+span {
    text-align: right;
}

.shalachmanot .monthly-plan .block-plan .price span {
    vertical-align: 8px;
}


/*********************Saved Matches page*********************/

.saved-matches .bmmWrapper .bmm-row {
    display: table;
    width: 100%;
}

.saved-matches .bmmWrapper .bmm-row:last-child {
    border: 0 none;
}

.saved-matches .bmmWrapper .panel-heading .bmm-row a {
    color: #1683fa;
}

.saved-matches .bmmWrapper .panel-heading .bmm-row a:hover,
.saved-matches .bmmWrapper .panel-heading .bmm-row a:focus {
    color: #1683fa;
    text-decoration: none;
}

.saved-matches .bmmWrapper .panel-body .bmm-row {
    padding: 5px 0;
    width: 100%;
    border-top: 1px solid #dbdbdb;
}

.saved-matches .bmmWrapper .panel-body .bmm-row:first-child {
    border-top: 0;
}

.saved-matches .bmmWrapper .bmm-row .bmm-col {
    display: table-cell;
    vertical-align: middle;
    width: 20%;
    padding: 6px 10px;
}

.saved-matches .bmmWrapper .bmm-row .bmm-col:last-child {
    width: 20%;
}

.saved-matches .bmmWrapper .bmm-row .bmm-col.name-details {
    width: 30%;
}

.saved-matches .bmmWrapper .bmm-row .maleStatus,
.saved-matches .bmmWrapper .bmm-row .femaleStatus {
    width: 14%;
}

.saved-matches .bmmWrapper .bmm-row .bml-info {
    display: table-cell;
    vertical-align: middle;
    word-break: break-word;
}

.saved-matches .bmmWrapper .bmm-row .bml-info .female-name,
.saved-matches .bmmWrapper .bmm-row .bml-info .female-name a {
    color: #bf193c;
    text-decoration: none;
}

.saved-matches .bmmWrapper .bmm-row .bml-info .male-name,
.saved-matches .bmmWrapper .bmm-row .bml-info .male-name a {
    color: #193cbf;
    text-decoration: none;
}

.saved-matches .bmmWrapper .bmm-row .bml-info .female-name,
.saved-matches .bmmWrapper .bmm-row .bml-info .female-name a,
.saved-matches .bmmWrapper .bmm-row .bml-info .male-name,
.saved-matches .bmmWrapper .bmm-row .bml-info .male-name a {
    word-break: break-all;
}

.saved-matches .bmmWrapper .bmm-row .notes a {
    color: #1683fa;
}

.saved-matches .bmmWrapper .bmm-row .bml-info .address {
    color: #00288b;
}

.saved-matches .bmmWrapper .bmm-row .bml-info .type {
    color: #009000;
}

.saved-matches .bmmWrapper .bmm-row p {
    margin-bottom: 2px;
}

.saved-matches .bmmWrapper .bmm-row .col-pic {
    display: table-cell;
    min-width: 90px;
    padding-right: 15px;
    vertical-align: middle;
    width: 6%;
}

.saved-matches .bmmWrapper .bmm-row .col-pic .bml-profile-pic {
    display: table-cell;
    height: 70px;
    position: relative;
    vertical-align: middle;
    width: 70px;
}

.saved-matches .bmmWrapper .bmm-row .col-pic .bml-profile-pic .icon-mail {
    background: rgba(0, 0, 0, 0) url(../images/sprites.png) no-repeat scroll -212px -16px;
    bottom: -8px;
    display: block;
    height: 26px;
    position: absolute;
    right: -8px;
    width: 26px;
    z-index: 1;
}

.saved-matches .bmmWrapper .bmm-row .col-pic .bml-profile-pic .icon-msg {
    background: rgba(0, 0, 0, 0) url(../images/sprites.png) no-repeat scroll -294px -16px;
    bottom: -8px;
    display: block;
    height: 26px;
    right: -8px;
    position: absolute;
    width: 26px;
    z-index: 1;
}

.saved-matches .bmmWrapper .bmm-row .col-pic .bml-profile-pic .icon-call {
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -252px -16px;
    display: block;
    left: -8px;
    bottom: -5px;
    z-index: 1;
}

.saved-matches .bmmWrapper .bmm-row .col-pic .bml-profile-pic .img {
    border: 1px solid #d2d2d2;
    border-radius: 17px;
    height: 75px;
    overflow: hidden;
    width: 75px;
    position: relative;
}

.saved-matches .bmmWrapper .bmm-row .col-pic .bml-profile-pic .img .gold {
    position: absolute;
    padding: 2px;
    background: #ffad00;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.saved-matches .bmmWrapper .bmm-row .col-pic .bml-profile-pic .img .basic {
    position: absolute;
    padding: 2px;
    background: #26377d;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.saved-matches .bmmWrapper .bmm-row .col-pic .bml-profile-pic .img img {
    max-width: 100%;
}

.saved-matches .gray-box .labelInputWrapper.wrapperActive,
.saved-matches .gray-box .labelInputWrapper.wrapperFocus {
    margin: 0;
}

.saved-matches .src-filter {
    padding: 5px 10px;
}

.saved-matches .src-filter>.row>div[class^="col-"]:first-child {
    border-right: solid 1px #cacaca;
}

.saved-matches .src-filter label {
    font-weight: 400;
}

.saved-matches .src-filter label input {
    vertical-align: -2px;
}

.saved-matches .src-filter .btn-search {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 12px 30px;
    cursor: pointer;
    background: #fff;
}

.saved-matches .gray-box .form-group {
    margin-bottom: 5px;
}

.saved-matches .src-filter .btn-search:hover {
    background: #006400;
    color: #fff;
}

.saved-matches .src-filter.mymem-src-filter .age-range {
    padding: 0;
}

.saved-matches .gray-box .gray-heading {
    margin-bottom: 5px;
}

.saved-matches .gray-box h5 {
    display: inline-block;
}

.saved-matches .src-filter .btn-find,
.saved-matches .src-filter .btn-review {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    background: #fff;
    display: inline-block;
    margin-top: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-align: center;
    text-decoration: none;
}

.saved-matches .src-filter .btn-find:hover,
.saved-matches .src-filter .btn-review:hover {
    background: #006400;
    color: #fff;
}

.saved-matches .bmmWrapper .bmm-row .bmm-col .btn-unhighlight {
    color: #b10000;
    border: solid 2px #b10000;
    border-radius: 4px;
    padding: 3px 20px;
    cursor: pointer;
    background: #fff;
    display: inline-block;
    margin-bottom: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    min-width: 200px;
    text-align: center;
    text-decoration: none;
}


/* .saved-matches .src-filter.mymem-src-filter .row+.row:before {
    content: "";
    display: block;
    border-top: solid 1px #d9d9d9;
    padding-top: 5px;
    margin: 0 5px;
} */

.saved-matches .bmmWrapper .bmm-row .bmm-col .btn-unhighlight:hover {
    background: #b10000;
    color: #fff;
}

.mymatch-advsrc-icons {
    font-size: 15px;
}

.mymatch-advsrc-icons a {
    margin-right: 20px;
    color: #000;
    text-decoration: none;
}

.mymatch-advsrc-icons .msgssmallicon {
    background: url(../images/sprites.png) no-repeat;
    background-position: -110px -288px;
    width: 30px;
    height: 19px;
}

.mymatch-advsrc-icons .mmsmallicon {
    background: url(../images/sprites.png) no-repeat;
    background-position: -58px -287px;
    width: 32px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.saved-matches .bmmWrapper .bmm-row .bmm-col .redStatus {
    color: #f00;
}

.saved-matches .bmmWrapper .bmm-row .bmm-col .blueStatus {
    color: #26377d;
}

.saved-matches .bmmWrapper .bmm-row .bmm-col .greenStatus {
    color: #00a60c;
}

.saved-matches .bmmWrapper .bmm-row .bmm-col .btn-sndProfile {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    background: #fff;
    display: block;
    margin-bottom: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    min-width: 200px;
    text-align: center;
    text-decoration: none;
}

.saved-matches .bmmWrapper .bmm-row .bmm-col .btn-sndProfile:hover {
    background: #006400;
    color: #fff;
}

.saved-matches .bmmWrapper .bmm-row .bmm-col .btn-cancelResend {
    color: #b10000;
    border: solid 2px #b10000;
    border-radius: 4px;
    padding: 3px 5px;
    cursor: pointer;
    background: #fff;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    min-width: 200px;
    text-align: center;
    text-decoration: none;
}

.saved-matches .bmmWrapper .bmm-row .bmm-col .btn-cancelResend:hover {
    background: #b10000;
    color: #fff;
}

.saved-matches input.btn-vasm,
.mymatch-advsrc input.btn-vasm,
.myMatch-Wrapper input.btn-vasm {
    color: #006400 !important;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    font-size: 13px;
    cursor: pointer;
    background: #fff;
    text-decoration: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-right: 10px;
    display: inline-block;
    font-weight: normal;
}

.saved-matches .btn-vasm:hover,
.mymatch-advsrc input.btn-vasm:hover {
    background: #006400;
    color: #fff !important;
}

.saved-matches .bmmWrapper .bmm-row .btn-review,
.saved-matches .bmmWrapper .bmm-row .btn-makematch {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    background: #fff;
    display: block;
    margin-bottom: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-align: center;
    text-decoration: none;
    max-width: 200px;
}

.saved-matches .bmmWrapper .bmm-row .btn-review:hover,
.saved-matches .bmmWrapper .bmm-row .btn-makematch:hover {
    background: #006400;
    color: #fff;
}

.saved-matches .bmmWrapper .bmm-row .btn-cancel {
    color: #b10000;
    border: solid 2px #b10000;
    border-radius: 4px;
    padding: 3px 5px;
    cursor: pointer;
    display: block;
    background: #fff;
    max-width: 200px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-align: center;
    text-decoration: none;
}

.saved-matches .bmmWrapper .bmm-row .btn-cancel:hover {
    background: #b10000;
    color: #fff;
    text-decoration: none;
}


/*********************end Saved Matches page*********************/


/*********************MM photo upload page*********************/

.mm-photo .addImageInner {
    min-height: 225px;
    padding-top: 24%;
}

.mm-photo .eachImage .eachImageInner {
    cursor: default;
}

.mm-errormsg {
    text-align: inherit;
    padding: 5px 20px;
}

.mm-photo .eachImage .deleteImage {
    float: none;
}


/*********************end MM photo upload page*********************/


/*********************start accordion*********************/

.accordion {
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.accordion+.accordion {
    margin-top: 10px;
}

#both .accordion+.accordion {
    margin-top: 12px;
}

.accordion .accordion-heading,
#both .accordion .accordion-heading {
    color: #000;
    font-size: 16px;
    position: relative;
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
    background-color: #f5f5f5;
}

#both .table>tbody>tr>td {
    border-top: none;
    /* border-bottom: 1px solid #ddd; */
    border-bottom: none;
}

#both .table>tbody>tr:last-child>td {
    border-top: none;
    border-bottom: none;
}

.accordion.close-accordion .accordion-body {
    display: none;
}

.accordion.open-accordion .accordion-body {
    display: block;
}

.accordion-body-inner {
    padding: 10px;
}

.accordion-title-icon {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 50%;
    right: 10px;
    margin-top: -7px;
}

.accordion-title-icon:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 4px;
    margin-top: -2px;
    background: #333;
}

.accordion-title-icon:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 4px;
    margin-left: -2px;
    background: #333;
}

.open-accordion .accordion-title-icon:after {
    display: none;
}


/*********************end accordion*********************/


/********myMember-Home / Pending Member**********/

.mymember-home .panel-danger {
    border-color: #F1B400;
}

.mymember-home .panel-danger>.panel-heading {
    background: #FFFBE4;
    border-color: #F1B400;
    color: #F1B400;
}

.mymember-home .vnp-warning .panel-body .msg-warning {
    padding: 5px 10% 5px 5px;
}


/********myMember-Home / Pending Member**********/

.custom-qtn {
    margin: 10px 0;
    display: none;
}

.custom-qtn textarea {
    margin-bottom: 10px;
}

.custom-qtn .btn-save {
    width: 100px;
    margin: 0 10px;
}

.custom-qtn .btn-cancel {
    background: #797979;
    color: #fff;
    width: 100px;
}

.mm-edit-relation .mm-table .mm-table-cell {
    vertical-align: top;
}

.mm-edit-relation .btn-green-line {
    padding: 5px 15px;
}
.mm-edit-relation .cell-width100 .btn-green-line {
    margin: 3px 0 0 10px;
}
.mm-edit-relation .btn-group {
    display: block;
    margin-top: 25px;
    text-align: center;
}

.mm-edit-relation .btn-group .form-group {
    display: inline-block;
}

.mm-edit-relation .btn-group .form-group .btn-save {
    background: #000064 none repeat scroll 0 0;
    color: #fff;
    margin: 0 5px;
    min-width: 100px;
}

.mm-edit-relation .btn-group .form-group .btn-cancel {
    background: #797979 none repeat scroll 0 0;
    color: #fff;
    width: 100px;
    margin: 0 5px;
}

.member-searchMM .searchMM-name,
.member-searchMM .search-MMlocation {
    margin-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.member-searchMM .searchMM-criteria {
    margin-bottom: 20px;
}

.member-searchMM h5 {
    color: #ff6600;
    font-size: 18px;
}

.member-searchMM .btn-searchname {
    border-radius: 4px;
    line-height: normal;
    margin: 0;
    padding: 4px 15px;
    vertical-align: middle;
    color: #006400 !important;
    background: transparent;
    display: inline-block;
    width: 170px;
    font-size: 13px;
}

.member-searchMM .btn-searchname:hover {
    background: #006400;
    color: #fff !important;
}

.member-searchMM .searchMM-name .nameMM-row,
.member-searchMM .search-MMlocation .locationMM-row {
    display: table;
    width: 100%;
}

.member-searchMM .searchMM-name .nameMM-row .nameMM-col-left,
.member-searchMM .search-MMlocation .locationMM-row .locationMM-col-left {
    display: table-cell;
    vertical-align: middle;
}

.member-searchMM .search-MMlocation .locationMM-row .locationMM-col-right {
    display: table-cell;
    width: 200px;
}

.member-searchMM .searchMM-name .nameMM-row .nameMM-col-right {
    display: table-cell;
    width: 400px;
}

.member-searchMM .searchMM-name .nameMM-row .nameMM-col-right .for-radiotn {
    display: inline-block;
    padding-left: 30px;
    padding-top: 6px;
}

.member-searchMM .searchMM-name .nameMM-row .nameMM-col-right .for-radiotn .radio-on {
    display: inline-block;
    margin: 0 10px 6px 0;
    font-weight: 400;
}

.member-searchMM .searchMM-name .nameMM-row .nameMM-col-right .btnnameMM {
    display: inline-block;
}

.member-searchMM .searchMM-criteria .selMM-label {
    color: #1683fa;
    margin-bottom: 5px;
}

.member-searchMM .searchMM-criteria .chks input[type="checkbox"] {
    vertical-align: -2px;
    margin-right: 6px;
}

.member-searchMM .searchMM-criteria .chks {
    display: inline-block;
    margin: 0 10px 6px 0;
    font-weight: 400;
}

.member-searchMM .searchMM-criteria .acceptablePlaces .acceptablePlacesLeft {
    width: 25%;
}

.member-searchMM .searchMM-criteria .acceptablePlaces .checkboxWrapper span {
    display: inline-block;
    margin: 0 10px 6px 0;
}

.member-searchMM .searchMM-criteria .acceptablePlaces input[type="checkbox"] {
    vertical-align: -2px;
    margin-right: 6px;
}

.member-searchMM .searchMM-criteria .acceptablePlaces .checkbox {
    display: inline-block;
    font-weight: 400;
    margin: 0;
}

.review-profile .row-btn {
    padding: 30px 0;
    text-align: right;
}

.review-profile .btn-row {
    text-align: center;
}

.review-profile .btn-blue-check {
    margin-top: 30px;
}

.review-profile .btn-back {
    color: #000064 !important;
    background-color: transparent;
}

.review-profile .btn-back:hover {
    background: #000064;
    color: #fff !important;
}

.btn-green-line {
    border: 2px solid #006400;
    border-radius: 4px;
    color: #006400 !important;
    background: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    padding: 3px 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    margin: 0 0 5px 5px;
    line-height: 1.2;
    text-decoration: none !important;
}

.btn-green-line:hover {
    background: #006400;
    color: #fff !important;
}

.btn-red-line {
    border: 2px solid #b10000;
    border-radius: 4px;
    color: #b10000 !important;
    background: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    padding: 3px 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    margin: 0 0 5px 5px;
    line-height: 1.2;
    text-decoration: none !important;
}

.btn-red-line:hover {
    background: #b10000;
    color: #fff !important;
}

.mm-edit-relation .gray-box .labelInputWrapper {
    margin: 0;
}

.mm-table {
    display: table;
    width: 100%;
}

.mm-table .mm-table-row {
    display: table-row;
}

.mm-table .mm-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.mm-edit-relation .btn-today {
    margin: 0;
}

.cell-width100 {
    width: 100px;
}

.cell-width85 {
    width: 85px;
}


/*css for mm find match*/

.right-search-wrap {
    font-size: 16px;
    color: #000333;
    font-weight: normal;
    display: table;
}

.right-search-wrap .left-side {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 10px;
}

.right-search-wrap .right-side {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 10px;
}

.right-search-wrap .selectWrapper {
    background: #fff;
    border-radius: 4px;
}

.right-search-wrap .right-side .btn-src {
    background: #fff;
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 7px 10px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    max-width: 100px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.right-search-wrap .right-side .btn-src:hover {
    background: #006400;
    color: #fff;
}

.fm-form .memberLeft {
    width: 135px;
    float: left;
    margin-right: 15px;
}

.fm-form .memberRight {
    overflow: hidden;
}

.fm-form .mm-table-cell {
    padding: 0 5px;
    width: 20%;
}

.fm-form .mm-table-cell:first-child {
    width: 30%;
    padding-left: 0;
}

.fm-form .mm-table-cell:last-child {
    padding-right: 0;
}

.fm-form .form-group,
.fm-form .labelInputWrapper {
    margin-bottom: 8px;
}

.fm-form .row {
    margin-left: -5px;
    margin-right: -5px;
}

.fm-form div[class^='col-'] {
    padding-right: 5px;
    padding-left: 5px;
}

.previous-matches {
    border-top: solid 1px #d6d6d6;
    padding-top: 15px;
    margin-top: 10px;
}

.previous-matches .match-member {
    margin: 5px 0;
}

.previous-matches .match-member .innerBox {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

.previous-matches .match-member .matchMemberLeft,
.previous-matches .match-member .matchMemberRight {
    display: table-cell;
    vertical-align: top;
}

.previous-matches .match-member .matchMemberRight {
    padding-left: 10px;
}

.previous-matches .match-member .matchMemberRight p {
    margin-bottom: 0;
}

.previous-matches .matchMemberLeft {
    width: 60px;
    height: 60px;
}

.previous-matches .male-name {
    color: #000064;
}

.previous-matches .female-name {
    color: #bf193c;
}

.previous-matches .male-name a {
    color: #000064;
    text-decoration: none;
}

.previous-matches .female-name a {
    color: #bf193c;
    text-decoration: none;
}

.previous-matches .pre-matches {
    display: inline-block;
}

.find-match .fmWrapper .bmm-row .bmm-col.previous-match {
    width: 15%;
}

.find-match .fmWrapper .bmm-row .bmm-col.pd {
    width: 35%;
}

.find-match .owl-nav {
    text-align: center;
    margin-top: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%;
    left: 0;
}

.find-match .owl-nav .owl-next,
.find-match .owl-nav .owl-prev {
    width: 25px;
    height: 30px;
    margin: 0;
    color: #293b83;
    background: none;
    border: 0;
    font-size: 35px;
    line-height: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.find-match .owl-nav .owl-next {
    right: 0;
    position: absolute;
}

.find-match .owl-nav .owl-prev {
    left: 0;
    position: absolute;
}

.find-match .owl-nav .owl-next i,
.find-match .owl-nav .owl-prev i {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0
}


/*end css for mm find match*/

.am-warning+.note {
    margin-top: 10px;
}

.live-event {
    margin-bottom: 20px;
}

.live-event img:first-child {
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 10px 0 20px;
    margin-bottom: 20px;
}

.live-event img {
    width: 100%;
}


/*css by vn*/

.past-event {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(219, 219, 219);
    background-color: rgb(243, 243, 243);
    padding: 15px;
}

.past-event .owl-carousel {
    display: block;
}


/*.eventParticipation .owl-stage-outer {
    width: 88%;
    margin: 0 auto;
}*/

.past-event .owl-carousel .owl-nav,
.eventParticipation .owl-carousel .owl-nav {
    margin-top: 0;
}

.past-event .owl-carousel .owl-next,
.past-event .owl-carousel .owl-prev {
    border-style: solid;
    border-width: 2px;
    border-color: rgb(216, 226, 236);
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    -webkit-box-shadow: 1.753px 3.595px 4.9px 0.1px rgba(0, 0, 0, 0.41);
    box-shadow: 1.753px 3.595px 4.9px 0.1px rgba(0, 0, 0, 0.41);
    width: 56px;
    height: 56px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #00005f;
    font-size: 40px;
}

.eventParticipation .owl-carousel .owl-next,
.eventParticipation .owl-carousel .owl-prev {
    border-style: solid;
    border-width: 2px;
    border-color: rgb(216, 226, 236);
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    -webkit-box-shadow: 1.753px 3.595px 4.9px 0.1px rgba(0, 0, 0, 0.41);
    box-shadow: 1.753px 3.595px 4.9px 0.1px rgba(0, 0, 0, 0.41);
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #00005f;
    font-size: 40px;
}

.past-event .owl-carousel .owl-next i,
.past-event .owl-carousel .owl-prev i {
    margin: 0 !important;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.eventParticipation .owl-carousel .owl-next i,
.eventParticipation .owl-carousel .owl-prev i {
    margin: 0 !important;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 20px;
}

.past-event .owl-carousel .owl-prev,
.eventParticipation .owl-carousel .owl-prev {
    left: 0;
}

.past-event .owl-carousel .owl-next,
.eventParticipation .owl-carousel .owl-next {
    right: 0;
}

.past-event .owl-carousel .owl-dots,
.eventParticipation .owl-carousel .owl-dots {
    position: absolute;
    bottom: 1%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.removeBgColor:before {
    content: none;
    background: rgba(255, 255, 255, 0);
}

.removeBgColor .videoText {
    position: absolute;
    left: 0;
    bottom: 25px;
    right: 0;
    background: rgba(0, 0, 0, 0.25);
}

.removeBgColor .videoText h1 span.outlinedText {
    color: #e66e3e;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

#page-content-wrapper .btn-apply {
    color: #006400;
    font-size: 13px;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    background: #fff;
    text-decoration: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    display: inline-block;
    font-weight: 400;
    line-height: 1.42857143;
}

#page-content-wrapper .btn-apply:hover {
    background: #006400;
    color: #fff;
    text-decoration: none;
}

#page-content-wrapper .btn-apply-view-back {
    color: #b10000;
    font-size: 13px;
    border: solid 2px #b10000;
    border-radius: 4px;
    padding: 4px 15px;
    cursor: pointer;
    background: #fff;
    text-decoration: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 0 0 0 10px;
    display: inline-block;
    font-weight: 400;
    line-height: 1.42857143;
}

#page-content-wrapper .btn-apply-view-back:hover {
    background: #b10000;
    color: #fff;
    text-decoration: none;
}

.event-detail {
    border-bottom: 1px solid rgb(221, 221, 221);
    margin-bottom: 20px;
}

.event-detail p.title-text {
    font-size: 22px;
    line-height: 1.364;
    margin-bottom: 0;
}

.event-detail p.desc-text {
    font-size: 18px;
    line-height: 1.364;
    margin-top: 10px;
}

.event-detail p.details-text {
    font-size: 16px;
    line-height: 1.2;
}

.event-detail ul {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

.event-detail ul li {
    list-style: none;
}

.event-detail ul li a {
    font-size: 16px;
    line-height: 1.2;
}

.event-detail p.details-text a:first-child {
    margin-top: 20px;
}

.event-detail .event-img-desc {
    background-color: #222a35;
    margin-bottom: 20px;
}

.event-detail .event-img-desc img {
    margin: 20px 0px 0px;
    width: 100%;
}

.event-detail .event-img-desc .event-details-image {
    padding: 25px 20px;
}

.event-detail .event-img-desc .event-details-image img {
    width: auto;
    display: inline-block;
    margin: 0px;
}

.event-detail .event-img-desc ul.event-details-desc {
    display: inline-block;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
    padding-left: 25px;
}

.event-detail .event-img-desc ul.event-details-desc li {
    list-style: none;
}

.event-detail .event-img-desc ul.event-details-desc li p,
.event-detail .event-img-desc ul.event-details-desc li p a {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.2;
    text-decoration: none;
    margin-bottom: 5px;
}

.event-detail .contact-info {
    background-color: rgba(219, 219, 219, 0.3);
    padding: 10px 15px;
    margin-bottom: 25px;
}

.event-detail .contact-info p {
    display: block;
    font-size: 18px;
    line-height: 1.667;
    color: #000;
}

.event-detail .contact-info a {
    margin-left: 12px;
}

.payment-event>div {
    margin: 0 0 10px 0;
    min-width: 500px;
    width: 100%;
}

.payment-event-detail {
    display: table;
}

.payment-event-detail-desc,
.payment-event-detail-location {
    display: table-cell;
}

.payment-event-detail-desc {
    width: 66.66%;
}

.payment-event-detail-desc p.title-text {
    font-size: 20px;
    line-height: 1.364;
}

.roomoptions-form .options-box,
.addon-form .options-box {
    border: dashed 1px #d9d9d9;
    vertical-align: middle;
    padding: 15px 25px;
}

.payment-event-detail-location {
    width: 33.33%;
}

.roomoptions-form .options-box {
    margin: 0 0 15px;
    border: solid 1px #d8d8d8;
    border-top: 0;
}

.addon-form .options-box {
    margin: 15px 0;
}

.roomoptions-form .options-header {
    background-color: rgba(248, 248, 248, 0.75);
    vertical-align: middle;
    padding: 15px 25px;
    text-align: center;
    border: solid 1px #d8d8d8;
    border-bottom: 0;
}

.payment-event-detail-location ul {
    margin: 0 auto;
    padding: 0;
}

.payment-event-detail-location ul li {
    list-style: none;
}

.payment-event-detail-location ul li p {
    font-size: 16px;
    margin: 0;
}

.payment-event-detail-location ul li p span.question,
.payment-event-detail-location ul li p span.answer {
    display: inline-block;
}

.payment-event-detail-location ul li p span.question {
    color: #26377d;
}

.notification-section p {
    margin: 0;
    word-break: break-all;
    word-break: break-word;
    word-wrap: break-word;
}

.notification-section p.notification-email {
    font-size: 18px;
}

.notification-section p label {
    color: #000064;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    /*    width: 75%;*/
}

.notification-section label.checkboxWrap {
    color: #000064;
    font-weight: 300;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-right: 10px;
}

.notification-section .notification-form {
    margin-top: 10px;
}

.notification-section .nf-row {
    margin-left: -5px;
    margin-right: -5px;
}

.notification-section .nf-row:first-child {
    margin: 15px -5px 0;
}

.notification-section .nf-row .nf-col {
    padding-left: 5px;
    padding-right: 5px;
}

.notification-section .error-msgs,
.notification-box .error-msgs {
    background-color: #f2dede;
    padding: 10px 15px;
    border-radius: 4px;
    margin: 10px 0px;
}

.notification-box .success-msgs {
    background: #e0fad5;
    border: solid 1px #739f4f;
    padding: 10px 15px;
    border-radius: 4px;
    margin: 10px 0px;
}

.notification-section .error-msgs span,
.notification-box .error-msgs span {
    color: #b10000 !important;
    font-weight: 700;
}

.notification-box .success-msgs span {
    color: #006400 !important;
    font-weight: 700;
}

.notification-section .notification-form,
.notification-section .name-event-form,
.notification-section .roommate-form,
.notification-section .roomoptions-form,
.notification-section .addon-form,
.notification-section .credit-card-form {
    border-top: solid 1px #c6c6c6;
    padding: 10px 0px 5px;
    margin-top: 5px;
}

.notification-section .personal-info-form {
    border-top: solid 1px #c6c6c6;
    padding: 10px 0px 5px;
    margin-top: 15px;
}

.notification-section .credit-card-form {
    border-bottom: solid 1px #c6c6c6;
    padding-bottom: 20px;
    margin-bottom: 5px;
}

.notification-section .notification-form .heading,
.notification-section .name-event-form .heading,
.notification-section .roommate-form .heading,
.notification-section .personal-info-form .heading,
.notification-section .credit-card-form .heading {
    color: #26377d;
    padding-bottom: 10px;
    font-weight: bold;
    margin: 5px 0px 10px;
    font-size: 22px;
}

.notification-section .roomoptions-form .heading,
.notification-section .addon-form .heading {
    color: #26377d;
    padding-bottom: 5px;
    font-weight: bold;
    margin: 5px 0px 0px;
    font-size: 22px;
}

.notification-section .roomoptions-form .options-header .heading {
    color: #000;
}

.notification-section .roomoptions-form input[type=checkbox],
.notification-section .roomoptions-form input[type=radio],
.notification-section .addon-form input[type=checkbox],
.notification-section .addon-form input[type=radio] {
    margin: 4px 5px 0 0;
}

.notification-section .roomoptions-form .options-box .pull-right {
    margin-top: 6px;
}

.notification-section .options-box p label {
    color: #000;
    margin-top: 5px;
    margin-bottom: 0px;
}

.notification-section .credit-card-form .whats-this-padding {
    padding-right: 30px;
}

.notification-section .credit-card-form .whats-this {
    color: #1e87fb;
    border: solid 1px #1e87fb;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: block;
    text-align: center;
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 17px;
    z-index: 9;
}

.notification-section .credit-card-form .whats-this .tip {
    display: inline-block;
    position: absolute;
    border: solid 1px #c2c2c2;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    background: #fff;
    font-size: 13px;
    line-height: normal;
    color: #2E2E2E;
    width: 350px;
    border-radius: 4px;
    padding: 10px;
    text-align: left;
    display: none;
    right: 0;
}

.notification-section .credit-card-form .whats-this:hover .tip {
    display: block;
}

.mem-thanks p label {
    font-size: 16px;
    line-height: 1.875;
}

.mem-thanks .thanks-msg {
    border-bottom: 1px solid rgb(221, 221, 221);
    margin: 20px 0;
    border-top: 1px solid rgb(221, 221, 221);
    text-align: left;
    padding: 25px 0;
    line-height: 1.538;
}

.apply-button-right {
    float: right;
}

.mem-thanks .apply-button-right a {
    border-radius: 4px;
    padding: 4px 15px;
    font-size: 13px;
    line-height: normal;
    vertical-align: middle;
    margin: 5px 0px 0 10px;
}

.apply-button-right {
    float: right;
}

.event-detail .btn-confirm {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 0 10px 0 0;
    text-decoration: none;
    font-size: 13px;
}

.event-detail .btn-confirm:hover {
    background: #006400;
    color: #fff;
    text-decoration: none;
}

.event-detail .btn-cancel {
    color: #b10000;
    border: solid 2px #b10000;
    border-radius: 4px;
    padding: 4px 15px;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none;
    font-size: 13px;
}

.event-detail .btn-cancel:hover {
    background: #b10000;
    color: #fff;
    text-decoration: none;
}

.payment-event>div {
    margin: 0 0 10px 0;
    min-width: 500px;
    width: 100%;
}

.payment-event-detail {
    display: table;
}

.payment-event-detail-desc,
.payment-event-detail-location {
    display: table-cell;
}

.payment-event-detail-desc {
    width: 60%;
}

.payment-event-detail-location {
    width: 40%;
}

.payment-event-detail-location,
.roomoptions-form .options-box {
    vertical-align: middle;
    padding: 20px;
}

.payment-event-detail-location ul {
    margin: 0 auto;
    padding: 0;
}

.payment-event-detail-location ul li {
    list-style: none;
}

.payment-event-detail-location ul li+li {
    margin-bottom: 3px;
}

.payment-event-detail-location ul li p {
    font-size: 16px;
    margin: 0;
}

.payment-event-detail-desc .notification-section {
    margin-bottom: 0px;
}

.notification-section p {
    margin: 0;
    word-break: break-all;
    word-break: break-word;
    word-wrap: break-word;
}

.notification-section p.notification-email {
    font-size: 18px;
}

.event-detail p.title-text {
    font-size: 22px;
    line-height: 1.364;
    margin-bottom: 0;
}

.event-detail p.details-text {
    font-size: 16px;
    line-height: 1.2;
}

.event-detail ul {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

.event-detail ul li {
    list-style: none;
}

.event-detail ul li a {
    font-size: 16px;
    line-height: 1.2;
}

.event-detail p.details-text a:first-child {
    margin-top: 20px;
}

.event-detail .event-img-desc {
    background-color: #222a35;
    margin-bottom: 20px;
}

.event-detail .event-img-desc img {
    margin: 20px 0px 0px;
    width: 100%;
}

.event-detail .event-img-desc .event-details-image {
    padding: 25px 20px;
}

.event-detail .event-img-desc .event-details-image img {
    width: auto;
    display: inline-block;
    margin: 0px;
}

.event-detail .event-img-desc ul.event-details-desc {
    display: inline-block;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
    padding-left: 25px;
}

.event-detail .event-img-desc ul.event-details-desc li {
    list-style: none;
}

.event-detail .event-img-desc ul.event-details-desc li p,
.event-detail .event-img-desc ul.event-details-desc li p a {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.2;
    text-decoration: none;
    margin-bottom: 5px;
}

.event-detail .contact-info {
    background-color: rgba(219, 219, 219, 0.3);
    padding: 10px 15px;
    margin-bottom: 25px;
    margin-top: 10px;
}

.event-detail .contact-info p {
    display: block;
    font-size: 18px;
    line-height: 1.667;
    color: #000;
}

.event-detail .contact-info a {
    margin-left: 12px;
}

.roomoptions-form .selected-ro {
    border: solid 1px #d8d8d8;
    display: table;
    width: 100%;
    background: #f3f3f3;
}

.roomoptions-form .selected-ro .pkg-name {
    background-color: #fbfbfb;
    vertical-align: middle;
    padding: 15px;
    text-align: center;
    display: table-cell;
    width: 22.5%;
}

.roomoptions-form .selected-ro .pkg-name .heading {
    text-transform: uppercase;
}

.roomoptions-form .selected-ro .pkg-ans {
    display: table-cell;
    font-size: 18px;
    vertical-align: middle;
    padding: 15px 25px;
}

.roomoptions-form .selected-ro .pkg-ans label {
    max-width: 65%;
    vertical-align: middle;
    margin-left: 20px;
}

.roomoptions-form .selected-ro .addon-div .pkg-ans-block label {
    padding-left: 4px;
}


/*end css by vn*/

.edit-pkg {
    display: none;
}

.verify-payment {
    border-bottom: solid 1px #c6c6c6;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.subheading-blue {
    color: #26377d;
    padding-bottom: 10px;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 20px;
    margin-top: 0;
}

.verify-pkg {
    width: 50%;
}

.verify-pkg label {
    color: #26377d;
    font-weight: 400;
    margin: 0;
}

.verify-pkg .smallText {
    font-size: 13px;
}

.verify-pkg .mm-table-cell {
    padding-bottom: 4px;
    vertical-align: top;
}

.verify-pkg .mm-table-row>.mm-table-cell+.mm-table-cell {
    text-align: right;
    font-weight: 700;
    padding-left: 20px;
    white-space: nowrap;
}

.verify-pkg .mm-table-row .unit {
    text-align: left;
}

.fullVideoHeight {
    padding-bottom: 56.25%;
    background-attachment: scroll;
    padding-top: 0;
}

.btn-light-blue {
    color: #fff;
    background-color: #1683fb;
    border-color: #D1D1D1;
}

.btn-light-blue:hover {
    color: #1683fb;
    background-color: #fff;
    border-color: #1683fb;
}

.absolute-overlay {
    /*background-attachment: fixed;*/
}

.absolute-overlay:before {
    display: none;
}

.absolute-overlay .videoText {
    background: rgba(0, 0, 0, 0.5);
    padding: 20px 0;
}
.absolute-overlay.background-center-top {
    background-position: center top;
    background-attachment: scroll;
}

.imgpos-top {
    background-position: left 62px;
    background-size: 100% auto;
}

.mobileDevice .imgpos-top {
    background-position: left top;
}

li.insetCont .sub-menu {
    padding: 0;
}

li.insetCont .sub-menu li+li {
    border-top: 1px solid #e66e3e;
}

li.insetCont .sub-menu li a {
    text-decoration: none;
}

.team-members {
    margin-top: 20px;
}

.team-members .team_table_cell a {
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.team-members .team_table_cell a:hover:after {
    content: "\e015";
    position: absolute;
    font-family: 'Glyphicons Halflings';
    font-size: 25px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #1683FB;
}

.press_content .thumbnail {
    padding: 0;
    border: 0;
    margin-bottom: 15px;
}

.pressrelease .footer_bg-round {
    line-height: 52px;
}

.pressrelease .footer_bg-round a {
    display: inline-block;
    background: url(../images/no-repeat.png) no-repeat -82px -732px;
    padding: 0 0 0 32px;
    line-height: 22px;
    color: #696969;
}

.mobile_content {
    margin-bottom: 10px;
}

.pad-top20 {
    padding-top: 20px;
}

.bpad0 {
    padding: 0 !important;
}


/* Event Payment Page */

.notification-section .roomoptions-form .options-box {
    padding: 20px 20px 20px 40px;
}

.notification-section .roomoptions-form .options-box .ans-child input[type=radio] {
    margin: 4px 0 0;
    margin-left: -20px;
}

.notification-section .roomoptions-form .options-box .ans-child .radio {
    display: table-cell;
    width: 80%;
    /* min-width: 245px;*/
}

.notification-section .roomoptions-form .options-box .ans-child .price-right {
    display: table-cell;
    vertical-align: top;
    text-align: right;
}

.notification-section .roomoptions-form .options-box .ans-child {
    display: table;
    width: 100%;
}

.notification-section .roomoptions-form .options-box .ans-child:not(:first-child) {
    margin-top: 5px;
}


/* ends Event Payment Page */


/* Event Status Page */

.payment-event-detail-location ul li p {
    font-size: 13px;
    margin-top: 7px;
}

.event-detail p.details-text {
    font-size: 13px !important;
    margin-top: 9px;
    line-height: 1.4;
}

.event-detail p.title-text {
    font-size: 18px;
}

.event-detail p.desc-text {
    font-size: 16px;
}


/* event-payment-done-step-1 page */

.payment-event-detail-desc p.title-text {
    font-size: 18px
}

.roomoptions-form .selected-ro .pkg-name {
    width: 285px;
}

.roomoptions-form .selected-ro .pkg-ans label {
    max-width: 80%;
    /* max-width: 100%;*/
    /* margin-right: 20px;*/
}

.roomoptions-form .selected-ro .width-two .pkg-ans label {
    max-width: 80%;
    /* margin-right: 20px;*/
}

.roomoptions-form .selected-ro .pkg-ans-block label {
    max-width: 80%;
    /* margin-right: 20px;*/
}

.roomoptions-form .selected-ro .pkg-ans-block {
    display: block;
}

.roomoptions-form .selected-ro .pkg-ans-block:not(:last-child) {
    padding: 15px 25px 0px 25px;
}

.roomoptions-form .selected-ro .addon-div .pkg-ans-block:last-child {
    padding-bottom: 10px;
}

.roomoptions-form .selected-ro .pkg-parent {
    display: table-cell;
    vertical-align: middle;
}

.roomoptions-form .selected-ro .pkg-name-addon {
    border-top: 1px solid #ccc;
}

.roomoptions-form .selected-ro .div-parent {
    display: table;
    width: 100%;
}

.roomoptions-form .selected-ro .div-child {
    display: table-cell;
    /*   width: 50%;*/
    vertical-align: middle;
}

.roomoptions-form .selected-ro .addon-div {
    display: table;
    width: 100%;
    border-top: 1px solid #ccc;
}

.roomoptions-form .selected-ro .addon-div .pkg-ans {
    vertical-align: bottom;
}

.width-two {
    width: 50%;
}

.width-three {
    width: 33.33%;
}


/*.roomoptions-form .selected-ro .pkg-name-custom
{
    width: 245px;
}*/

.roomoptions-form .selected-ro .pkg-ans-block label.max-width-two,
.roomoptions-form .selected-ro .pkg-ans label.max-width-two {
    max-width: 70%;
}

.pkg-ans span.amount {
    margin-left: 10px;
    font-weight: 700;
}

.form-control-s {
    height: 28px;
    padding: 3px 12px;
    padding-right: 20px !important;
    display: inline-block;
    width: auto;
}

select.form-control-s::-ms-expand,
.languageChange select::-ms-expand {
    display: none;
}

.bsmc-to {
    max-width: 30px;
    line-height: 30px;
    padding: 0;
}

.innerPage .syas-mm .gold-basic h6 {
    font-size: 16px;
    color: #26377d;
}

.innerPage .syas-mm .gold-basic ul {
    list-style: none;
    margin: 0 0 0 10px;
    padding: 0;
}

.innerPage .syas-mm .gold-basic ul li {
    margin-bottom: 8px;
    padding-left: 15px;
    position: relative;
}

.innerPage .syas-mm .gold-basic ul li:before {
    content: "";
    background: url(../images/sprites.png) no-repeat -218px -67px;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
}

@media only screen and (max-width: 767px) {
    .pkg-ans span.amount {
        margin-left: 1px;
        font-weight: 700;
    }

    .equalHeightContainer .addressRight p.textselectEmail {
        word-break: break-all;
    }

    .ViewMProfile .equalHeightContainer .addressLeft,
    .ViewMProfile .equalHeightContainer .addressRight {
        padding-right: 0px;
        width: 50%;
    }

    .ViewMProfile .panel-group .panel+.panel {
        margin-top: 0;
    }

    .ViewMProfile .panel-group .panel {
        border-bottom: 1px solid#ddd;
        padding-bottom: 0;
    }
}

@media only screen and (min-width:1501px) and (max-width: 1700px) {

    .roomoptions-form .selected-ro .pkg-ans-block label,
    .roomoptions-form .selected-ro .pkg-ans label {
        max-width: 80%;
    }

    .roomoptions-form .selected-ro .pkg-ans label {
        max-width: 100%;
        /* margin-right: 20px;*/
    }
}

@media only screen and (min-width:1201px) and (max-width: 1500px) {

    .roomoptions-form .selected-ro .pkg-ans-block label,
    .roomoptions-form .selected-ro .pkg-ans label {
        max-width: 70%;
    }

    .roomoptions-form .selected-ro .pkg-ans-block label {
        max-width: 77%;
    }

    .event-status .featuredMember .featuredMemberLeft {
        display: block;
        width: 100%;
    }

    .event-status .featuredMember .featuredMemberRight {
        display: block;
        width: 100%;
    }

    .roomoptions-form .selected-ro .pkg-ans-block label.max-width-two,
    .roomoptions-form .selected-ro .pkg-ans label.max-width-two {
        max-width: 63%;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199px) {

    .roomoptions-form .selected-ro .pkg-ans-block label,
    .roomoptions-form .selected-ro .pkg-ans label {
        max-width: 80%;
    }

    /*   .roomoptions-form .selected-ro .pkg-ans-block label
    {
        max-width: 80%;
    }*/
    .roomoptions-form .selected-ro .pkg-ans label.max-width-two {
        max-width: 65%;
    }

    .roomoptions-form .selected-ro .div-child {
        display: block;
        width: 100%;
    }

    .roomoptions-form .selected-ro .div-parent {
        display: block;
        width: 100%;
    }

    .event-status .featuredMember .featuredMemberRight,
    .event-status .featuredMember .featuredMemberLeft {
        width: 100%;
        display: block;
    }

    /* .event-status .featuredMember .featuredMemberRight .btn-edit-application, .event-status .featuredMember .featuredMemberRight .btn-finish-application
{
    width: 114px;
}*/
    .payment-form .term-condition .set-width {
        width: 100%;
        min-width: 62.5%;
    }
}

@media only screen and (min-width:768px) and (max-width: 991px) {
    .roomoptions-form .selected-ro .addon-div .pkg-ans-block {
        padding: 15px 0px 0px 25px;
    }

    .roomoptions-form .selected-ro .addon-div .pkg-ans-block:last-child {
        padding-bottom: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .roomoptions-form .selected-ro .pkg-name {
        width: 100%;
    }

    .roomoptions-form .selected-ro .addon-div .pkg-parent {
        display: block;
    }

    .roomoptions-form .selected-ro .addon-div {
        border-top: none;
    }
}


/* ends event-payment-done-step-1 page */

@media only screen and (min-width:992px) {

    /****************************************** start Dashboard ***************************************/
    .menuOpen.menuText body {
        /*overflow: auto;*/
    }

    .menuOpen.menuText body.modal-open {
        /*overflow: hidden;*/
    }

    #sidebar-wrapper .sidebar-wrapper-inner {
        width: 50px;
    }

    .menuOpen #sidebar-wrapper .sidebar-wrapper-inner {
        width: 250px;
    }

    .sidebar-nav .hoverText,
    .sidebar-nav li a span.count,
    .sidebar-nav>.sidebar-brand .ptofilePicRight,
    .sidebar-nav li a span.rightArrow {
        display: none;
    }

    .menuText .sidebar-nav .hoverText,
    .menuText .sidebar-nav li a span.count,
    .menuText .sidebar-nav>.sidebar-brand .ptofilePicRight,
    .menuText .sidebar-nav li a span.rightArrow {
        display: block;
    }

    .sidebar-nav>.sidebar-brand .navProfilePicName {
        display: none;
    }

    .menuText .sidebar-nav>.sidebar-brand .navProfilePicName {
        display: block;
    }

    .sidebar-nav>.sidebar-brand .navProfilePicRight {
        position: fixed;
        left: -9999px;
        top: -9999px;
    }

    .menuText .sidebar-nav>.sidebar-brand .navProfilePicRight {
        position: relative;
        left: auto;
        top: auto;
    }

    .sidebar-nav a:hover .hoverText {
        display: block;
        /* white-space: pre-wrap; */
        position: absolute;
        left: 100%;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 3px 5px;
        margin-left: 5px;
        border-radius: 4px;
        background: #202e69;
    }

    .AdoptaShadchan .sidebar-nav a:hover .hoverText {
        background: #9a6cab;
    }

    .menuText .sidebar-nav a:hover .hoverText {
        display: block;
        position: relative;
        left: auto;
        top: auto;
        padding: 0;
        margin-left: 0;
        border-radius: 0;
        background: none;
        -webkit-transform: none;
        transform: none;
    }

    .sidebar-nav a:hover .hoverText:before {
        width: 0;
        height: 0;
        content: "";
        position: absolute;
        left: -5px;
        top: 50%;
        margin-top: -5px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-right: 5px solid #202e69;
    }

    .AdoptaShadchan .sidebar-nav a:hover .hoverText:before {
        border-right: 5px solid #9a6cab;
    }

    .menuText .sidebar-nav a:hover .hoverText:before {
        display: none;
    }

    /*.sidebar-nav a:hover .hoverText {
        display: block;
        white-space: pre;
        position: absolute;
        left: 100%;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 3px 5px;
        margin-left: 5px;
        border-radius: 4px;
        background: #202e69;
    }
    .menuText .sidebar-nav a:hover .hoverText {
        display: block;
    }
    .sidebar-nav a:hover .hoverText:before {
        width: 0;
        height: 0;
        content: "";
        position: absolute;
        left: -5px;
        top: 50%;
        margin-top: -5px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-right: 5px solid #202e69;
    }
    .menuText .sidebar-nav a:hover .hoverText:before {
        display: none;
    }*/

    .sidebar-nav>.sidebar-brand .ptofilePic {
        width: 40px;
        height: 40px;
        margin: 0;
        padding: 0;
    }

    .menuText .sidebar-nav>.sidebar-brand .ptofilePic {
        width: 95px;
        height: 95px;
        padding: 0;
        margin-bottom: 0;
        margin-right: 10px;
    }

    .sidebar-nav li.sidebar-brand {
        padding: 40px 5px 10px;
    }

    .menuText .sidebar-nav li.sidebar-brand {
        padding: 10px;
    }

    /*.menuText .sidebar-nav li a {
        padding-right: 0;
    }*/

    .search-mm .my-mm .mmm-col ul li .pokemmicon,
    .search-mm .my-mm .mmm-col ul li .messagemmicon,
    .search-mm .my-mm .mmm-col ul li .deletemmicon {
        margin-right: 10px;
    }

    .search-mm .my-mm .mmm-col .title .mmm-icons {
        width: 195px;
    }

    /****************************************** end Dashboard ***************************************/
}

.gray-heading .accordion-title-icon {
    display: none;
}

@media only screen and (max-width:1024px) {
    .payment-form .credit-card-details .term-condition .text-xs-center {
        text-align: left;
    }

    .payment-form .credit-card-details .existing-card .verify-cert {
        margin-left: 0px;
    }

    .payment-form .existing-card a.btn-agree {
        margin-top: 15px;
        margin-left: 0;
    }
}

@media only screen and (max-width:992px) {
    .review-profile.make-match .f-float {
        position: fixed;
        right: 0;
        top: 150px;
        padding: 15px;
        background: #bf193c url(../images/icon-female.png)no-repeat center;
        height: 38px;
        z-index: 9;
        display: block;
        width: 35px;
    }

    .mymatch-advsrc .bmmWrapper.bmmv2 .panel-body .bmm-row {
        border-top: solid 0;
        border-bottom: 0;
    }

    .menuClose .mymatch-advsrc .bmmWrapper .panel {
        display: block;
        width: 100%;
    }

    .menuClose .mymatch-advsrc .bmmWrapper .panel .panel-heading {
        display: none;
    }

    .menuClose .mymatch-advsrc .bmmWrapper .panel .panel-body {
        display: block;
    }

    .menuClose .mymatch-advsrc .bmmWrapper .bmm-row {
        display: block;
        border-bottom: solid 1px #dbdbdb;
    }

    .menuClose .mymatch-advsrc .bmmWrapper .bmm-row .bmm-col {
        display: block;
        width: 100%;
        border: 0;
        padding: 0;
    }

    .menuClose .mymatch-advsrc .bmmWrapper .bmm-row .bmm-col:before {
        content: attr(data-title);
        margin: 12px 0 5px 0;
        display: block;
        font-weight: 700;
        background: #f6f6f6;
        padding: 0 4px;
        line-height: 24px;
    }

    .menuClose .mymatch-advsrc .bmmWrapper .bmm-row .bmm-col:last-child {
        width: 100%;
    }

    .menuClose .mymatch-advsrc .optional-filter .of-row .of-cell {
        display: inline-block;
        width: 49%;
        margin-bottom: 10px;
    }

    .menuClose .mymatch-advsrc .optional-filter .of-row .of-cell:last-child {
        width: 25%;
    }

    .menuClose .mymatch-advsrc .mmWrapper .mm-row .mm-col .icon-call {
        display: inline-block;
    }

    .menuClose .mymatch-advsrc .mmWrapper .mm-row,
    .menuClose .mymatch-advsrc .mmWrapper .mm-row:last-child {
        width: 100%;
        vertical-align: top;
    }

    .menuClose .mymatch-advsrc .mmWrapper .mm-row .mm-col:first-child {
        width: 100%;
    }

    .menuClose .mymatch-advsrc .panel-default>.panel-heading {
        display: none;
    }

    .menuClose .mymatch-advsrc .mmWrapper .mm-row .mm-col:nth-child(3) {
        width: 100%;
    }

    .menuClose .mymatch-advsrc .mmWrapper .mm-row,
    .menuClose .mymatch-advsrc .mmWrapper .mm-row:last-child {
        display: inline-table;
        border: solid 1px #dbdbdb;
        padding: 15px;
        margin-bottom: 5px;
    }

    .menuClose .mymatch-advsrc .mmWrapper .mm-row .mm-col {
        display: block;
        vertical-align: middle;
        width: 100%;
    }

    .menuClose .mymatch-advsrc .mmWrapper .mm-row .mm-col:before {
        content: attr(data-title);
        margin: 15px 0 10px 0;
        display: block;
        font-weight: 700;
        background: #f6f6f6;
        padding: 0 4px;
        line-height: 24px;
    }

    .menuClose .mymatch-advsrc .mmWrapper .mm-row .mm-col.action {
        width: 100%;
        text-align: left;
    }

    .mymatch-advsrc .bmmWrapper .bmm-row .bmm-col .btn-sndProfile,
    .mymatch-advsrc .bmmWrapper .bmm-row .bmm-col .btn-cancelResend {
        display: inline-block;
    }

    /* shalach manot css */
    .shalachmanot .banner-shalachmanot {
        text-align: left;
        width: 100%;
        font-size: 50px;
        line-height: normal;
    }

    /*.shalachmanot .banner-shalachmanot img,
    .shalachmanot .banner-shalachmanot span {
        display: table-cell;
        vertical-align: middle;
        margin: 0;
    }*/

    .shalachmanot .banner-shalachmanot span {
        padding-left: 30px;
    }

    .shalachmanot .smmm-list li {
        display: inline-block;
        width: 48%;
    }

    /* /.shalach manot css */
    /*********************My match adv search page*********************/
    .mymatch-advsrc .bmmWrapper .panel {
        display: block;
        width: 100%;
    }

    .mymatch-advsrc .bmmWrapper .panel .panel-heading {
        display: none;
    }

    .mymatch-advsrc .bmmWrapper .panel .panel-body {
        display: block;
    }

    .mymatch-advsrc .bmmWrapper .bmm-row,
    .hltd-mem .bmmWrapper .bmm-row,
    .pending-member .mmWrapper .mm-row,
    .member-myMatch .mmWrapper .mm-row{
        display: block;
        position: relative;
        border-bottom: 0;
    }

    .viewScore .view-score .vs-scores .vs-row {
        position: relative;
        border-bottom: 0;
    }

    .mymatch-advsrc .bmmWrapper .bmm-row:after,
    .hltd-mem .bmmWrapper .bmm-row:after,
    .pending-member .mmWrapper .mm-row:after,
    .saved-matches .bmmWrapper .bmm-row:after,
    .mem-index .mmWrapper .mm-row:after,
    .member-myMatch .mmWrapper .mm-row:after,
    .viewScore .view-score .vs-scores .vs-row:after{
        content: "";
        height: 1px;
        background: #dbdbdb;
        position: absolute;
        bottom: 0;
        width: calc(100% + 20px);
        left: -10px;
    }

    .mymatch-advsrc .bmmWrapper .bmm-row .bmm-col {
        display: block;
        width: 100%;
        border: 0;
        padding: 0;
    }

    .mymatch-advsrc .bmmWrapper .bmm-row .bmm-col:before {
        content: attr(data-title);
        margin: 12px 0 5px 0;
        display: block;
        font-weight: 700;
        background: #f6f6f6;
        padding: 0 4px;
        line-height: 24px;
    }

    .mymatch-advsrc .bmmWrapper .bmm-row .bmm-col.statusUpdate:before {
        content: attr(data-title);
        margin: 12px 0 5px 0;
        display: inline;
        font-weight: 500;
        background: transparent;
        padding: 0 0;
        line-height: 24px;
    }


    .saved-matches .bmmWrapper .bmm-row .statusUpdate p:first-child {
        display: inline;
    }

    .member-myMatch .mmWrapper .mm-row .matchmaker p:first-child {
        display: inline-block;
        margin-left: 2px;
    }

    .member-myMatch .mmWrapper .mm-row .matchmaker {
        margin: 10px 0 10px 0;
        padding-left: 80px;
    }

    .member-myMatch .mmWrapper .mm-row .bml-info {
        vertical-align: text-top;
    }

    .saved-matches .bmmWrapper .bmm-row .statusUpdate p .bold,
    .mymatch-advsrc .bmmWrapper .bmm-row .statusUpdate p .bold {
        font-weight: normal;
    }

    .mymatch-advsrc .bmmWrapper .bmm-row .bmm-col.name-details {
        width: 100%;
    }

    .mymatch-advsrc .bmmWrapper .bmm-row .bmm-col.maleStatus,
    .mymatch-advsrc .bmmWrapper .bmm-row .bmm-col.femaleStatus {
        margin: -5px 0 0 80px;
        width: auto;
    }

    .mymatch-advsrc .bmmWrapper .bmm-row .bmm-col.maleStatus:before,
    .mymatch-advsrc .bmmWrapper .bmm-row .bmm-col.femaleStatus:before,
	.mymatch-advsrc .bmmWrapper .bmm-row .bmm-col.statusUpdate:before	{
        display: none;
    }

    .mymatch-advsrc .bmmWrapper .bmm-row .bmm-col:last-child {
        width: 100%;
    }

    .mymatch-advsrc .optional-filter .of-row .of-cell {
        display: inline-block;
        width: 49%;
        margin-bottom: 10px;
    }

    .mymatch-advsrc .optional-filter .of-row .of-cell:last-child {
        width: 25%;
    }

    .mymatch-advsrc .mmWrapper .mm-row .mm-col .icon-call {
        display: inline-block;
    }

    .mymatch-advsrc .mmWrapper .mm-row,
    .mymatch-advsrc .mmWrapper .mm-row:last-child {
        width: 100%;
        vertical-align: top;
    }

    .mymatch-advsrc .mmWrapper .mm-row .mm-col:first-child {
        width: 100%;
    }

    .mymatch-advsrc .panel-default>.panel-heading {
        display: none;
    }

    .mymatch-advsrc .mmWrapper .mm-row .mm-col:nth-child(3) {
        width: 100%;
    }

    .mymatch-advsrc .mmWrapper .mm-row,
    .mymatch-advsrc .mmWrapper .mm-row:last-child {
        display: inline-table;
        border: solid 1px #dbdbdb;
        padding: 15px;
        margin-bottom: 5px;
    }

    .mymatch-advsrc .mmWrapper .mm-row .mm-col {
        display: block;
        vertical-align: middle;
        width: 100%;
    }

    .mymatch-advsrc .mmWrapper .mm-row .mm-col:before {
        content: attr(data-title);
        margin: 15px 0 10px 0;
        display: block;
        font-weight: 700;
        background: #f6f6f6;
        padding: 0 4px;
        line-height: 24px;
    }

    .mymatch-advsrc .mmWrapper .mm-row .mm-col.action {
        width: 100%;
        text-align: left;
    }

    .mymatch-advsrc .bmmWrapper .bmm-row .bmm-col .btn-sndProfile,
    .mymatch-advsrc .bmmWrapper .bmm-row .bmm-col .btn-find,
    .mymatch-advsrc .bmmWrapper .bmm-row .bmm-col .btn-review,
    .mymatch-advsrc .bmmWrapper .bmm-row .bmm-col .btn-cancelResend {
        display: block;
        margin: 5px auto;
    }

    .mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .bmm-col .btn-sndProfile,
    .mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .bmm-col .btn-find,
    .mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .bmm-col .btn-review,
    .mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .bmm-col .btn-cancelResend {
        display: block;
        margin: 5px 20%;
    }

    .pm-table .mmWrapper .mm-row .mm-col .btn-accept,
    .pm-table .mmWrapper .mm-row .mm-col .btn-reassign {
        display: inline-block;
    }

    .hltd-mem .bmmWrapper .bmm-row .bmm-col .btn-find,
    .hltd-mem .bmmWrapper .bmm-row .bmm-col .btn-review {
        display: block;
    }
}

@media only screen and (max-width:1200px) {

    /*********************end My match adv search page*********************/
    .find-match .pre-match {
        padding: 0 30px;
    }
}

@media only screen and (max-width:1199px) {
    .menu .socialIcon {
        margin-left: 40px;
    }

    .videoText {
        bottom: 30px;
    }

    .headerVideoWrapper h1 {
        line-height: 40px;
    }

    .headerVideoWrapper h1 span {
        font-size: 36px;
        line-height: 40px;
    }

    .headerVideoWrapper p span {
        font-size: 18px;
    }

    /****************************************** start profile step ***************************************/
    .languageChange.rightPadding {
        padding-right: 0;
    }

    /****************************************** end profile step ***************************************/
    /****************************************** start Dashboard ***************************************/
    .headerTop .searchWrapper {
        left: 50%;
        margin-left: -162px;
    }

    .dashboardTopLeft {
        width: 100%;
    }

    .dashboardTopRight {
        width: 100%;
        margin-top: 9px;
    }

    /**************Match Section**************/
    .feature-match .f-left {
        display: table-cell;
        width: 105px;
        vertical-align: top;
    }

    .feature-match .f-left img {
        width: 100%;
    }

    .feature-match .f-right {
        padding-left: 22px;
        vertical-align: middle
    }

    /**************end Match Section**************/
    .notificationsWrapper {
        width: 100%;
    }

    .resp-tabs-container {
        min-height: 10px;
    }

    .findMatchWrapper,
    .expiringMatchesWrapper {
        width: 50%;
        margin-top: 5px;
    }

    .memberNotificationsWrapper {
        margin-top: 5px;
        width: 63%;
    }

    .activeMatchesWrapper {
        width: 37%;
        margin-top: 5px;
    }

    /****************************************** end Dashboard ***************************************/
    /*********************My Matches*******************/
    .my-matches .optional-filter .of-row .of-cell {
        display: inline-block;
        width: 25%;
        margin-bottom: 10px;
    }

    .my-matches .optional-filter .of-row .of-cell:last-child {
        width: 25%;
    }

    /*********************end My Matches*******************/
    .relationship-status {
        display: none;
    }

    .twoMM .mathmakerName {
        width: 35%;
    }

    .twomm-height,
    .feature-match {
        min-height: 0;
    }

    /********************* Member Refer *******************/
    .refer .img-responsive {
        width: 100%;
    }

    /********************* end Member Refer *******************/
    .membership-ad.banner5 {
        margin: 0 auto;
        width: 100%;
    }

    .membership-ad.banner8 .row-mem .col-mem:first-child {
        width: 100%;
    }

    .membership-ad.banner8 .row-mem .col-mem h3 {
        margin: 10px 0 10px;
    }

    .membership-ad .row-mem .col-mem,
    .membership-ad.banner5 .row-mem .col-mem {
        display: block;
        width: 100%;
    }

    .membership-ad.banner5 .row-mem .col-mem {
        padding-right: 0px;
    }

    .membership-ad .row-mem .col-mem .features {
        overflow: hidden;
    }

    .membership-ad.banner5 .row-mem .col-mem .features {
        font-size: 16px;
    }

    /********************* start Member Payment *******************/
    .payment-confirm-table .billing-info,
    .payment-confirm-table .cc-details {
        border: 0;
    }

    .payment-confirm-table .cc-details .card {
        max-width: 450px;
        margin-top: 20px;
    }

    .membership-ad.matchbox .row-mem .col-mem:first-child {
        width: 100%;
    }

    .membership-ad.matchbox .row-mem .col-mem .btn-gmgy {
        margin: auto;
    }

    .membership-ad.matchbox .row-mem .col-mem .features.threecol li {
        width: 50%;
    }

    /********************* end Member Payment *******************/
    /*********************Payment History*******************/
    .payment-history .payment-history-table {
        border-top: solid 1px #bababa;
        margin-top: 20px;
        padding-top: 40px;
    }

    .payment-history .payment-history-table h5 {
        color: #ff6600;
        font-size: 18px;
        font-weight: 700;
    }

    .payment-history .payment-history-table .ph-table {
        border: solid 1px #66c5df;
    }

    .payment-history .payment-history-table .ph-table .ph-row-head {
        display: none;
    }

    .payment-history .payment-history-table .ph-table .ph-col {
        display: table;
        padding: 2px 7px;
        width: 100% !important;
    }

    .payment-history .payment-history-table .ph-table .ph-col:before {
        content: attr(title)" :";
        display: table-cell;
        margin-right: 10px;
        color: #8E8E8E;
        width: 150px;
    }

    .payment-history .payment-history-table .ph-table .ph-row {
        padding: 15px;
    }

    /********************* end Payment History*******************/
    /*ad findyourbashert*/
    .membership-ad.findyourbashert .row-mem {
        display: block;
    }

    .membership-ad.findyourbashert .row-mem .col-mem:first-child {
        width: 100%;
        margin-bottom: 10px;
    }

    .membership-ad.findyourbashert .mem-married {
        text-align: center;
        font-size: 25px;
    }

    .membership-ad.findyourbashert .btn-gmgy {
        margin: auto;
    }

    .membership-ad.findyourbashert .row-mem .col-mem {
        display: inline-block;
        width: 68%;
    }

    .membership-ad.findyourbashert .row-mem .col-mem:last-child {
        text-align: right;
        width: 30%;
    }

    /*end ad findyourbashert*/
    /*ad matchbox*/
    .membership-ad.matchbox .row-mem .col-mem img {
        width: 100%;
    }

    /*end ad matchbox*/
    /*ad jjunction*/
    .membership-ad.jjunction .row-mem .col-mem img {
        width: 100%;
    }

    /*end ad jjunction*/
    /*ad yuconnects*/
    .membership-ad.yuconnects .row-mem .col-mem img {
        width: 100%;
    }

    /*end ad yuconnects*/
    /*ad jretromatch*/
    .membership-ad.jretromatch .row-mem .col-mem img {
        width: 100%;
    }

    /*end ad jretromatch*/
    /*ad jmontreal*/
    .membership-ad.jmontreal .row-mem .col-mem:first-child {
        width: 100%;
    }

    .membership-ad.jmontreal .row-mem .col-mem .btn-gmgy {
        margin: auto;
    }

    /*end ad jmontreal*/
    /* add mm page */
    .add-mm .add-mm-row .right {
        padding-top: 15px;
        text-align: left;
    }

    .add-mm .add-mm-row {
        display: block;
    }

    .add-mm .add-mm-row .left,
    .add-mm .add-mm-row .right {
        display: block;
    }

    .add-mm .add-mm-row .right .btn-group {
        text-align: left;
        white-space: nowrap;
    }

    .add-mm .add-mm-row .btn-add-mem {
        font-size: 13px;
    }

    .add-mm .add-mm-row .btn-cancelMM {
        font-size: 13px;
    }

    .add-mm .add-mm-row .right {
        width: auto;
    }

    .add-mm .add-mm-row .left span {
        min-height: 0;
    }

    /* end add mm page */
    /***********check for payment Page ***********/
    .checkfor-payments .membership-ad .row-mem .col-mem:first-child {
        font-size: 25px;
        margin-bottom: 10px;
        width: 100%;
    }

    /***********end check for payment Page ***********/
    .upgrade-memad .row-mem .col-mem .btn-gmgy {
        display: block;
        padding: 13px;
    }

    .upgrade-memad .row-mem .col-mem:last-child img {
        float: none !important;
    }

    .upgrade-memad .row-mem:last-child .col-mem:first-child {
        width: 50%;
        display: inline-block;
    }

    .upgrade-memad .row-mem .col-mem .features li {
        width: 100%;
    }

    .upgrade-memad .row-mem:last-child .col-mem:last-child {
        width: 50%;
        display: inline-block;
    }

    /* .payment-form .pf-row .pf-col.cc-number .form-control {
        padding: 6px;
        text-align: center;
    } */
    .suggest-match-form .row-btn {
        text-align: left;
    }

    /*********************Nasi dates report page*********************/
    .menuClose .nasi-date-report .ndr-table {
        display: block;
    }

    .menuClose .nasi-date-report .ndr-table .panel-body {
        display: block;
    }

    .menuClose .nasi-date-report .ndr-table .panel-heading {
        display: none;
    }

    .menuClose .nasi-date-report .row-match-info .ndr-col {
        border: 0;
        display: block;
        padding: 6px;
    }

    .menuClose .nasi-date-report .row-match-info .ndr-col:before {
        content: attr(data-title);
        margin: 5px 0 7px 0;
        display: block;
        font-weight: 700;
        background: #f6f6f6;
        padding: 0 4px;
        line-height: 24px;
        color: #000;
    }

    .menuClose .nasi-date-report .ndr-table .row-match-info {
        display: block;
        padding: 0;
        vertical-align: top;
        border: solid 1px #ddd;
        margin-bottom: 5px;
    }

    .menuClose .nasi-date-report .ndr-table .row-match-info:last-child {
        border: 0;
        padding-bottom: 0;
    }

    /*********************end Nasi dates report page*********************/
    /*********************Matchmaker Inbox*******************/
    .menuClose .search-inbox .form-table {
        width: 100%;
    }

    .menuClose .search-inbox .form-table .form-group {
        display: block;
        margin-bottom: 10px;
    }

    .menuClose .search-inbox .form-table .radios {
        display: table-row;
        width: 100%;
    }

    .menuClose .search-inbox .form-table .radios .form-group {
        display: inline-block;
        margin-bottom: 5px;
    }

    .menuClose .search-inbox .form-table .btn-group {
        display: table-row;
        width: 100%;
    }

    .menuClose .search-inbox .form-table .btn-group .form-group {
        display: inline-block;
        margin-top: 0
    }

    .menuClose .search-inbox .form-table .search-txt {
        display: block;
        width: 100%;
    }

    .menuClose .search-inbox .form-table .form-group .selectWrapper {
        display: block;
    }

    .menuClose .search-inbox .form-table .form-group .selectWrapper select.form-control {
        display: block;
        width: 100%;
    }

    /*********************end Matchmaker Inbox*******************/
    .menuClose .fmf-specific-person .mi-info-row .mi-info-col {
        display: block;
        padding: 0 0 8px 0;
    }

    /*********************end member index page*********************/
    .menuClose .mem-index .panel-default>.panel-heading {
        /* display: none; */
    }

    .menuClose .mem-index .mmWrapper .mm-row,
    .menuClose .my-matches .mmWrapper .mm-row:last-child {
        /* display: inline-table;
        border: solid 1px #dbdbdb;
        padding: 15px;
        margin-bottom: 5px; */
    }

    .menuClose .mem-index .mmWrapper .mm-row .mm-col {
        /* display: block;
        vertical-align: middle;
        width: 100% !important;
        text-align: left !important;
        padding: 8px 0 !important; */
    }

    .menuClose .mem-index .mmWrapper .mm-row .mm-col[data-title]:before {
        content: attr(data-title) ":";
        display: inline-block;
        font-weight: 400;
        line-height: 22px;
    }

    .menuClose .mem-index .mmWrapper .mm-row .mm-col.fm-days,
    .menuClose .mem-index .mmWrapper .mm-row .mm-col.active-matches,
    .menuClose .mem-index .mmWrapper .mm-row .mm-col.mutually-approved {
        padding: 0 !important;
        font-weight: 700;
    }

    /*********************end member index page*********************/
    /*********************Pending Members css*********************/
    .menuClose .pm-table .bmmWrapper .panel {
        display: block;
        width: 100%;
    }

    .menuClose .pm-table .bmmWrapper .panel .panel-heading {
        display: none;
    }

    .menuClose .pm-table .bmmWrapper .panel .panel-body {
        display: block;
    }

    .menuClose .pm-table .bmmWrapper .bmm-row {
        display: block;
        border-bottom: solid 1px #dbdbdb;
    }

    .menuClose .pm-table .bmmWrapper .bmm-row .bmm-col {
        display: block;
        width: 100% !important;
        border: 0;
        padding: 0;
    }

    .menuClose .pm-table .bmmWrapper .bmm-row .bmm-col:before {
        content: attr(data-title);
        margin: 5px 0 10px 0;
        display: block;
        font-weight: 700;
        background: #f6f6f6;
        padding: 0 4px;
        line-height: 24px;
    }

    .menuClose .pm-table .bmmWrapper .bmm-row .bmm-col:last-child {
        width: 100%;
    }

    .menuClose .pm-table .optional-filter .of-row .of-cell {
        display: inline-block;
        width: 49%;
        margin-bottom: 10px;
    }

    .menuClose .pm-table .optional-filter .of-row .of-cell:last-child {
        width: 25%;
    }

    .menuOpen .pm-table .mmWrapper .mm-row .mm-col .icon-call {
        display: inline-block;
    }

    .menuOpen .pm-table .mmWrapper .mm-row,
    .menuOpen .pm-table .mmWrapper .mm-row:last-child {
        width: 100%;
        vertical-align: top;
    }

    .menuOpen .pm-table .mmWrapper .mm-row .mm-col:first-child {
        width: 100%;
    }

    .menuOpen .pmTbl .mmWrapper .mm-row .mm-col:first-child,
    .menuOpen .hltdMember .bmmWrapper .bmm-row .bmm-col:first-child {
        width: 6%;
    }

    .menuOpen .pm-table .panel-default>.panel-heading,
    .menuOpen .hltd-mem .panel-default>.panel-heading,
    .menuOpen .mymatch-advsrc .bmmWrapper.bmmv2 .panel-default>.panel-heading {
        display: none;
    }

    .menuOpen .pm-table .mmWrapper .mm-row .mm-col:nth-child(3) {
        width: 100%;
    }

    .menuOpen .pm-table .mmWrapper .mm-row,
    .menuOpen .pm-table .mmWrapper .mm-row:last-child {
        display: inline-table;
        margin-bottom: 5px;
    }

    .menuOpen .pmTbl .mmWrapper .mm-row .mm-col,
    .menuOpen .hltd-mem .bmmWrapper .bmm-row .bmm-col {
        display: table-cell;
        vertical-align: top;
    }

    .menuOpen .pmTbl .mmWrapper .mm-row .mm-col .mm-subcol,
    .menuOpen .hltd-mem .bmmWrapper .bmm-row .bmm-col,
    .menuOpen .hltdMember .bmmWrapper .bmm-row .bmm-col .bmm-subcol {
        display: block;
        width: 100%;
    }

    .menuOpen .hltdMember .bmmWrapper .bmm-row .bmm-col,
    .menuOpen .pm-table .mmWrapper .mm-row .mm-col {
        display: table-cell;
        vertical-align: top;
    }

    .menuOpen .pm-table .mmWrapper .mm-row .mm-col[data-title]:before,
    .menuOpen .hltd-mem .bmmWrapper .bmm-row .bmm-col:before {
        content: attr(data-title);
        display: inline;
        font-weight: 500;
        padding: 0;
        line-height: 24px;
    }

    .menuOpen .pm-table .mmWrapper .mm-row .mm-col:nth-child(2),
    .menuOpen .hltd-mem .bmmWrapper .bmm-row .bmm-col.notes {
        margin-top: -10px;
    }

    .menuOpen .pending-member .pm-table .mmWrapper .mm-row .mm-col:nth-child(2),
    .menuOpen .pending-member .pm-table .mmWrapper .mm-row .mm-col:nth-child(3),
    .menuOpen .pending-member .pm-table .mmWrapper .mm-row .mm-col:nth-child(4),
    .menuOpen .pending-member .pm-table .mmWrapper .mm-row .mm-col.action {
        margin-left: 90px;
    }

    .menuOpen .pm-table .mmWrapper .mm-row .mm-col.action {
        width: 100%;
        text-align: left;
        padding: 10px 0 0 0;
    }

    .menuOpen .hltd-mem .bmmWrapper .bmm-row .bmm-col.notes p:first-child,
    .menuOpen .hltd-mem .bmmWrapper .bmm-row .bmm-col:nth-child(4) p:first-child {
        display: inline-block;
    }

    .menuOpen .hltd-mem .bmmWrapper .bmm-row .bmm-col:nth-child(3):before,
    .menuOpen .member_main .bmmWrapper .bmm-row .bmm-col.mmscol:before {
        display: none;
    }

    .menuOpen .hltd-mem .bmmWrapper .bmm-row .bmm-col.notes,
    .menuOpen .hltd-mem .bmmWrapper .bmm-row .bmm-col:nth-child(3),
    .menuOpen .hltd-mem .bmmWrapper .bmm-row .bmm-col:nth-child(4),
    .menuOpen .hltd-mem .bmmWrapper .bmm-row .bmm-col:last-child,
    .menuOpen .hltd-mem .bmmWrapper .bmm-row .bmm-col.action,
    .menuOpen .hltd-mem .bmmWrapper .bmm-row .bmm-col.mmscol,
    .menuOpen .hltd-mem .bmmWrapper .bmm-row .bmm-col.status {
        margin-left: 80px;
    }

    .menuOpen .mm-report .bmmWrapper .bmm-row .bmm-col.mmscol,
    .menuOpen .mm-report .bmmWrapper .bmm-row .bmm-col.name,
    .menuOpen .hltd-mem .bmmWrapper .bmm-row .bmm-col.status {
        width: 100%;
    }

    .menuOpen .mm-report .bmmWrapper .bmm-row .bmm-col.profile-d {
        padding-left: 0;
    }

    .menuOpen .hltd-mem .bmmWrapper .bmm-row .bmm-col.notes p strong {
        font-weight: 500;
    }

    .gray-heading .accordion-title-icon {
        display: block;
    }

    .menuOpen .mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .bmm-col.name-details {
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }

    .menuOpen .mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .bml-info {
        display: block;
        margin-top: 15px;
    }

    .menuOpen .mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .bmm-col.statusUpdate {
        display: block;
        width: 230px;
        margin: 10px 25% 10px;
    }

    .menuOpen .mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .bmm-col:last-child {
        text-align: center;
        width: 100%;
        display: block;
    }

    .menuOpen .mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .bmm-col .btn-sndProfile,
    .menuOpen .mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .bmm-col .btn-find,
    .menuOpen .mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .bmm-col .btn-review,
    .menuOpen .mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .bmm-col .btn-cancelResend {
        display: block;
        margin: 5px 25%;
    }

    .menuOpen .hltd-mem .bmmWrapper .bmm-row .bmm-col.status {
        margin-top: 10px;
    }

    /*********************end end Pending Members css*********************/
    .menuClose .browseAll-MM .inbox-controls .showing {
        display: block;
        width: 100%;
        text-align: left;
        padding-top: 8px;
        border-top: solid 1px #efeeee;
        margin-top: 10px;
    }

    /* shalach manot css */
    .shalachmanot .banner-shalachmanot {
        font-size: 26px;
    }
    .shalachmanot .banner-shalachmanot img {
        width: 200px;
    }
    

    /* .shalach manot css */
    .menuOpen .fm-form .mm-table-row {
        display: block;
    }

    .menuOpen .fm-form .mm-table-cell,
    .fm-form .mm-table-cell:first-child {
        display: block;
        width: auto;
        padding: 0;
    }
}


/* ----------- iPad Pro 12.9" ----------- */


/* Portrait and Landscape */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
    .videoText {
        bottom: 30px;
    }

    .headerVideoWrapper h1 {
        line-height: 40px;
    }

    .headerVideoWrapper h1 span {
        font-size: 36px;
        line-height: 40px;
    }

    .headerVideoWrapper p span {
        font-size: 18px;
    }

    li.insetCont:hover .sub-menu {
        display: none;
    }

    li.insetCont a .fa-caret-right {
        display: none;
    }
}

@media only screen and (max-width: 1650px) {
    .menuOpen .membership-ad.platinumBanner .row-mem .vertical-center {
        width: 510px;
    }

    .menuOpen .membership-ad .row-mem .col-mem .features li {
        padding: 0 0 0 30px;
    }

    .menuOpen .membership-ad.platinumBanner .row-mem.mem-gold .features li::before {
        top: 7px;
    }
}

@media only screen and (max-width: 1450px) {
    .menuOpen .membership-ad.platinumBanner .row-mem .vertical-center {
        width: 485px;
    }
}

@media only screen and (max-width: 1380px) {
    .hltdMember .bmmWrapper .bmm-row .bmm-col .bmm-subcol {
        width: 17%;
    }

    .hltdMember .bmmWrapper .bmm-row .bmm-col .bmm-subcol.action {
        width: 32%;
    }

    .membership-ad .row-mem {
        display: table;
    }

    .menuOpen .membership-ad.platinumBanner .row-mem .col-mem:first-child {
        width: 100%;
        padding: 0px;
    }

    .membership-ad.platinumBanner .row-mem .col-mem:first-child {
        width: 100%;
        font-size: 25px;
        margin-bottom: 0px;
    }

    .membership-ad.banner5V2 .row-mem .col-mem:first-child {
        width: 50%;
    }

    .menuOpen .membership-ad.banner5V2 .row-mem .col-mem:first-child {
        width: 50%;
    }

    .membership-ad.platinumBanner .row-mem .vertical-center {
        position: relative;
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        top: 0;
        left: 0;
        width: 570px;
        margin: 0 auto;
    }

    .membership-ad.platinumBanner .row-mem .col-mem {
        display: block;
        width: 100%;
    }

    .membership-ad.banner5V2 .row-mem .col-mem {
        display: table-cell;
        width: 50%;
    }

    .membership-ad.platinumBanner .row-mem.mem-gold .features {
        width: 100%;
        margin: 0 auto;
    }
}

.membership-ad.banner5V2 .row-mem .col-mem:first-child {
    background: #eee;
}

@media only screen and (max-width: 1250px) {
    .membership-ad.banner5V2 .row-mem .col-mem:first-child {
        width: 50%;
    }

    .banner5V2 .table-benefits.table-benefits-new .t-heading .t-col:first-child,
    .banner5V2 .table-benefits.table-benefits-new .t-row .t-col.features:first-child {
        padding-left: 10px;
        font-size: 13px;
    }

    .banner5V2 .table-benefits .t-heading .t-col.gold,
    .banner5V2 .table-benefits .t-heading .t-col.platinum {
        font-size: 13px;
    }

    .banner5V2 .table-benefits.table-benefits-new .t-row .t-col.platinum,
    .banner5V2 .table-benefits.table-benefits-new .t-row .t-col.gold,
    .membership-ad.banner5V2 .row-mem .col-mem .features {
        padding: 0;
    }
}

@media only screen and (min-width:1650px) {

    .membership-ad.banner5V2 .row-mem .col-mem .features,
    .banner5V2 .table-benefits.table-benefits-new .t-row .t-col.gold,
    .banner5V2 .table-benefits.table-benefits-new .t-row .t-col.features:first-child,
    .table-benefits.table-benefits-new .t-row .t-col.platinum {
        font-size: 16px;
    }
}

@media only screen and (min-width:1800px) {}

@media only screen and (max-width:991px) {
    .mymatch-advsrc .bmmWrapper .panel-body .bmm-row {
        border-bottom: 0;
    }

    /*********************Highlighted Members page*********************/
    .menuClose .hltd-mem .bmmWrapper .panel {
        display: block;
        width: 100%;
    }

    .menuClose .hltd-mem .bmmWrapper .panel .panel-heading {
        display: none;
    }

    .menuClose .hltd-mem .bmmWrapper .panel .panel-body {
        display: block;
    }

    .menuClose .hltd-mem .bmmWrapper .bmm-row {
        display: block;
        border-bottom: 0;
    }

    .hltd-mem .bmmWrapper .bmm-row,
    .pending-member .mmWrapper .mm-row {
        padding: 10px 0;
    }

    /* .menuClose .hltd-mem .bmmWrapper .bmm-row .bmm-col:before { */
    /* content: attr(data-title); */
    /* margin: 5px 0 10px 0; */
    /* display: block; */
    /* font-weight: 700; */
    /* background: #f6f6f6; */
    /* padding: 0 4px; */
    /* line-height: 24px; */
    /* } */
    .menuClose .mm-report .bmmWrapper .bmm-row .bmm-col.profile-d:before,
    .menuClose .mm-report .bmmWrapper .bmm-row .bmm-col.profile-s:before {
        display: none;
    }

    .menuClose .mm-report .bmmWrapper .bmm-row .bmm-col.status:before {
        display: inline-block;
        font-weight: normal;
        background: transparent;
        margin: 0;
        padding: 0;
    }

    .menuClose .hltd-mem .bmmWrapper .bmm-row .bmm-col:last-child {
        width: 100%;
    }

    .menuClose .hltd-mem .optional-filter .of-row .of-cell {
        display: inline-block;
        width: 49%;
        margin-bottom: 10px;
    }

    .menuClose .hltd-mem .optional-filter .of-row .of-cell:last-child {
        width: 25%;
    }

    .menuClose .hltd-mem .mmWrapper .mm-row .mm-col .icon-call {
        display: inline-block;
    }

    .menuClose .hltd-mem .mmWrapper .mm-row,
    .menuClose .my-matches .mmWrapper .mm-row:last-child {
        width: 100%;
        vertical-align: top;
    }

    .menuClose .hltd-mem .mmWrapper .mm-row .mm-col:first-child {
        width: 100%;
    }

    .menuClose .hltd-mem .panel-default>.panel-heading {
        display: none;
    }

    .menuClose .hltd-mem .mmWrapper .mm-row .mm-col:nth-child(3) {
        width: 100%;
    }

    .menuClose .hltd-mem .mmWrapper .mm-row,
    .menuClose .my-matches .mmWrapper .mm-row:last-child {
        display: inline-table;
        border: solid 1px #dbdbdb;
        padding: 15px;
        margin-bottom: 5px;
    }

    .menuClose .hltd-mem .mmWrapper .mm-row .mm-col {
        display: block;
        vertical-align: middle;
        width: 100%;
    }

    .menuClose .hltd-mem .mmWrapper .mm-row .mm-col:before {
        content: attr(data-title);
        margin: 15px 0 10px 0;
        display: block;
        font-weight: 700;
        background: #f6f6f6;
        padding: 0 4px;
        line-height: 24px;
    }

    .menuClose .hltd-mem .mmWrapper .mm-row .mm-col.action {
        width: 100%;
        text-align: left;
    }

    /*********************end Highlighted Members page*********************/
    /*********************Saved Matches page*********************/
    .menuClose .saved-matches .bmmWrapper .panel {
        display: block;
        width: 100%;
    }

    .menuClose .saved-matches .bmmWrapper .panel .panel-heading {
        display: none;
    }

    .menuClose .saved-matches .bmmWrapper .panel .panel-body {
        display: block;
    }

    .menuClose .saved-matches .bmmWrapper .bmm-row {
        display: block;
        /* border-bottom: solid 1px #dbdbdb; */
    }

    .menuClose .saved-matches .bmmWrapper .bmm-row .bmm-col {
        display: block;
        width: 100%;
        border: 0;
        padding: 0;
    }

    .menuClose .saved-matches .bmmWrapper .bmm-row .bmm-col:before {
        content: attr(data-title);
        margin: 12px 0 5px 0;
        display: block;
        font-weight: 700;
        background: #f6f6f6;
        padding: 0 4px;
        line-height: 24px;
    }

    .menuClose .saved-matches .bmmWrapper .bmm-row .bmm-col:last-child {
        width: 100%;
    }

    .menuClose .saved-matches .optional-filter .of-row .of-cell {
        display: inline-block;
        width: 49%;
        margin-bottom: 10px;
    }

    .menuClose .saved-matches .optional-filter .of-row .of-cell:last-child {
        width: 25%;
    }

    .menuClose .saved-matches .mmWrapper .mm-row .mm-col .icon-call {
        display: inline-block;
    }

    .menuClose .saved-matches .mmWrapper .mm-row,
    .menuClose .saved-matches .mmWrapper .mm-row:last-child {
        width: 100%;
        vertical-align: top;
    }

    .menuClose .saved-matches .mmWrapper .mm-row .mm-col:first-child {
        width: 100%;
    }

    .menuClose .saved-matches .panel-default>.panel-heading {
        display: none;
    }

    .menuClose .saved-matches .mmWrapper .mm-row .mm-col:nth-child(3) {
        width: 100%;
    }

    .menuClose .saved-matches .mmWrapper .mm-row,
    .menuClose .saved-matches .mmWrapper .mm-row:last-child {
        display: inline-table;
        border: solid 1px #dbdbdb;
        padding: 15px;
        margin-bottom: 5px;
    }

    .menuClose .saved-matches .mmWrapper .mm-row .mm-col {
        display: block;
        vertical-align: middle;
        width: 100%;
    }

    .menuClose .saved-matches .mmWrapper .mm-row .mm-col:before {
        content: attr(data-title);
        margin: 15px 0 10px 0;
        display: block;
        font-weight: 700;
        background: #f6f6f6;
        padding: 0 4px;
        line-height: 24px;
    }

    .menuClose .saved-matches .mmWrapper .mm-row .mm-col.action {
        width: 100%;
        text-align: left;
    }

    .menuClose .saved-matches .bmmWrapper .bmm-row .btn-review,
    .menuClose .saved-matches .bmmWrapper .bmm-row .btn-makematch,
    .menuClose .saved-matches .bmmWrapper .bmm-row .btn-cancel {
        display: inline-block;
        padding: 3px 15px
    }

    /*********************end Saved Matches page*********************/
    .membership-ad.banner5V2 .row-mem .col-mem {
        display: block;
        width: 100%;
    }

    .banner5V2 .table-benefits.table-benefits-new .t-heading .t-col:first-child,
    .banner5V2 .table-benefits.table-benefits-new .t-row .t-col.features:first-child {
        padding-left: 10px;
        font-size: 14px;
    }

    .banner5V2 .table-benefits.table-benefits-new .t-heading .t-col,
    .membership-ad.banner5V2 .row-mem .col-mem .features,
    .membership-ad.banner5V2 .table-benefits.table-benefits-new .t-row .t-col.gold,
    .membership-ad.banner5V2 .table-benefits.table-benefits-new .t-row .t-col.platinum {
        padding: 5px;
    }

    .banner5V2 .table-benefits .t-heading .t-col.gold,
    .banner5V2 .table-benefits .t-heading .t-col.platinum,
    .banner5V2 .table-benefits.table-benefits-new .t-heading .t-col:first-child {
        font-size: 16px;
    }

    .membership-ad.banner5V2 .row-mem .col-mem:first-child {
        padding: 0;
    }

    .menuOpen {
        overflow: hidden;
    }

    .menu {
        float: right;
    }

    .menu ul {
        display: none;
    }

    .menu .hamIcon {
        display: inline-block;
    }

    .menu .hamIcon.menu-toggle {
        visibility: visible;
    }

    .menu .socialIcon {
        margin-left: 0;
    }

    .headerRight {
        position: relative;
    }

    .headerVideoWrapper:before {
        display: none;
    }

    .videoTextInner .videoTextRight,
    .videoTextInner .videoTextLeft {
        display: block;
        text-align: center;
    }

    .videoText {
        display: block;
        height: auto !important;
        position: static;
        padding: 10px 0;
        background: #ccc;
        vertical-align: bottom;
    }

    .headerVideoWrapper h1 {
        font-size: 28px;
        line-height: 30px;
    }

    .headerVideoWrapper h1 span {
        font-size: 32px;
        line-height: 35px;
    }

    .headerVideoWrapper p {
        font-size: 28px;
        line-height: 30px;
    }

    .headerVideoWrapper p span {
        font-size: 24px;
        line-height: 26px;
    }

    .videoTextInner .videoTextLeft img {
        max-width: 35%;
        margin: 0 auto;
        display: block;
    }

    .sinaiFamilySection {
        display: none;
    }

    .aboutusContent .aboutusContentPic {
        width: 150px;
    }

    /****************************************** start finalview ***************************************/
    #sidebar-wrapper .menu-toggle {
        display: none;
    }

    #sidebar-wrapper {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        z-index: 1000;
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        -webkit-transition-delay: 300ms;
        transition-delay: 300ms;
    }

    .menuOpen #sidebar-wrapper {
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    #sidebar-wrapper .sidebar-wrapper-inner {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        overflow: auto;
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.79);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.79);
    }

    .menuOpen #sidebar-wrapper .sidebar-wrapper-inner {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    #sidebar-wrapper .sidebar-close {
        display: block;
    }

    #page-content-wrapper {
        padding-left: 0;
        padding-right: 0;
        /*overflow: visible;*/
        width: 100%;
    }
    .menuOpen #page-content-wrapper {
        width: 100%;
    }

    .find-match-v2 {
        overflow-x: hidden;
    }

    /* #page-content-wrapper.payV2 {
        padding-left: 15px;
        padding-right: 15px;
        overflow: hidden;
    } */
    #page-content-wrapper:after {
        content: "";
        display: block;
        clear: both;
    }

    #page-content-wrapper.ViewMProfile.newViewProfile {
        padding: 10px 0 10px 0;
    }

    .menuOpen #page-content-wrapper {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
	
	.menuOpen .newIndex #page-content-wrapper {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .equalHeightContainer {
        display: block;
        float: left;
    }

    .newProfilePage .newViewProfile .equalHeightContainer {
        margin: 0 auto;
    }

    .equalHeightContainer .leftBody {
        display: block;
        float: left;
        width: 100%;
        padding: 0;
    }

    .equalHeightContainer .rightBody {
        display: block;
        float: left;
        width: 100%;
        margin-top: 10px;
    }

    .equalHeightContainer .rightBody .rightBodyInner {
        position: static;
        height: auto;
    }

    .equalHeightContainer .rightBody a {
        max-width: 80px;
    }

    .sidebar-nav li > ul.subMenu {
        float: left;
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
    }

    .sidebar-nav li > ul.subMenu li {
        border-top: 1px solid #36478c;
        border-bottom: 0;
    }
    .AdoptaShadchan .sidebar-nav li > ul.subMenu li {
        border-top: 1px solid #aa7bbb;
    }

    .sidebar-nav li.downArrow,
    .sidebar-nav li:hover.downArrow {
        background: #202e69;
    }

    .AdoptaShadchan .sidebar-nav li.downArrow {
        background: #693e66;
    }

    .sidebar-nav li:hover,
    .sidebar-nav li:hover>a {
        background: none;
    }
    .sidebar-nav li:hover ul.subMenu {
        display: none;
    }

    .sidebar-nav li.downArrow > a > span.rightArrow:before {
        content: "\e252";
    }

    /****************************************** end finalview ***************************************/
    /****************************************** start Dashboard ***************************************/
    /*.headerTop.sticking .headerRight {
        display: none;
        padding-top: 0;
    }
    .headerTop.direction-top .headerRight {
        display: block;
        opacity: 0;
        -webkit-animation: menuBottomShow 0.5s ease-out forwards;
        animation: menuBottomShow 0.5s ease-out forwards;
    }*/
    .headerTop .searchWrapper {
        display: none;
    }
    .showSearch .headerTop .searchWrapper {
        display: block;
        position: fixed;
        z-index: 100;
        left: 0;
        top: 60px;
        margin: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
    }
/* made changes by dhiraj 19-06-2025 Matchmaker - Internal Header */
    .showSearch .headerTop.sticking .searchWrapper,.showSearch .headerTop.direction-top .searchWrapper {
        display: block !important;
    }
    .headerTop.sticking .searchWrapper,.headerTop.direction-top .searchWrapper {
        display: none !important;
    }
    /* made changes by dhiraj 19-06-2025 Matchmaker - Internal Header */
    .headerTop.direction-top .searchWrapper {
        opacity: 0;
        -webkit-animation: menuBottomShow 0.5s ease-out forwards;
        animation: menuBottomShow 0.5s ease-out forwards;
    }

    .headerTop .searchWrapper .search {
        width: calc(100% - 20px);
        max-width: 400px;
        margin: 10px auto 0 auto;
        background: #FFF;
        border: 0;
    }
    .headerTop .searchWrapper .search .TT {
        padding-left: 5px;
    }
    .headerTop .search .fa {
        font-size: 20px;
        width: 25px;
        height: 34px;
    }

    /****************************************** end Dashboard ***************************************/
    /*********************My Matches*******************/
    .my-matches .panel-default>.panel-heading {
        display: none;
    }

    .my-matches .mmWrapper .mm-row,
    .my-matches .mmWrapper .mm-row:last-child {
        display: inline-table;
        border-bottom: solid 1px #dbdbdb;
        padding: 15px;
        margin-bottom: 5px;
    }

    .member-myMatch .my-matches .mmWrapper .mm-row {
        border: 0;
        display: inline-table;
        border-bottom: 0;
        padding: 0px 0 15px;
        margin-bottom: 5px;
    }

    .member-myMatch .my-matches .mmWrapper .mm-row:last-child {
        border: 0;
        padding: 0px 0 15px;
    }

    .my-matches .mmWrapper .mm-row .mm-col {
        display: block;
        vertical-align: middle;
        width: 100%;
    }

    .my-matches .mmWrapper .mm-row .mm-col:before {
        content: attr(data-title);
        margin: 10px 0 10px 0;
        display: block;
        font-weight: 700;
        background: #f6f6f6;
        padding: 0;
        line-height: 24px;
    }

    .member-myMatch .mmWrapper .mm-row .mm-col.matchmaker:before {
        content: attr(data-title);
        margin: 0;
        display: inline-block;
        font-weight: 500;
        background: transparent;
        padding: 0;
        line-height: 24px;
    }
/* Added by mehul for Update My Matches pages and Update progress pages */
 .member-myMatch .mmWrapper .mm-row .mm-col.matchmaker:before {
        line-height: 1;
    }
/* Added by mehul for Update My Matches pages and Update progress pages */
    .member-myMatch .mmWrapper .mm-row .mm-col.status {
        padding-left: 80px;
        margin-top: -5px;
    }

    .member-myMatch .mmWrapper .mm-row .mm-col.status:before {
        display: none;
    }

    .my-matches .mmWrapper .mm-row .mm-col.action {
        text-align: left;
    }

    .my-matches .mmWrapper .mm-row .mm-col.action p {
        /*text-align:center;*/
    }

    .member-myMatch .row-action-btns .link-reactivate {
        display: block;
    }

    .member-myMatch .mmWrapper .mm-row .mm-col.action p {
        text-align: left;
    }

    /*********************end My Matches*******************/
    /*********************member index page*********************/
    .mem-index .panel-default>.panel-heading {
        display: none;
    }

    .mem-index .mmWrapper .mm-row,
    .my-matches .mmWrapper .mm-row:last-child {
        display: inline-table;
        border-bottom: 0;
        padding: 0;
        margin-bottom: 5px;
        position: relative;
    }

    .mem-index2 .mmWrapper .mm-row {
        display: inline-table;
        padding: 10px 0;
        margin-bottom: 5px;
    }

    .mem-index .mmWrapper .mm-row .mm-col {
        display: block;
        width: 100% !important;
        text-align: left !important;
        padding: 8px 0 !important;
    }

    .mem-index .mmWrapper .mm-row .mm-col.status,
    .mem-index .mmWrapper .mm-row .mm-col.fm-days,
    .mem-index .mmWrapper .mm-row .mm-col.active-matches,
    .mem-index .mmWrapper .mm-row .mm-col.mutually-approved,
    .mem-index .mmWrapper .mm-row .mm-col.mra,
    .mem-index .mmWrapper .mm-row .mm-col.action {
        margin-left: 90px;
    }

    .mem-index2 .mmWrapper .mm-row .mm-col:first-child {
        width: 6% !important;
    }

    .pmTbl .mmWrapper .mm-row .mm-col .mm-subcol.bml-info,
    .hltd-mem .bmmWrapper .bmm-row .bmm-col .bmm-subcol.bml-info,
    .hltd-mem .bmmWrapper .bmm-row .bmm-col .bmm-subcol.status {
        margin-bottom: 10px;
    }

    .pmTbl .mmWrapper .mm-row .mm-col .mm-subcol.action {
        margin-top: 10px;
    }

    .mem-index .mmWrapper .mm-row .mm-col[data-title]:before {
        content: attr(data-title) ":";
        display: inline-block;
        font-weight: 400;
        line-height: 22px;
    }

    .mem-index2 .mmWrapper .mm-row .mm-col[data-title]:before,
    .mem-index2 .mmWrapper .mm-row .mm-subcol[data-title]:before {
        content: attr(data-title) ":";
        display: inline-block;
        font-weight: 400;
    }

    .mem-index2 .mmWrapper .mm-row .mm-col .mm-subcol.status,
    .mem-index2 .mmWrapper .mm-row .mm-col .mm-subcol.mutually-approved {
        margin-bottom: 10px;
    }

    .mem-index .mmWrapper .mm-row .mm-col.fm-days,
    .mem-index .mmWrapper .mm-row .mm-col.active-matches,
    .mem-index .mmWrapper .mm-row .mm-col.mutually-approved {
        padding: 0 !important;
        font-weight: 700;
    }

    .mem-index2 .mmWrapper .mm-row .mm-col {
        display: table-cell;
        vertical-align: top;
    }

    .mem-index2 .mmWrapper .mm-row .mm-col .mm-subcol,
    .mem-index2 .mmWrapper .mm-row .mm-col .mm-subcol.bml-info,
    .pmTbl .mmWrapper .mm-row .mm-col .mm-subcol,
    .pmTbl .mmWrapper .mm-row .mm-col .mm-subcol.bml-info,
    .hltdMember .bmmWrapper .bmm-row .bmm-col .bmm-subcol,
    .hltd-mem .bmmWrapper .bmm-row .bmm-col {
        display: block;
        vertical-align: middle;
        width: auto !important;
        text-align: left !important;
        padding: 0 !important;
    }

    /*********************end member index page*********************/
    /*********************Highlighted Members page*********************/
    .hltd-mem .bmmWrapper .panel {
        display: block;
        width: 100%;
    }

    .hltd-mem .bmmWrapper .panel,
    .mem-index .mmWrapper .panel,
    .member_main .bmmWrapper .panel,
    .pending-member .mmWrapper .panel,
    .find-match-v2 .fmWrapper .panel,
    .mymatch-advsrc .bmmWrapper .panel,
    .saved-matches .bmmWrapper .panel,
    .member-myMatch .mmWrapper .panel,
    .match-suggest .mmWrapper .panel {
        border-color: transparent;
        box-shadow: none;
    }

    .mem-index .mmWrapper .panel-body,
    .member_main .bmmWrapper .panel-body,
    .pending-member .mmWrapper .panel-body,
    .hltd-mem .bmmWrapper .panel-body,
    .find-match-v2 .fmWrapper .panel-body,
    .myMatch-Wrapper .bmmWrapper .panel-body,
    .saved-matches .bmmWrapper .panel-body {
        padding: 5px;
        position: relative;
    }

    .hltd-mem .bmmWrapper .panel .panel-heading {
        display: none;
    }

    .hltd-mem .bmmWrapper .panel .panel-body {
        display: block;
    }

    .member_main .bmmWrapper .bmm-row .bmm-col.action {
        margin-top: 10px;
    }

    .hltd-mem .bmmWrapper .bmm-row .bmm-col:before,
    .hltdMember .bmmWrapper .bmm-row .bmm-col .bmm-subcol:before {
        content: attr(data-title);
        margin: 5px 0 0 0;
        display: inline;
        font-weight: 500;
        /* background: #f6f6f6; */
        padding: 0;
        line-height: 24px;
    }

    .hltd-mem .bmmWrapper .bmm-row .bmm-col.notes p:first-child,
    .hltdMember .bmmWrapper .bmm-row .bmm-col .bmm-subcol.notes p:first-child,
    .hltdMember .bmmWrapper .bmm-row .bmm-col .bmm-subcol.status p:first-child {
        display: inline-block;
    }

    .hltd-mem .bmmWrapper .bmm-row .bmm-col.notes p strong {
        font-weight: 500;
    }

    .hltdMember .bmmWrapper .bmm-row .bmm-col .bmm-subcol.mmscol {
        display: block;
    }

    .hltd-mem .bmmWrapper .bmm-row .bmm-col.mmscol:before,
    .hltdMember .bmmWrapper .bmm-row .bmm-col .bmm-subcol:first-child:before {
        display: none;
    }

    .hltd-mem .bmmWrapper .bmm-row .bmm-col.mmscol p:before {
        content: attr(data-title);
        /* margin: 5px 0 0 0; */
        display: none;
        font-weight: 500;
        /* background: #f6f6f6; */
        padding: 0;
        line-height: 18px;
    }

    .mm-report .bmmWrapper .bmm-row .bmm-col.profile-d:before,
    .mm-report .bmmWrapper .bmm-row .bmm-col.profile-s:before {
        display: none;
    }

    .datingStatusSec>span {
        display: inline-block;
        /* float: left; */
    }

    .hltd-mem .datingStatusSec>span:before {
        display: none;
    }

    .hltd-mem .datingStatusSec>span:after {
        content: ', ';
        margin-right: 2px;
    }

    .mm-report .datingStatusSec>span:before,
    .hltd-mem .datingStatusSec>span:after {
        display: none;
    }

    .hltd-mem .bmmWrapper .bmm-row .bmm-col.mmscol,
    .hltd-mem .bmmWrapper .bmm-row .bmm-col.status {
        margin-left: 80px;
    }

    .hltd-mem .bmmWrapper .bmm-row .bmm-col.mmscol {
        margin-top: 0;
    }

    .member_main .bmmWrapper .bmm-row .bmm-col.mmscol {
        margin-top: 0;
    }

    .hltd-mem .optional-filter .of-row .of-cell {
        display: inline-block;
        width: 49%;
        margin-bottom: 10px;
    }

    .hltd-mem .optional-filter .of-row .of-cell:last-child {
        width: 25%;
    }

    .hltd-mem .mmWrapper .mm-row .mm-col .icon-call {
        display: inline-block;
    }

    .hltd-mem .mmWrapper .mm-row,
    .my-matches .mmWrapper .mm-row:last-child {
        width: 100%;
        vertical-align: top;
    }

    .hltd-mem .mmWrapper .mm-row .mm-col:first-child {
        width: 100%;
    }

    .hltd-mem .panel-default>.panel-heading {
        display: none;
    }

    .hltd-mem .mmWrapper .mm-row .mm-col:nth-child(3) {
        width: 100%;
    }

    .hltd-mem .mmWrapper .mm-row,
    .my-matches .mmWrapper .mm-row:last-child {
        display: inline-table;
        border: solid 1px #dbdbdb;
        padding: 15px;
        margin-bottom: 5px;
    }

    .hltd-mem .mmWrapper .mm-row .mm-col {
        display: block;
        vertical-align: middle;
        width: 100%;
    }

    .hltd-mem .mmWrapper .mm-row .mm-col:before {
        content: attr(data-title);
        margin: 15px 0 10px 0;
        display: block;
        font-weight: 700;
        background: #f6f6f6;
        padding: 0 4px;
        line-height: 24px;
    }

    .hltd-mem .mmWrapper .mm-row .mm-col.action {
        width: 100%;
        text-align: left;
    }

    /*********************end Highlighted Members page*********************/
    /*********************Pending Members css*********************/
    .pm-table .bmmWrapper .panel {
        display: block;
        width: 100%;
    }

    .pm-table .bmmWrapper .panel .panel-heading {
        display: none;
    }

    .pm-table .bmmWrapper .panel .panel-body {
        display: block;
    }

    .pm-table .bmmWrapper .bmm-row {
        display: block;
        border-bottom: solid 1px #dbdbdb;
    }

    .pm-table .bmmWrapper .bmm-row .bmm-col {
        display: block;
        width: 100% !important;
        border: 0;
        padding: 0;
    }

    .pm-table .bmmWrapper .bmm-row .bmm-col:before {
        content: attr(data-title);
        margin: 5px 0 10px 0;
        display: block;
        font-weight: 700;
        background: #f6f6f6;
        padding: 0 4px;
        line-height: 24px;
    }

    .pm-table .bmmWrapper .bmm-row .bmm-col:last-child {
        width: 100%;
    }

    .pm-table .optional-filter .of-row .of-cell {
        display: inline-block;
        width: 49%;
        margin-bottom: 10px;
    }

    .pm-table .optional-filter .of-row .of-cell:last-child {
        width: 25%;
    }

    .pm-table .mmWrapper .mm-row .mm-col .icon-call {
        display: inline-block;
    }

    .pm-table .mmWrapper .mm-row,
    .pm-table .mmWrapper .mm-row:last-child {
        width: 100%;
        vertical-align: top;
    }

    .pm-table .mmWrapper .mm-row .mm-col:first-child {
        width: 100%;
    }

    .pmTbl .mmWrapper .mm-row .mm-col:first-child,
    .hltd-mem .bmmWrapper .bmm-row .bmm-col:first-child,
    .menuClose .hltdMember .bmmWrapper .bmm-row .bmm-col:first-child {
        width: 6%;
    }

    .pm-table .panel-default>.panel-heading {
        display: none;
    }

    .pm-table .mmWrapper .mm-row .mm-col:nth-child(3) {
        width: 100%;
    }

    .pm-table .mmWrapper .mm-row,
    .pm-table .mmWrapper .mm-row:last-child {
        display: inline-table;
        /* border: solid 1px #dbdbdb; */
        border: 0;
        padding: 15px;
        margin-bottom: 5px;
    }

    .pm-table .mmWrapper .mm-row .mm-col {
        display: block;
        vertical-align: middle;
        width: 100%;
    }

    .pmTbl .mmWrapper .mm-row .mm-col,
    .hltd-mem .bmmWrapper .bmm-row .bmm-col {
        display: table-cell;
        vertical-align: top;
    }

    .hltd-mem .bmmWrapper .bmm-row .bmm-col {
        display: block;
        border: 0;
        padding: 0;
    }

    .hltdMember .bmmWrapper .bmm-row .bmm-col {
        display: table-cell;
        vertical-align: top;
    }

    .pm-table .mmWrapper .mm-row .mm-col:nth-child(2) {
        margin: 10px 0 0 0;
    }

    .pending-member .pm-table .mmWrapper .mm-row .mm-col:nth-child(2),
    .pending-member .pm-table .mmWrapper .mm-row .mm-col:nth-child(3),
    .pending-member .pm-table .mmWrapper .mm-row .mm-col:nth-child(4),
    .pending-member .pm-table .mmWrapper .mm-row .mm-col.action {
        margin-left: 90px;
    }

    .pm-table .mmWrapper .mm-row .mm-col[data-title]:before,
    .pmTbl .mmWrapper .mm-row .mm-subcol[data-title]:before {
        content: attr(data-title);
        margin: 0;
        display: inline-block;
        font-weight: 700;
        background: transparent;
        padding: 0;
        line-height: 24px;
    }

    .pm-table .mmWrapper .mm-row .mm-col.action {
        width: 100%;
        text-align: left;
        padding: 10px 0 10px 0;
    }

    .pending-member .pm-table .mmWrapper .mm-row .mm-col.action {
        padding: 10px 0 10px 0;
    }

    /*********************end end Pending Members css*********************/
    /********************* Search for Matchmaker*******************/
    /*.search-mm .search-mm-block form {
        margin-top: 10px;
    }*/

    .search-mm .my-mm {
        display: inline-table;
        width: 100%;
    }

    /*.search-mm .my-mm .mmm-col {
        display: block;
        vertical-align: top;
    }

    .search-mm .my-mm .mmm-col+.mmm-col {
        width: 100%;
    }*/

    .search-mm .my-mm .mmm-col .user-pic {
        width: 85px;
    }

    .search-mm .my-mm .mmm-col .img {
        height: 75px;
        width: 75px;
    }

    .search-mm .my-mm .mmm-col ul {
        padding: 0;
        margin: 8px 0;
        float: none;
        overflow: hidden;
    }

    .search-mm .my-mm .mmm-col.mmcorrespndgicons ul {
        margin-bottom: 0;
    }

    .search-mm .my-mm .mmm-col.mmcorrespndgicons li {
        padding: 0 20px 0 0;
    }

    .search-mm .my-mm .mmm-col.mmcorrespndgicons li:last-child {
        padding: 0;
    }

    .search-mm .my-mm .mmm-col .title .name {
        display: table;
    }

    .search-mm .my-mm .mmm-col .title .mmm-icons {
        display: table;
    }

    /********************* end Search for Matchmaker*******************/
    /********************* Member Payment *******************/
    .membership-ad .row-mem {
        display: table;
    }

    .membership-ad .mem-married {
        text-align: center;
    }

    .membership-ad .row-mem .col-mem:first-child {
        width: 100%;
        font-size: 25px;
        margin-bottom: 10px;
    }

    .membership-ad.banner8 .row-mem .col-mem:first-child {
        width: 100%;
    }

    .membership-ad.platinumBanner .row-mem .col-mem:first-child {
        width: 100%;
        font-size: 25px;
        margin-bottom: 0px;
    }

    .membership-ad .btn-gmgy {
        margin: auto;
    }

    .membership-ad .row-mem .col-mem .features {
        overflow: hidden;
    }

    .monthly-plan {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .monthly-plan .heading-blue {
        display: table-caption;
        margin-bottom: 0;
    }

    .monthly-plan .block-plan {
        display: table-cell;
        width: 33%;
        vertical-align: top;
    }

    #ShowConFirmForm .monthly-plan .block-plan {
        display: block;
        width: 100%;
    }

    .marketing-code .col-xs-7 {
        padding-right: 0;
    }

    .monthly-plan .block-plan .month {
        display: block;
        width: 100%;
        padding: 25px 10px;
    }

    .monthly-plan .block-plan .price {
        display: block;
        width: 100%;
        font-size: 20px;
    }

    .monthly-plan .block-plan.offerWrap.planGold .price,
    .monthly-plan .block-plan.offerWrap.planPlatinum .price {
        color: #ff0000;
        font-size: 18px;
    }

    .monthly-plan .block-plan.offerWrap.planGold .price.no-month,
    .monthly-plan .block-plan.offerWrap.planPlatinum .price.no-month {
        color: #fff;
    }

    .monthly-plan .offerWrap.planGold.mixPlans .price,
    .monthly-plan .offerWrap.planPlatinum.mixPlans .price {
        background: transparent;
    }

    .monthly-plan .block-plan.offerWrap .price {
        font-size: 18px;
        padding: 10px 0;
    }

    .monthly-plan .block-plan .price span {
        font-size: 18px;
        display: block;
    }

    .monthly-plan .block-plan.offerWrap .price span {
        font-size: 18px;
        display: inline-block;
    }

    .monthly-plan .block-plan .price.no-month {
        display: block;
        width: 100%;
        padding: 15px 0px;
        font-size: 18px;
    }

    .monthly-plan .block-plan .features {
        display: block;
        width: 100%;
        text-align: center;
        padding: 15px;
        font-size: 16px;
        margin-bottom: 50px;
    }

    .monthly-plan .block-plan .plan-btn {
        display: block;
        width: 100%;
        position: absolute;
        bottom: 0;
    }

    .monthly-plan .block-plan .plan-btn span {
        border: solid 2px #1683fa;
        border-radius: 3px;
        display: block;
        padding: 10px;
        text-align: center;
        background: #fff;
        margin: auto;
        width: 90%;
    }

    .msg-selected-pkg {
        margin-top: 20px;
    }

    .membership-ad .row-mem .col-mem {
        padding: 0;
    }

    /********************* end Member Payment *******************/
    .menuText .sidebar-nav .caret {
        top: 50%;
        right: 15px;
    }

    /*********************Profile Language Selector CSS*******************/
    .status-completion {
        padding: 0 5px;
    }

    .newProfilePage .newViewProfile .status-completion {
        padding: 0;
    }

    /*********************end Profile Language Selector CSS*******************/
    /*********************Chat CSS*******************/
    .chat-details .autocompleteWrapper .ul-autocomplete ul li:hover {
        background: none;
    }

    .chat-details .autocompleteWrapper .ul-autocomplete ul li:hover>a {
        color: #000;
    }

    .chat-details .autocompleteWrapper .ul-autocomplete ul li a span+span {
        padding-right: 25px;
    }

    .chat-details .autocompleteWrapper .ul-autocomplete ul li.activeLi:hover {
        background: #577fbc;
    }

    .chat-details .autocompleteWrapper .ul-autocomplete ul li.activeLi:hover>a {
        color: #FFF;
    }

    .chat-details .autocompleteWrapper .ul-autocomplete ul li:hover ul {
        display: none;
    }

    .chat-details .autocompleteWrapper .ul-autocomplete ul ul {
        position: relative;
        width: auto;
    }

    .chat-details .autocompleteWrapper .ul-autocomplete ul ul .chat-details .autocompleteWrapper .ul-autocomplete ul li:hover ul {
        display: none;
    }

    .chat-details .autocompleteWrapper .ul-autocomplete ul li.activeLi ul {
        display: block;
    }

    .chat-details .autocompleteWrapper .ul-autocomplete ul ul {
        background: #FFF;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-left: 55px;
        position: relative;
        left: auto;
        top: auto;
        display: none;
        max-height: none;
    }

    .chat-details .autocompleteWrapper .ul-autocomplete ul ul li {
        background: #4e72a9;
        border-top: 1px #3c5d90 solid;
    }

    .chat-details .autocompleteWrapper .ul-autocomplete ul ul li a {
        color: #FFF;
    }

    .chat-details .autocompleteWrapper .ul-autocomplete ul ul li img {
        width: 35px;
        height: 35px;
        border-radius: 10px;
    }

    .chat-details .autocompleteWrapper .ul-autocomplete ul ul li a span:first-child {
        width: 35px;
    }

    .chat-details .autocompleteWrapper .ul-autocomplete ul li a span:empty+span {
        line-height: 35px;
    }

    .chat-details .autocompleteWrapper .ul-autocomplete ul li[data-click="false"]>a span+span:after {
        content: "";
        position: absolute;
        right: 10px;
        top: 15px;
        width: 10px;
        height: 10px;
        border-bottom: 2px #1683fb solid;
        border-right: 2px #1683fb solid;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .chat-details .autocompleteWrapper .ul-autocomplete ul li[data-click="false"].activeLi>a span+span:after {
        border-color: #FFF;
        top: 19px;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    /*********************end Chat CSS*******************/
    .my-matches .mmWrapper .mm-row .mm-col.action {
        width: 100%;
    }

    .member-myMatch .mmWrapper .mm-row .mm-col.action {
        margin-left: 80px;
    }

    .member-myMatch .mmWrapper .mm-row .mm-col .btn-update {
        margin: 0 0 5px;
    }

    .my-matches .mmWrapper .mm-row .mm-col:nth-child(3) {
        width: 100%;
    }
	.member-myMatch .my-matches .mmWrapper .mm-row .mm-col:nth-child(3) {
        margin-top:0;
    }
    .am-success .panel-body {
        display: block;
    }

    .am-left {
        display: block;
    }

    .am-right {
        display: block;
        text-align: left;
        margin-top: 5px;
        white-space: normal;
    }

    /* .am-success .btn-confirm,
    .am-success .btn-cancel {
        margin-top: 8px;
    } */
    /********************* Member Payment *******************/
    .payment-warning {
        padding: 20px 18% 20px 20px;
        background-position: right 40px center;
    }

    /********************* end Member Payment *******************/
    /********************* View mm warning*********************/
    .vnp-warning .panel-body .msg-warning {
        padding: 23px 18% 23px 20px;
        background-position: right 20px center;
    }

    /********************* end View mm warning page*********************/
    /********************* browse all MM *******************/
    .browseAll-MM .panel-default>.panel-heading {
        display: none;
    }

    .browseAll-MM .bmmWrapper .bmm-row,
    .my-matches .bmmWrapper .bmm-row:last-child {
        display: inline-table;
        border: solid 1px #dbdbdb;
        padding: 15px;
        margin-bottom: 5px;
    }

    .browseAll-MM .bmmWrapper .bmm-row:last-child {
        border: solid 1px #dbdbdb;
    }

    .browseAll-MM .bmmWrapper .bmm-row .bmm-col {
        display: block;
        vertical-align: middle;
        width: 100%;
        padding: 0;
    }

    .browseAll-MM .bmmWrapper .bmm-row .bmm-col:before {
        content: attr(data-title);
        margin: 15px 0 10px 0;
        display: block;
        font-weight: 700;
        background: #f6f6f6;
        padding: 0 4px;
        line-height: 24px;
    }

    .browseAll-MM .bmmWrapper .bmm-row .bmm-col.action {
        text-align: left;
    }

    .browseAll-MM .bmmWrapper .bmm-row .bmm-col.ageRange {
        text-align: left;
    }

    /********************* end browse all MM *******************/
    /********************* mm member activity*******************/
    .mm-member-activity .mm-member-activity-table .panel-heading {
        display: none;
    }

    .mm-member-activity .mm-member-activity-table .ph-col:before {
        content: attr(data-title) " :";
        display: inline-block;
        font-weight: 700;
        padding: 0 4px;
        line-height: 22px;
    }

    .mm-member-activity .mm-member-activity-table .ph-col {
        display: inline-block;
        width: 50%;
        padding: 0;
        border: 0;
    }

    .mm-member-activity .mm-member-activity-table .ph-col.center {
        text-align: left;
    }

    .mm-member-activity .mm-member-activity-table .ph-row {
        margin-bottom: 8px;
        padding: 8px;
        border: solid 1px #ddd;
    }

    .mm-member-activity .mm-member-activity-table .ph-row:last-child {
        border: 0;
    }

    /********************* end mm member activity*******************/
    /*********************member assign MM page*********************/
    .member-assign-MM .mammWrapper .bmm-row {
        display: inline-table;
        border: solid 1px #dbdbdb;
        padding: 15px;
        margin-bottom: 5px;
    }

    .member-assign-MM .mammWrapper .bmm-row .bmm-col {
        display: block;
        vertical-align: middle;
        width: 100%;
    }

    .member-assign-MM .mammWrapper .panel-heading {
        display: none;
    }

    .member-assign-MM .mammWrapper .bmm-row .bmm-col:before {
        content: attr(data-title);
        margin: 15px 0 10px 0;
        display: block;
        font-weight: 700;
        background: #f6f6f6;
        padding: 0 4px;
        line-height: 24px;
    }

    .member-assign-MM .mammWrapper .bmm-row .bmm-col.ageRange {
        text-align: left;
    }

    .member-assign-MM .assign-mm .panel-default {
        display: table;
        width: 100%;
    }

    .member-assign-MM .assign-mm .panel-default .panel-heading {
        display: none;
    }

    .member-assign-MM .assign-mm .panel-default .panel-body {
        display: block;
        width: 100%;
    }

    .member-assign-MM .assign-mm .bmm-row {
        border: solid 1px #ddd;
        display: block;
        margin-bottom: 5px;
    }

    .member-assign-MM .assign-mm .bmm-row .bmm-col {
        display: block;
        width: 100%;
        border: 0;
    }

    .member-assign-MM .assign-mm .bmm-row .bmm-col:before {
        content: attr(data-title);
        margin: 0 0 10px 0;
        display: block;
        font-weight: 700;
        background: #f6f6f6;
        padding: 0 4px;
        line-height: 24px;
    }

    .member-assign-MM .assign-mm .bmm-row .bmm-col.ageRange {
        text-align: left;
        width: 100%;
    }

    .member-assign-MM .assign-mm .bmm-row .bmm-col.loc-of-sngl,
    .member-assign-MM .assign-mm .bmm-row .bmm-col.mthd-screen-sngl {
        width: 100%;
    }

    .member-assign-MM .assign-mm .bmm-row .bmm-col.action {
        width: 100%;
    }

    .member-assign-MM .assign-mm .notenbtns {
        display: table;
    }

    .member-assign-MM .assign-mm .notenbtns .note,
    .member-assign-MM .assign-mm .notenbtns .btns {
        display: block;
        vertical-align: middle;
    }

    .member-assign-MM .assign-mm .notenbtns .btns {
        white-space: normal;
        padding: 10px 0 0 0;
    }

    .member-assign-MM .assign-mm .notenbtns .btn-keep-thismm {
        margin-bottom: 5px;
    }

    /*********************member assign MM page*********************/
    /*********************Member Suggestion History*******************/
    .match-information .mi-table .panel-heading {
        display: none;
    }

    .match-information .panel-danger .panel-heading {
        display: block;
    }

    .match-information .mi-table .panel-body {
        display: block;
    }

    .match-information .mi-table .row-match-info {
        display: block;
    }

    .match-information .row-match-info .mi-col {
        display: block;
        width: 100%;
        border: 0;
        padding: 0;
    }

    .match-information .row-match-info .mi-col:first-child {
        width: 100%;
    }

    .match-information .row-match-info .mi-col.status {
        text-align: left;
    }

    .match-information .row-match-info .mi-col.status strong {
        color: #26377d;
    }

    .match-information .row-match-info .mi-col:last-child {
        width: 100%;
    }

    /*********************end Member Suggestion History*******************/
    /**********Edit System Settings page***********/
    .edit-system-settings .row-question .ans .col-es {
        display: inline-block;
        width: 100%;
        padding: 5px;
    }

    /**********Edit System Settings page***********/
    /*********************Nasi dates report page*********************/
    .nasi-date-report .ndr-table {
        display: block;
    }

    .nasi-date-report .ndr-table .panel-body {
        display: block;
    }

    .nasi-date-report .ndr-table .panel-heading {
        display: none;
    }

    .nasi-date-report .row-match-info .ndr-col {
        border: 0;
        display: block;
        padding: 6px;
    }

    .nasi-date-report .row-match-info .ndr-col:before {
        content: attr(data-title);
        margin: 5px 0 7px 0;
        display: block;
        font-weight: 700;
        background: #f6f6f6;
        padding: 0 4px;
        line-height: 24px;
        color: #000;
    }

    .nasi-date-report .ndr-table .row-match-info {
        display: block;
        padding: 0;
        vertical-align: top;
        border: solid 1px #ddd;
        margin-bottom: 5px;
    }

    .nasi-date-report .ndr-table .row-match-info:last-child {
        /*border: 0;*/
        padding-bottom: 0;
    }

    /*********************end Nasi dates report page*********************/
    /*********************Matchmaker Inbox*******************/
    .search-inbox .form-table {
        width: 100%;
    }

    .search-inbox .form-table .form-group {
        display: block;
        margin-bottom: 10px;
    }

    .search-inbox .form-table .radios {
        display: table-row;
        width: 100%;
    }

    .search-inbox .form-table .radios .form-group {
        display: inline-block;
        margin-bottom: 5px;
    }

    .search-inbox .form-table .btn-group {
        display: table-row;
        width: 100%;
    }

    .search-inbox .form-table .btn-group .form-group {
        display: inline-block;
        margin-top: 0
    }

    .search-inbox .form-table .search-txt {
        display: block;
        width: 100%;
    }

    .search-inbox .form-table .form-group .selectWrapper {
        display: block;
    }

    .search-inbox .form-table .form-group .selectWrapper select.form-control {
        display: block;
        width: 100%;
    }

    /*********************end Matchmaker Inbox*******************/
    /********************* review profile page *********************/
    .review-profile .male-match .panel-heading h4 {
        font-weight: 700;
    }

    .review-profile .female-match .panel-heading h4 {
        font-weight: 700;
    }

    .review-profile .mcriteria,
    .review-profile .fcriteria,
    .review-profile .mcri,
    .review-profile .fcri {
        color: #193cbf;
        margin-top: 5px !important;
        display: inline-block;
    }

    .review-profile .mcriteria {
        display: none;
    }

    /*********************end review profile page *********************/
    /*********************Saved Matches page*********************/
    .saved-matches .bmmWrapper .panel {
        display: block;
        width: 100%;
    }

    .saved-matches .bmmWrapper .panel .panel-heading {
        display: none;
    }

    .saved-matches .bmmWrapper .panel .panel-body {
        display: block;
    }

    .saved-matches .bmmWrapper .panel-body .bmm-row {
        display: block;
        position: relative;
        border-top: 0;
    }

    .saved-matches .bmmWrapper .bmm-row .bmm-col {
        display: block;
        width: 100%;
        border: 0;
        padding: 0;
    }

    .saved-matches .bmmWrapper .bmm-row .bmm-col.statusUpdate {
        padding-left: 90px;
        margin-bottom: 10px;
    }

    .saved-matches .bmmWrapper .bmm-row .bmm-col+.bmm-col:before {
        content: attr(data-title);
        margin: 12px 2px 5px 0;
        display: inline;
        font-weight: 500;
        background: transparent;
        padding: 0;
        line-height: 24px;
    }

    .saved-matches .bmmWrapper .bmm-row .bmm-col:last-child {
        width: 100%;
        display: inline;
    }

    .saved-matches .bmmWrapper .bmm-row .bmm-col.action {
        display: inline-table;
        margin-bottom: 10px;
    }

    .saved-matches .bmmWrapper .bmm-row .bmm-col.name-details {
        width: 100%;
        margin-bottom: 10px;
    }

    .saved-matches .optional-filter .of-row .of-cell {
        display: inline-block;
        width: 49%;
        margin-bottom: 10px;
    }

    .saved-matches .optional-filter .of-row .of-cell:last-child {
        width: 25%;
    }

    .saved-matches .mmWrapper .mm-row .mm-col .icon-call {
        display: inline-block;
    }

    .saved-matches .mmWrapper .mm-row,
    .saved-matches .mmWrapper .mm-row:last-child {
        width: 100%;
        vertical-align: top;
    }

    .saved-matches .mmWrapper .mm-row .mm-col:first-child {
        width: 100%;
    }

    .saved-matches .panel-default>.panel-heading {
        display: none;
    }

    .saved-matches .mmWrapper .mm-row .mm-col:nth-child(3) {
        width: 100%;
    }

    .saved-matches .mmWrapper .mm-row,
    .saved-matches .mmWrapper .mm-row:last-child {
        display: inline-table;
        border: solid 1px #dbdbdb;
        padding: 15px;
        margin-bottom: 5px;
    }

    .saved-matches .mmWrapper .mm-row .mm-col {
        display: block;
        vertical-align: middle;
        width: 100%;
    }

    .saved-matches .mmWrapper .mm-row .mm-col:before {
        content: attr(data-title);
        margin: 15px 0 10px 0;
        display: block;
        font-weight: 700;
        background: #f6f6f6;
        padding: 0 4px;
        line-height: 24px;
    }

    .saved-matches .mmWrapper .mm-row .mm-col.action {
        width: 100%;
        text-align: left;
    }

    .saved-matches .bmmWrapper .bmm-row .btn-review,
    .saved-matches .bmmWrapper .bmm-row .btn-makematch,
    .saved-matches .bmmWrapper .bmm-row .btn-cancel {
        display: inline-block;
        padding: 3px 15px;
        margin-right: 10px;
        width: auto;
    }

    /*********************end Saved Matches page*********************/
    /*css for mm find match*/
    .mm-table .mm-table-row {
        display: block;
    }

    .fm-form .mm-table-cell,
    .fm-form .mm-table-cell:first-child {
        display: block;
        width: auto;
        padding: 0;
    }

    /*end css for mm find match*/
    .event-detail .contact-info p {
        font-size: 16px;
    }

    .event-detail .contact-info a {
        margin-left: 5px;
    }

    .event-detail .contact-info p {
        font-size: 16px;
    }

    .event-detail .contact-info a {
        margin-left: 5px;
    }

    .payment-event-detail-desc {
        width: 60%;
    }

    .payment-event-detail-location {
        width: 40%;
    }

    .payment-event-detail-location ul li p {
        font-size: 16px;
    }

    .payment-event-detail-location ul li p span.answer {
        word-break: break-all;
        word-break: break-word;
        word-wrap: break-word;
    }

    .payment-event-detail-desc,
    .payment-event-detail-location {
        display: block;
        width: 100%;
    }

    .payment-event-detail-location {
        padding: 15px;
        margin-top: 10px;
    }

    .payment-event-detail-location ul li p {
        font-size: 16px;
    }

    .payment-form .term-condition .set-width {
        width: 100%;
        min-width: 62.5%;
    }

    .verify-pkg {
        width: 100%;
    }

    .absolute-overlay .videoText {
        background: #ccc;
    }

    .roomoptions-form .selected-ro .pkg-ans label {
        max-width: 100%;
        margin-left: 0;
    }

    .event-status .featuredMember .featuredMemberLeft {
        width: 100%;
        display: block;
    }

    .event-status .featuredMember .featuredMemberRight {
        width: 100%;
        display: block;
    }

    /*********************EventPayment-step-1 Page*******************/
    .roomoptions-form .selected-ro .pkg-ans label,
    .roomoptions-form .selected-ro .pkg-ans-block label {
        max-width: 77%;
    }

    .roomoptions-form .selected-ro .div-child {
        display: block;
        width: 100%;
    }

    .roomoptions-form .selected-ro .div-parent {
        display: block;
        width: 100%;
    }

    .roomoptions-form .selected-ro .addon-div {
        display: block;
    }

    /*********************EventPayment-step-1 Page*******************/
}

@media only screen and (max-width:991px) {

    /*********************Chat CSS*******************/
    .chat-wrapper {
        margin-top: 0;
    }

    .chat-wrapper .chatter-list {
        width: 100%;
        display: table;
    }

    .chat-wrapper .chat-details {
        display: none;
        padding: 0;
    }

    .show-chat-details .chat-wrapper .chat-details {
        display: block;
    }

    .show-chat-details .chat-wrapper .chatter-list {
        display: none;
    }

    .show-chat-details .chat-wrapper .back-chatlist {
        display: block;
    }

    .chat-wrapper .chat-hide {
        display: none;
    }

    .chat-wrapper .chat-show {
        display: table;
        width: 100%;
        padding: 0;
    }

    .chat-wrapper .chat-show .back-chatlist {
        display: block;
    }

    .chat-wrapper .chat-show .back-chatlist a {
        border: solid 1px #D5D5D5;
        padding: 5px 10px;
        border-radius: 2px;
        background: #fff;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        display: inline-block;
        margin-bottom: 8px;
        color: #000;
        text-transform: uppercase;
    }

    .chat-wrapper .chat-show .back-chatlist a:hover {
        text-decoration: none;
    }

    .over-most .chatter-list {
        display: none;
    }

    .over-most .chat-details {
        display: block;
    }

    .chat-wrapper .chat-details .chatters .chatters-col h4 {
        margin: 0;
    }

    .chat-wrapper .chatter-list .row-maillist .time .timeP {
        font-weight: normal;
    }

    .chat-wrapper .chatter-list .search .col-icons {
        width: 145px;
    }

    .chat-wrapper .chatter-list .search .col-icons .icon-all,
    .chat-wrapper .chatter-list .search .col-icons .icon-folder {
        margin-right: 5px;
    }

    #messageContentSearch {
        width: 100%;
    }

    /*********************end Chat CSS*******************/
    .fmf-specific-person .mi-info-row {
        display: block;
    }

    .fmf-specific-person .match-info .mi-info {
        display: block;
        margin-bottom: 10px;
    }

    .fmf-specific-person .mi-info-row .mi-info-col {
        padding: 0 0 8px 0;
        display: block;
    }

    .shalachmanot .monthly-plan .block-plan .month {
        text-align: center;
    }

    .shalachmanot .monthly-plan .block-plan .features p span {
        text-align: left;
    }

    .fullVideoHeight {
        background-image: none;
        padding: 0;
    }

    .fullVideoHeight .backgroundImage {
        display: block;
    }

    /*.eventParticipation .owl-stage-outer {
        width: 75%;
        margin: 0 auto;
    }*/
    /* DineNMeet EventPaymentVerify */
    .payment-event-detail-desc .mm-table .mm-table-row {
        display: table-row;
    }

    /* ends DineNMeet EventPaymentVerify */
    /* Event Status Page */
    .payment-event-detail-location ul li p {
        font-size: 13px;
    }

    .event-detail p.details-text {
        font-size: 13px;
    }

    /* ends Event Status Page */
    .payment-form .credit-card-details .term-condition .text-xs-center {
        text-align: center;
    }

    .payment-form .credit-card-details .existing-card .verify-cert {
        margin-left: 0px;
    }

    .payment-form .existing-card a.btn-agree {
        margin-top: 15px;
        margin-left: 0;
    }
}

@media only screen and (max-width:767px) {
    .membership-ad.platinumBanner .row-mem .vertical-center {
        position: relative;
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        top: 0;
        left: 0;
        width: 100%;
    }
    /* made changes by dhiraj 12/02/2024 country code popup issue */
    #UpdateCountryCodePhoneNoModal .txtCCContactPhone{
        padding:7px 0px;
    }
    #UpdateCountryCodePhoneNoModal .txtCCAlternatePhone{
        padding:7px 0px;
    }
    /* made changes by dhiraj 12/02/2024 country code popup issue */
    /*.headerTop.sticking {
        position: relative;
    }*/
    /*body:not(.clsIncompleteUser) .headerTop.sticking .headerRight {
        display: none;
        padding-top: 0;
        z-index: 1;
    }*/
    

    /*.headerTop.direction-top .headerRight {
        display: block;
        opacity: 0;
        -webkit-animation: menuBottomShow 0.5s ease-out forwards;
        animation: menuBottomShow 0.5s ease-out forwards;
    }*/

    /*.sticking .headerRight .btn {
        transition: all 0s;
        padding: 5px 15px;
    }*/
    /*.headerRight.afterLogin {
        display: none !important;
    }*/

    .headerTop .rightLanguageHeader {
        float: right;
        display: block;
    }

    .headerTop .rightLanguageHeader ul li {
        display: inline-block;
    }

    .headerTop .rightLanguageHeader ul li.langDrop a {
        color: #26377d;
    }

    .headerTop .rightLanguageHeader ul li.langDrop a:hover,
    .headerTop .rightLanguageHeader ul li.langDrop a:focus,
    .headerTop .rightLanguageHeader ul li.langDrop a:active {
        text-decoration: none;
    }

    .headerTop .rightLanguageHeader ul li.langDrop a .glyphicon {
        font-size: 11px;
    }

    .headerTop .rightLanguageHeader ul li.langDrop {
        position: relative;
        font-size: 13px;
        margin-top: 20px;
    }

    .headerTop .rightLanguageHeader ul li.langDrop>div {
        position: relative;
        display: inline-block;
    }

    .headerTop .rightLanguageHeader ul li .dropdown-menu {
        min-width: 10px;
    }

    .headerTop .rightLanguageHeader .dropdownright .dropdown-menu {
        left: auto;
        right: 0;
    }

    .headerTop .rightLanguageHeader ul li .dropdown-menu li {
        min-width: 10px;
    }

    .headerTop.sticking .headerRight.adminHeader {
        display: block;
    }
    /* made changes by dhiraj 13-01-2025 external header */
    .small-logo .headerLogo img {
        width: 160px;
        height: auto;
        max-height: 50px;
        image-rendering: -webkit-optimize-contrast !important;
    }
    /* made changes by dhiraj 13-01-2025 external header */
	.newSeattleShadchan .small-logo .headerLogo img {
		max-height: 45px;
	}

    .sticking.small-logo .headerLogo img {
        width: 120px;
    }

    .newIndexOdy .sticking.small-logo .headerLogo img {
        width: auto;
    }
	.newSeattleShadchan .sticking.small-logo .headerLogo img {
        width: 100px;
    }

    .sticking .socialIcon {
        width: 30px;
        height: 30px;
        background-position: -400px -929px;
    }

    .sticking .menu .chat-notification {
        margin: 0;
    }

    

    

    .headerTop.sticking .headerRight.adminHeader {
        top: 10px;
    }

    /*.headerRight>ul {
        margin-left: -5px;
        margin-right: -5px;
    }*/

    .headerRight.adminHeader>ul {
        margin-left: 0;
        margin-right: 0;
    }

    .headerRight>ul:after {
        content: "";
        display: block;
        clear: both;
    }
/* made changes by dhiraj 27-01-2025 UI header changes */
    .headerRight.noLang>ul>li {
        width: 49%;
        float: left;
    }
/* made changes by dhiraj 27-01-2025 UI header changes */
/* made changes by dhiraj 07-05-2025 Ui is not proper, on header in mobile browser for Login and signup buttons. */
.AdoptaShadchan .headerRight #ulBeforeLogin > li {
    float: none;
}
/* made changes by dhiraj 07-05-2025 Ui is not proper, on header in mobile browser for Login and signup buttons. */
    .headerRight.noLang>.createProfileBtn>li {
        width: auto;
        min-width: 35%;
        float: none;
    }
/* made changes by dhiraj 20-06-2026 Matchmaker - Internal Header button hide */
    .references .headerRight ul li.logout{
        display: block !important;
    }
.headerRight ul li.li-mstatus{width: calc(100px - 5px);display: block;}
/* made changes by dhiraj 20-06-2026 Matchmaker - Internal Header button hide */
    .headerRight ul li.logout,
    .headerRight ul li.li-mstatus {
        display: none;
    }
    .headerRight ul li.logout.profile-step{
        margin-top: 5%;
        display: block;
    }
    /*.headerRight>ul>li+li {
        margin-left: 0;
    }*/
    /* made changes by dhiraj 20-06-2026*/
      .headerRight ul li.li-mstatus a {
        display: block;
      float: none !important;
    }
    /* made changes by dhiraj 20-06-2026*/
    /*changes for login width 05-12-2024*/
    header .headerRight > ul#ulBeforeLogin > li > a {
        display: block;
        float: none !important;
    }
    /*changes for external header  27-01-2025 button size changed*/
    .newIndex .ExternalLoginOverlay {
        font-size: 15px;
        margin-top: 0px;
    }
    /*changes for external header  27-01-2025 button size changed*/
    .JArgentina .headerVideoWrapper h1 span {
        color: #fff !important;
    }
    /*changes for login width 05-12-2024*/

    /*.headerRight ul li .dropdown-menu {
        left: 0%;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }*/
    /*.headerVideoWrapper:before {
        background: none;
    }*/
    .videoTextInner .videoTextRight,
    .videoTextInner .videoTextLeft {
        display: block;
        text-align: center;
    }

    .videoText {
        display: block;
        height: auto !important;
        position: static;
        padding: 10px 0;
        background: #000064 !important;
        vertical-align: bottom;
    }

    .removeBgColor .videoText {
        position: static;
    }

    .headerVideoWrapper h1,
    .headerVideoWrapper h1 span {
        font-size: 32px;
        line-height: 35px;
        margin: 5px 0;
    }

    .videoTextInner .videoTextLeft img {
        max-width: 65%;
        margin: 0 auto;
        display: block;
    }

    .footerBttm .footerLeft {
        text-align: center;
    }

    .footerBttm .footerRight {
        text-align: center !important;
        margin-top: 0px;
    }

    .footerBttm .footerMiddle:empty+.footerRight.col-sm-4 {
        margin-top: 15px;
    }

    .contentSection.fullHeight {
        height: auto;
        display: block;
        padding: 0;
        background: none !important;
    }

    .contentSection.fullHeight>.fullHeightInner {
        display: block;
    }

    .contentSection .backgroundImage {
        display: block;
    }

    .parallaxTextBg {
        background: #FFF;
    }

    .parallaxTextBg h2 {
        color: #1683fb;
    }

    .parallaxTextBg p {
        color: #000;
    }

    .aboutusContent {
        display: block;
        text-align: center;
        position: relative;
        padding-top: 80px;
    }

    .aboutusContent+.aboutusContent {
        margin-top: 25px;
    }

    .aboutusContent .aboutusContentPic {
        width: 70px;
        display: block;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -35px;
    }

    /******************************************************** start about us ******************************/
    .aboutusContent .aboutusContentInner,
    .aboutusContent:nth-child(even) .aboutusContentInner {
        padding-right: 0;
        padding-left: 0;
    }

    /******************************************************** end about us ******************************/
    /*********************************************** matchmaker sign up *******************************/
    .mmSForm.profileStep {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mmSForm .selectGroup,
    .mm-profile-section .selectGroup {
        margin-left: -5px;
        margin-right: -5px;
    }
    .mmSForm .form-group {
        padding-right: 0;
        /*margin-bottom: 5px;*/
    }
    .mmSForm .selectGroup .selectGroupInner .form-group,
    .mm-profile-section .selectGroup .selectGroupInner .form-group {
        padding-right: 5px;
        padding-left: 5px;
    }
    .mmSForm .control-label {
        float: none;
        width: 100%;
        margin-bottom: 5px;
        margin-top: 0;
    }

    .mmSForm .control-label:empty {
        display: none;
    }

    .mmSForm .selectGroup {
        padding-right: 0;
        margin-bottom: 5px;
    }

    .mmSForm .selectGroup .selectGroupInner .form-group+.form-group {
        margin-top: 5px;
    }

    .date_of_birth_inputs .col-xs-12 {
        width: 33.33%;
        margin-top: 0 !important;
    }

    /****************************************** end matchmaker sign up *******************************/
    /****************************************** start profile step ***************************************/
    .progressHeader {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .progressHeader li p {
        display: none;
    }

    .mobile-bluetxt {
        display: block;
    }

    .acceptablePlaces+.acceptablePlaces {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px #eee solid;
    }

    .acceptablePlaces .acceptablePlacesLeft {
        width: 40%;
    }

    .acceptablePlaces .acceptablePlacesMiddle {
        width: 60%;
    }

    .acceptablePlaces .acceptablePlacesRight {
        width: 100%;
        margin-top: 5px;
    }

    /*.progressHeader li:first-child {
        margin-left: -7%;
    }
    .progressHeader li:last-child {
        margin-right: -7%;
    }*/
    /****************************************** end profile step ***************************************/
    /****************************************** start member login ***************************************/
    .modal-body .loginRight h3 {
        color: #1683fb;
        position: static;
        left: 0;
        right: 0;
        top: 0;
    }

    /****************************************** end member login ***************************************/
    /****************************************** start success ***************************************/
    .successTop h1 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .successTop {
        display: block;
    }

    .successTop .successTopLeft,
    .successTop .successTopMiddle,
    .successTop .successTopRight {
        display: block;
    }

    /****************************************** end success ***************************************/
    /****************************************** start finalview ***************************************/
    .sidebar-nav li.logoutUl {
        display: block;
    }

    .equalHeightContainer .profilePic {
        margin-right: 0;
        margin-bottom: 10px;
        width: 140px;
    }

    .equalHeightContainer .profilePicRight {
        float: right;
        width: 100%;
        padding: 0;
    }

    .memberAccordion .detailRows .col-xs-12+.col-xs-12 {
        margin-top: 5px;
    }

    /****************************************** end finalview ***************************************/
    /****************************************** start Dashboard ***************************************/
    .borderBox .count {
        display: none;
    }

    .borderBoxWrapper {
        width: 100%;
    }

    /*.borderBoxWrapper + .borderBoxWrapper {
        margin-top: 5px;
    }*/
    .findMatchWrapper,
    .expiringMatchesWrapper,
    .activeMatchesWrapper {
        width: 100%;
    }

    .memberNotificationsWrapper {
        width: 100%;
    }

    .dashboardScroll {
        height: 200px;
    }

    .active-matches-mem {
        height: 100px;
    }
    .event-status,
    .active-matches-panel {
        height: auto;
    }

    .graph {
        height: 250px;
    }

    .dashboardCol+.dashboardCol {
        margin-top: 10px;
    }

    .greybgMMPanel .mathmakerName {
        width: 50%;
    }

    .mmcontacticonsMain ul {
        padding: 0;
    }

    .mmcontacticonsMain ul li:last-child .deletemmicon {
        margin: 0;
    }

    .greybgMMPanel .matchmakerThreeicons {
        width: 50%;
    }

    .mmcontacticonsMain {
        float: right;
    }

    .greybgMMPanel .matchmakernotifctonicons {
        margin-top: 5px;
    }

    .switchWrapper .maleName,
    .switchWrapper .femaleName {
        display: inline-block;
        margin-right: 5px;
        min-width: 100px;
    }

    /****************************************** end Dashboard ***************************************/
    /**************************Gold/Basic benefits css*************************/
    .gray-box {
        padding: 10px;
    }

    .view-score .vs-how-to-improve-ma {
        padding: 10px;
    }

    /* .payment-form .credit-card-details .existing-card .cc-box,
    .payment-form .credit-card-details .new-card {
        margin: 0;
    } */
    .payment-form .credit-card-details .existing-card .cc-box.gray-box {
        padding: 5px 10px 5px 20px;
        margin: 5px 0;
    }

    .payment-form .credit-card-details .existing-card .new-card.white-box {
        padding: 5px 10px 5px 20px;
        margin: 5px 0;
        position: relative;
    }

    .payment-form .credit-card-details .existing-card .new-card.white-box>.billing-card {
        margin-left: -5px;
    }

    .payment-form .payment-note {
        margin: 0;
        padding: 0;
    }

    .payment-form .credit-card-details .existing-card .new-card .new-card-row {
        margin-left: -30px;
        margin-right: -30px;
    }

    .payment-form .cc-box.gray-box label.credit-card-title {
        display: inline-block;
        margin-left: 0;
    }

    .payment-form .cc-box.gray-box label.credit-card-title:nth-child(4) {
        display: inline-block;
        margin-left: 0px;
    }

    .payment-form .cc-box.gray-box label.address-title {
        display: block;
        margin-left: 0px;
    }

    .hltd-mem .src-filter {
        margin-bottom: 0;
    }

    .heading-blue {
        /*padding-bottom: 10px;
        margin-bottom: 15px;*/
        margin-top: 0;
        font-size: 20px;
    }

    .viewScore .heading-blue {
        margin-bottom: 0;
    }

    .table-benefits {
        border: 0;
    }

    .table-benefits.table-benefits-new {
        border: solid 1px #c2c2c2;
        border-bottom: 0;
    }

    .banner5V2 .table-benefits.table-benefits-new {
        border-bottom: 1px solid #c2c2c2;
    }

    .table-benefits .t-heading {
        display: none;
    }

    .table-benefits.table-benefits-new .t-heading {
        display: table;
    }

    .banner5V2 .table-benefits .t-heading {
        display: table-row;
    }

    .table-benefits .t-row {
        margin-bottom: 5px;
        border: solid 1px #cacaca;
    }

    .table-benefits.table-benefits-new .t-row {
        font-size: 12px;
        line-height: 1.2;
        margin-bottom: 0px;
        border: 0;
        border-bottom: solid 1px #cacaca;
    }
    .membership-ad.platinumBanner .row-mem .col-mem .t-col img {
        width: 10px;
    }
    .banner5V2 .table-benefits.table-benefits-new .t-heading .t-col,
    .membership-ad.banner5V2 .row-mem .col-mem .features,
    .membership-ad.banner5V2 .table-benefits.table-benefits-new .t-row .t-col.gold,
    .membership-ad.banner5V2 .table-benefits.table-benefits-new .t-row .t-col.platinum {
        padding: 3px 5px;
    }
    .banner5V2 .table-benefits.table-benefits-new .t-heading .t-col:first-child,
    .banner5V2 .table-benefits.table-benefits-new .t-row .t-col.features:first-child {
        font-size: inherit;
        padding-left: 5px;
    }
    .banner5V2 .table-benefits .t-heading .t-col.gold,
    .banner5V2 .table-benefits .t-heading .t-col.platinum,
    .banner5V2 .table-benefits.table-benefits-new .t-heading .t-col:first-child {
        font-size: 14px;
        line-height: 1.2;
    }
    .table-benefits .t-heading .t-col.gold,
    .table-benefits.table-benefits-new .t-row .t-col.gold {
        width: 50px;
    }
    .table-benefits .t-heading .t-col.platinum,
    .table-benefits.table-benefits-new .t-row .t-col.platinum {
        width: 70px;
    }
.table-benefits .t-row:last-child {
    border-bottom: 1px solid #cacaca;
}
    .table-benefits .t-row .t-col:not(.basic,.gold,.platinum) {
        display: block;
        width: 100% !important;
    }
    .table-benefits .t-row .t-col-wrap .t-col:not(.furures) {
        width: 100% !important;
    }
    .table-benefits .t-row .t-col-wrap .t-col:first-child {
        width: 50% !important;
    }
    .table-benefits.table-benefits-new .t-row .t-col {
        display: table-cell;
        width: auto;
    }

    .table-benefits .t-row .t-col:has(.features) {
        padding: 5px 5px 0 5px;
        width:100% !important;
    }
    .table-benefits .t-row .t-col.t-col-wrap:first-child {
        padding: 5px 5px 0 5px;
        width:50% !important;
    }
    .table-benefits .t-row .t-col.basic[title]:before {
        color: #26377d;
    }
    .table-benefits .t-row .t-col.platinum[title]:before {
        color: #68737f;
    }
    .table-benefits .t-row .t-col.platinum {
        width: 100%;
    }
    .table-benefits.table-benefits-new .t-heading .t-col:first-child {
        padding: 5px 10px;
    }

    .table-benefits.table-benefits-new .t-row .t-col.features:first-child {
        padding: 4px;
        font-size: 14px;
    }

    .table-benefits .t-row .t-col img+p {
        font-size: 13px;
        color: #8F8F8F;
    }

    .table-benefits .t-row .t-col.basic {
        width: 50%;
        display: table-cell;
        vertical-align: top;
        padding: 5px;
        border: 0;
    }

    .table-benefits .t-row .t-col.gold {
        width: 33.33%;
        display: table-cell;
        vertical-align: top;
        padding: 5px;
    }

    .table-benefits.table-benefits-new .t-row .t-col.gold {
        vertical-align: middle;
    }

    .table-benefits .t-row .t-col.basic:before {
        color: #26377d;
        min-height: 20px;
        font-weight: 700;
    }

    .table-benefits .t-row .t-col.gold:before {
        color: #d5a200;
        min-height: 20px;
        font-weight: 700;
    }

    .table-benefits .t-row .t-col:before {
        content: attr(title);
        display: block;
        text-transform: capitalize;
        font-size: 13px;
        color: #ff6600;
        margin-bottom: 0;
        font-weight: 700;
    }

    .table-benefits.table-benefits-new .t-row .t-col:before {
        display: none;
    }

    .table-benefits .t-row .t-col .t-col-wrap {
        margin-top: 0px;
        border-top: solid 1px #cacaca;
    }
    .table-benefits .t-row .t-col.basic,.table-benefits .t-row .t-col.gold,.table-benefits .t-row .t-col.platinum {
        padding: 9px;
        height: auto;
        border-right: solid 1px #cacaca;
    }
    .table-benefits .t-row .t-col.platinum{
        border-left: solid 0px #cacaca !important;
    }
    .table-benefits.table-benefits-new .t-row .t-col .t-col-wrap {
        margin-top: 0px;
        border-top: 0;
    }

    .table-benefits .t-row:nth-child(odd) {
        background: none;
    }

    /**************************end Gold/Basic benefits css*************************/
    /*********************Block match List*********************/
    .blockedmatchesWrapper .bm-row .col-center {
        width: 85%;
    }

    .blockedmatchesWrapper .bm-row .bm-col {
        display: inline-block;
    }

    .blockedmatchesWrapper .bm-row .col-btn {
        width: 100%;
        display: block;
        margin: 5px 0;
        text-align: right;
    }

    .blockedmatchesWrapper .bm-row .bm-col .btn-unblock {
        display: inline-block;
    }

    .blockedmatchesWrapper .bm-row .col-right {
        display: block;
    }

    .blockedmatchesWrapper .bm-row .bm-col .btn-unblock {
        padding: 5px 20px;
    }

    .states {
        margin-bottom: 15px;
    }

    /*********************end Block match List*********************/
    /*********************Block matchmaker List*********************/
    .bmlWrapper .bm-row .col-center {
        width: 85%;
    }

    .bmlWrapper .bm-row .bm-col {
        display: inline-block;
    }

    .bmlWrapper .bm-row .col-btn {
        width: 100%;
        display: block;
        margin: 5px 0;
        text-align: right;
    }

    .bmlWrapper .bm-row .col-center .bml-info {
        padding: 0 10px;
    }

    .bmlWrapper .bm-row .bm-col .btn-unblock {
        display: inline-block;
    }

    .bmlWrapper .bm-row .col-right {
        display: block;
    }

    .bmlWrapper .bm-row .bm-col .btn-unblock {
        padding: 5px 20px;
    }

    /*********************end Block matchmaker List*********************/
    /*********************member dashboard four mm*********************/
    .mathcmakerinfo-repeat {
        width: 100%;
    }

    /*********************end member dashboard four mm*********************/
    /*********************gold membership*********************/
    .gold-mem-row .gold-mem-col.left,
    .gold-mem-row .gold-mem-col.center {
        display: inline-table;
        width: 49%;
        position: relative;
    }

    .gold-mem-row .gold-mem-col.right {
        display: table-row;
        width: 100%;
        margin-top: 20px;
    }

    .gold-mem-row .gold-mem-col.center {
        text-align: left;
    }

    .gold-mem-row .btn-goldmem,
    .gold-mem-row .btn-basicmem {
        font-size: 13px;
        line-height: 15px;
        white-space: nowrap;
        position: absolute;
        top: -7px;
        right: 0;
        padding: 5% 13%;
    }

    .gold-mem-row .btn-goldmem strong,
    .gold-mem-row .btn-basicmem strong {
        font-size: 16px;
    }

    /*********************end gold membership*********************/
    /*********************Matchmaker Inbox*******************/
    .search-inbox .form-table {
        width: 100%;
    }

    .search-inbox .form-table .form-group {
        display: block;
        margin-bottom: 10px;
    }

    .search-inbox .form-table .radios {
        display: table-row;
        width: 100%;
    }

    .search-inbox .form-table .radios .form-group {
        display: inline-block;
        margin-bottom: 5px;
    }

    .search-inbox .form-table .btn-group {
        display: table-row;
        width: 100%;
    }

    .search-inbox .form-table .btn-group .form-group {
        display: inline-block;
        margin-top: 0
    }

    .search-inbox .form-table .search-txt {
        display: block;
        width: 100%;
    }

    .search-inbox .form-table .form-group .selectWrapper {
        display: block;
    }

    .inbox-controls .vasm-btn,
    .inbox-controls .showing {
        display: block;
        width: 100%;
        text-align: center;
    }

    .search-mm .inbox-controls.bottom .pull-right {
        width: 100%;
    }

    .table-inbox .t-heading {
        display: none;
    }

    .table-inbox .t-row .t-col {
        vertical-align: top;
    }

    .table-inbox .t-row>.t-col:first-child {
        width: 30px;
    }

    .table-inbox .flag {
        margin-top: 10px;
    }

    .table-inbox .t-row .t-col .t-col-wrap .t-col {
        padding: 0;
        display: block;
        width: 100%
    }

    .table-inbox .t-row .t-col .t-col-wrap .date {
        display: inline-block;
        width: auto;
        padding: 5px 10px 0 0;
        color: #929292;
        font-weight: 300;
    }

    .table-inbox .t-row .t-col .t-col-wrap .status {
        display: inline-block;
        width: auto;
        color: #929292;
        font-weight: 300;
        padding: 5px 0 0 0;
    }

    .inbox-controls .note,
    .inbox-controls .goto {
        display: block;
        width: 100%;
    }

    .mem-index .inbox-controls .note {
        display: none;
    }

    /*********************end Matchmaker Inbox*******************/
    /*********************My Matches*******************/
    .my-matches .optional-filter .of-row .of-cell {
        display: inline-block;
        width: 50%;
        margin-bottom: 10px;
    }

    .my-matches .optional-filter .of-row .of-cell:last-child {
        width: 25%;
    }

    .my-matches .mmWrapper .mm-row .mm-col .icon-call {
        display: inline-block;
    }

    .my-matches .mmWrapper .mm-row,
    .my-matches .mmWrapper .mm-row:last-child {
        width: 100%;
        vertical-align: top;
    }

    /*********************end My Matches*******************/
    /*********************My Matches*******************/
    .my-matches .panel-default>.panel-heading {
        display: none;
    }

    .my-matches .mmWrapper .mm-row,
    .my-matches .mmWrapper .mm-row:last-child {
        display: inline-table;
        width: 100%;
        border: solid 1px #dbdbdb;
        padding: 15px;
        margin-bottom: 5px;
    }

    .my-matches .mmWrapper .mm-row .mm-col {
        display: block;
        vertical-align: middle;
        width: 100%;
    }

    .my-matches .mmWrapper .mm-row .mm-col:before {
        content: attr(data-title);
        margin: 10px 0 10px 0;
        display: block;
        font-weight: 700;
        background: transparent;
        padding: 0;
        line-height: 24px;
    }

    .member-myMatch .mmWrapper .mm-row .mm-col:before {
        display: none;
    }

    .my-matches .mmWrapper .mm-row .mm-col.action {
        text-align: left;
    }

    .member-myMatch .mmWrapper .mm-row .mm-col.action {
        width: 230px;
    }
	/* Added by Mehul for task - Update myMatches and update progress report on 27-7-21 */
	#MyMatchesModal .statsWrapper {
		padding: 0;
	}
	#MyMatchesModal .modal-dialog {
		width: auto;
	}
	/* Added by Mehul for task - Update myMatches and update progress report on 27-7-21 */
    /*********************end My Matches*******************/
    /********************* Search for Matchmaker*******************/
    .search-mm .my-mm {
        display: block;
        width: 100%;
    }

    .search-mm .my-mm .mmm-col,
    .my-matches .mmWrapper .mm-row .mm-col.matchmaker p span.icon-box {
        display: block;
    }

    .member-myMatch .mmWrapper .mm-row .mm-col.matchmaker p span.icon-box {
        display: inline-block;
    }

    .search-mm .my-mm .mmm-col .user-pic {
        width: 65px;
        vertical-align: top;
    }

    .search-mm .my-mm .mmm-col .img {
        height: 50px;
        width: 50px;
        border-radius: 15px;
    }

    .search-mm .my-mm .mmm-col ul {
        padding: 0;
        margin: 8px 0;
        float: none;
        overflow: hidden;
    }

    .search-mm .my-mm .mmm-col.mmcorrespndgicons ul {
        margin-bottom: 0;
    }

    .search-mm .my-mm .mmm-col.mmcorrespndgicons li {
        padding: 0 20px 0 0;
    }
    .search-mm .my-mm .mmm-col.mmcorrespndgicons li a {
        display: block;
    }
	/* Updates to My MMs page changes done by Mehul*/
	/*.search-mm .myMM-wrapper  {
		margin:0 -15px;
	}*/
    .search-mm .myMM-wrapper .my-mm {
        border-left:0;
        border-right:0;
        margin-left: -5px;
        margin-right: -5px;
        padding: 5px;
        width: auto;
    }
    .search-mm .myMM-wrapper .my-mm .mmm-col.mmrelationships,
    .search-mm .myMM-wrapper .my-mm .mmm-col.mmcorrespndgicons{
        margin-left: 65px;
        width: auto;
    }
/* Updates to My MMs page changes done by Mehul*/
    /********************* end Search for Matchmaker*******************/
    /********************* Member Payment *******************/
    .membership-ad.banner8 .row-mem .col-mem .features li {
        width: 100%;
    }

    #ShowConFirmForm .monthly-plan .block-plan,
    .monthly-plan .block-plan {
        display: block;
        width: 100%;
    }

    .monthly-plan .block-plan.offerWrap {
        margin-bottom: 5px;
    }

    .monthly-plan .msg-saveupto {
        font-size: 16px;
        margin-top: 5px;
    }

    .membership-ad.banner8 {
        margin: 0;
        padding-bottom: 0;
    }

    .monthly-plan .block-plan .month {
        padding: 5px;
        font-size: 17px;
    }

    .monthly-plan .block-plan .price {
        display: block;
        width: 100%;
        font-size: 40px;
    }

    .monthly-plan .block-plan .price span {
        font-size: 20px;
        display: block;
    }

    .monthly-plan .block-plan.offerWrap .price span {
        display: inline;
    }

    .monthly-plan .block-plan .price.no-month {
        width: 100%;
        padding: 8px 5px;
    }
    .monthly-plan .block-plan.offerWrap .price.no-month,
    .monthly-plan .block-plan.offerWrap.mixPlans .price.no-month {
        font-size: 14px;
    }

    .monthly-plan .block-plan .features {
        display: block;
        width: 100%;
        text-align: center;
        padding: 15px;
        font-size: 16px;
        margin-bottom: 0px;
    }

    .monthly-plan .block-plan.offerWrap .features {
        padding: 3px 0 0 0;
    }

    .monthly-plan .block-plan.offerWrap.mixPlans .features {
        margin-top: 10px;
    }

    .monthly-plan .block-plan .plan-btn {
        display: block;
        width: 100%;
        position: relative;
        padding: 3px 0 5px 0;
    }
    .marketing-code .mc-row {
        padding-top: 0;
    }
    .payV2 .marketing-code {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .payV2 .payment-form {
        border-top: solid 1px #c6c6c6;
        padding-top: 0;
        margin-top: 0;
    }

    .monthly-plan .block-plan .plan-btn span {
        padding: 5px;
    }

    .payment-warning {
        padding: 100px 15px 15px 15px;
        background-position: center top 20px;
        text-align: center;
    }

    .payment-form .cards-validsec {
        padding: 0;
    }

    .membership-ad.jretromatch .row-mem .col-mem .features li {
        width: 100%;
    }

    .membership-ad.banner3 .row-mem .col-mem .features li {
        width: 100%;
    }

    .membership-ad.banner3 .mem-married {
        white-space: normal
    }

    .membership-ad.jjunction .row-mem .col-mem .features li {
        width: 100%;
    }

    .membership-ad.jjunction .mem-married {
        white-space: normal
    }

    .membership-ad.banner5 .row-mem .col-mem {
        width: 100%;
    }

    .membership-ad.banner5 .row-mem .col-mem .features li {
        width: 100%;
    }

    .membership-ad.banner5 .mem-married {
        white-space: normal;
    }

    .membership-ad.banner5 .mem-platinum {
        white-space: normal;
        text-align: center;
    }

    .membership-ad.platinumBanner .row-mem.mem-gold .features {
        width: 70%;
        margin: 0 auto;
    }

    .membership-ad.banner6 .row-mem .col-mem .features li {
        width: 100%;
    }

    .membership-ad.banner6 .mem-married {
        white-space: normal
    }

    .membership-ad.matchbox .row-mem .col-mem .features.threecol li {
        width: 100%;
    }

    .membership-ad.matchbox .mem-married {
        white-space: normal
    }

    /********************* end Member Payment *******************/
    /*********************fixes*******************/
    .twoMM .mathmakerName {
        width: 50%;
    }

    .twoMM .matchmakerThreeicons {
        width: 50%;
    }

    .twoMM .mmcontacticonsMain {
        float: right;
    }

    .twoMM .matchmakernotifctonicons {
        width: 100%;
        margin-top: 5px;
    }

    /*********************end fixes*******************/
    .pop-small .modal-dialog {
        margin: auto;
    }

    /*********************View Matchmaker Profile*******************/
    .view-mm-profile .profile-info {
        display: block;
        width: 100%;
        margin-top: 0;
    }

    .view-mm-profile .row-profile-name .btn-group {
        margin-top: 10px;
    }

    .view-mm-profile .profile-info .pi-cell.badges {
        display: block;
        width: 100%;
        margin-top: 5px;
        max-width: 100%;
    }

    .view-mm-profile .add-mm-row .left,
    .view-mm-profile .add-mm-row .right {
        display: block;
        width: 100%;
    }

    .view-mm-profile .add-mm-row .left {
        margin-bottom: 10px;
    }

    /*********************end View Matchmaker Profile*******************/
    .modal-langselec .modal-dialog {
        max-width: none;
    }

    /* .payment-form {
        margin-left: -15px;
        margin-right: -15px;
    } */
    .payment-form .credit-card-details {
        margin: 0 -5px;
    }

    .payment-form h5.heading span {
        display: inline !important;
    }

    .payment-form .pf-row .pf-col {
        width: 100%;
    }
    .payment-form .pf-row .pf-col.col-xs-2.cc-number{
        width: 50%;
    }
    .payment-form .pf-row .ccexpiry-section {
        width: 100%;
    }
/* made changes by dhiraj 07-02-2025 payment cc issue */
    .mobile-cc-section {
        display: block;
        float: left;
    }
    .mobile-cc-section .pf-col.col-xs-2.cc-number {
        width: calc(100% - 75%) !important;
    }
/* made changes by dhiraj 07-02-2025 payment cc issue */
    /* .payment-form .pf-row .pf-col.cc-number {
        width: 25%;
    } */
    .payment-form a.insert-new-card {
        float: right;
    }

    .payment-form .existing-card .payment-note {
        position: relative;
        display: block;
    }

    .payment-form .credit-card-details .term-condition .text-xs-center {
        text-align: center;
    }

    .payment-form .credit-card-details .existing-card .verify-cert {
        margin-left: 0px;
    }

    .payment-form .existing-card a.btn-agree {
        margin-top: 15px;
        margin-left: 0;
    }

    .payment-form .credit-card-details .existing-card .security-certificate {
        padding-top: 0px;
    }

    .payment-form .existing-card .security-certificate .credit-card-row .image-card {
        padding-top: 0px;
    }

    .payment-form .existing-card .credit-card-row .pf-row .pf-col.cc-name {
        width: 50%;
    }

    .payment-form .existing-card .credit-card-row .pf-row .pf-col.cc-name:nth-child(3) {
        clear: left;
    }

    .payment-form .existing-card .credit-card-row .pf-row .pf-col.cc-expiry {
        width: 33%;
    }

    .payment-form .existing-card .credit-card-row .pf-row:nth-child(4) .pf-col:nth-child(3).cc-expiry {
        clear: left;
    }

    /********************* Search for Matchmaker*******************/
    .search-mm .my-mm span+.mmm-col {
        margin-top: 10px;
    }

    /*********************end Search for Matchmaker*******************/
    .membership-ad .btn-gmgy {
        font-size: 22px;
    }

    .large-logo .headerLogo {
        line-height: normal;
    }

    .large-logo .headerLogo img {
        max-width: 240px !important;
        max-height: 36px;
    }

    /**************************css for banner login********************/
    .jjunctionlogin {
        margin: inherit;
    }

    .jjunctionlogin .banner-login {
        display: none;
    }

    .jjunctionlogin .loginForgotpwd h1 {
        display: block;
    }

    /**************************end css for banner login********************/
    .modal-open {
        position: relative;
        overflow: hidden;
        width: auto;
    }

    /*********************accept match page*********************/
    /*Changes for Bug- 2552*/
    .accept-match .mem-join-msg {
        padding: 0;
        font-size: 16px;
    }

    /*Changes for Bug- 2552*/
    .accept-match .mem-join-msg .btn-confirm {
        padding: 3px 5px;
        margin: 0 5px 0 0;
        font-size: 13px;
    }

    /*Changes for Bug- 2552*/
    .accept-match .mem-join-msg .btn-cancel {
        padding: 3px 5px;
        font-size: 13px;
    }

    .accept-match .mem-join-msg .pull-right {
        width: 100%;
        margin-top: 10px;
    }

    /*********************end accept match page*********************/
    /*********************add email for suggestion page*********************/
    .add-emailsugges .update-email .form-table {
        display: block;
    }

    .add-emailsugges .update-email .form-group.email-txt {
        width: 100%;
        display: block;
    }

    .add-emailsugges .update-email .form-group.btn-group {
        padding-left: 0;
    }

    .add-emailsugges .update-email .form-group .btn-save {
        margin: 0;
    }

    .add-emailsugges .update-email .form-group .btn-cancel {
        margin: 0 10px;
    }

    /*********************end add email for suggestion page*********************/
    /*********************change match status page*********************/
    .change-matchstats .update-status .form-table {
        display: block;
    }

    .change-matchstats .update-status .form-group.email-txt {
        width: 100%;
        display: block;
    }

    .change-matchstats .update-status .form-group.btn-group {
        padding-left: 0;
    }

    .change-matchstats .update-status .form-group .btn-save {
        margin: 0;
    }

    .change-matchstats .update-status .form-group .btn-cancel {
        margin: 0 10px;
    }
	.change-matchstats .update-status .form-group.btn-groupTbl {
        display: table;
		margin: 0 auto;
		text-align: center;
    }
    /*********************end change match status page*********************/
    /*********************decline match page*********************/
    /* Changes for bug 2552*/
    .decline-match .decline-msg {
        padding: 0;
        font-size: 16px;
    }

    /* Changes for bug 2552*/
    .decline-match .decline-msg .btn-cancel {
        padding: 3px 5px;
        font-size: 13px;
        margin: 0 0 5px 0;
        min-width: 100px;
    }

    /* Changes for bug 2552*/
    .decline-match .decline-msg .btn-confirm {
        padding: 3px 5px;
        margin: 0 5px 5px 0;
        font-size: 13px;
        min-width: 100px;
    }

    .decline-match .decline-msg .pull-right {
        width: 100%;
        margin-top: 10px;
    }

    /*********************end decline match page*********************/
    /********************* browse all MM *******************/
    .browseAll-MM .siteSelection .left {
        width: 100%;
    }

    .browseAll-MM .siteSelection .right {
        padding-left: 0;
        padding-top: 10px;
        text-align: left;
        display: block;
    }
/* Added by mehul for Update browse MM Task */
 .browseAll-MM .siteSelection .left {
        width: auto;
    }
	.browseAll-MM .siteSelection .left .selectWrapper {
    width: 200px;
}
 .browseAll-MM .siteSelection .right {
        padding-left: 10px;
        padding-top: 0px;
        text-align: left;
        display: inline-block;
		width:auto;
    }
/* Added by mehul for Update browse MM Task */
    /********************* end browse all MM *******************/
    /*********************compose mail page*********************/
    .compose-mail .cm-controls {
        display: block;
        width: 100%;
    }

    .compose-mail .cm-controls .note-left {
        display: block;
    }

    .compose-mail .cm-controls .btn-right {
        display: block;
        margin-top: 15px;
        width: 100%;
        white-space: normal;
    }

    /*********************end compose mail page*********************/
    /*ad findyourbashert*/
    .membership-ad.findyourbashert .row-mem .col-mem:last-child img {
        width: 100%;
    }

    .membership-ad.findyourbashert .row-mem .col-mem:last-child {
        text-align: right;
        width: 30%;
    }

    /*end ad findyourbashert*/
    /********************* mm member activity*******************/
    .mm-member-activity .mm-member-activity-table .ph-col {
        width: 100%;
    }

    /********************* end mm member activity*******************/
    .payment-form a.btn-agree {
        font-size: 13px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .payment-confirm-table .term-condition .btn-row a {
        font-size: 13px;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 10px;
    }

    /*ad jmontreal*/
    .membership-ad.jmontreal .row-mem .col-mem .features li {
        width: 100%;
    }

    .membership-ad.jmontreal .mem-married {
        white-space: normal
    }

    /*end ad jmontreal*/
    /*********************add phone for suggestion page*********************/
    .add-phonesuggest .update-phone .form-table {
        display: block;
    }

    .add-phonesuggest .update-phone .form-group.phone-txt {
        width: 100%;
        display: block;
    }

    .add-phonesuggest .update-phone .form-group.btn-group {
        padding-left: 0;
    }

    .add-phonesuggest .update-phone .form-group .btn-save {
        margin: 0;
    }

    .add-phonesuggest .update-phone .form-group .btn-cancel {
        margin: 0 10px;
    }

    /*********************end add phone for suggestion page*********************/
    /*********************alert about bad email page*********************/
    .alert-badEmail .update-email .form-group.email-txt:first-child {
        padding-right: 0;
    }

    .alert-badEmail .update-email .form-group.email-txt:last-child {
        padding-left: 0;
    }

    /*********************alert about bad email page*********************/
    /********************* View mm warning*********************/
    .vnp-warning .panel-body .msg-warning {
        /*padding: 100px 15px 15px 15px;*/
        background-position: center top 20px;
        text-align: center;
    }
	/*Added by mehul for Search MM task on 9 feb 2021*/
.search-mm-new .vnp-warning .panel-body .msg-warning { 
padding:15px;
}
    /********************* end View mm warning page*********************/
    /********************* myMemberHome/Pending member *********************/
    .mymember-home .vnp-warning .panel-body .msg-warning {
        padding: 100px 15px 15px 15px;
        background-position: center top 20px;
        text-align: center;
    }

    /********************* myMemberHome/Pending member *********************/
    /*********************member assign MM page*********************/
    .member-assign-MM .of-row {
        display: block;
    }

    .member-assign-MM .of-row .of-cell {
        width: 49%;
        display: inline-block;
    }

    .member-assign-MM .of-row .of-cell:first-child,
    .member-assign-MM .of-row .of-cell:nth-child(2) {
        width: 49%;
        display: inline-block;
        margin-bottom: 10px;
    }

    .member-assign-MM .of-row .of-cell:first-child {
        padding-left: 5px;
    }

    .member-assign-MM .of-row .of-cell:last-child {
        width: 100px;
    }

    /********************* end member assign MM page*********************/
    .add-mm .panel-body .msg-success-add {
        padding: 100px 15px 15px 15px;
        background-position: center top 20px;
        text-align: center;
        background-size: 65px;
    }

    /************Update Relationship page*************/
    .add-editRelationship .update-relation .form-table {
        display: block;
    }

    .add-editRelationship .update-relation .form-group.email-txt {
        display: block;
        width: 100%;
    }

    .add-editRelationship .update-relation .form-group.btn-group {
        padding-left: 0;
    }

    .add-editRelationship .update-relation .form-group .btn-save {
        margin: 0;
    }

    .add-editRelationship .update-relation .form-group .btn-cancel {
        margin: 0 10px;
    }

    /************end Update Relationship page*************/
    /**************Hold match page************/
    /* Changes for bug 2552*/
    .hold-match .hold-msg, .accept-match .accept-msg {
        font-size: 16px;
        padding: 10px 0;
    }

    /* Changes for bug 2552*/
    .hold-match .hold-msg .btn-cancel {
        font-size: 13px;
        margin: 0 0 5px;
        padding: 3px 5px;
    }

    /* Changes for bug 2552*/
    .hold-match .hold-msg .btn-confirm {
        font-size: 13px;
        margin: 0 5px 5px 0;
        padding: 3px 5px;
    }

    .hold-match .hold-msg .pull-right {
        margin-top: 10px;
        width: 100%;
    }

    .hold-match .accept strong,
    .hold-match .hold strong,
    .hold-match .decline strong {
        font-size: 16px;
    }

    /**************end Hold match page************/
    /**************poke matchmaker page**********/
    .poke-Matchmaker .cm-controls {
        display: block;
        width: 100%;
    }

    .poke-Matchmaker .cm-controls .note-left {
        display: block;
    }

    .poke-Matchmaker .cm-controls .btn-right {
        display: block;
        margin-top: 15px;
    }

    /**************end poke matchmaker page**********/
    /*********************alert about bad email page*********************/
    .transfer-suggestion .update-email .form-group.email-txt {
        width: 100%;
    }

    .transfer-suggestion .whats-this .btns {
        margin-top: 10px;
    }

    .transfer-suggestion .whats-this .tip-whats-this {
        width: 100%;
    }

    /*********************end alert about bad email page*********************/
    /*********************View Survey page*********************/
    .view-survey .vs-top-text .col-left {
        display: block;
    }

    .view-survey .vs-top-text .col-right {
        display: block;
        text-align: left;
        padding-top: 0;
        width: 100%;
    }

    .view-survey .btn-submit,
    .view-survey .btn-skip,
    .view-survey .btn-cbl {
        margin: 5px 5px 0 0;
    }

    .view-survey .btn-row {
        text-align: left;
    }

    /*********************end View Survey page*********************/
    /***********Member Locations Page***********/
    .location-table .row-country ul li {
        padding: 0 10px 5px 0;
        width: auto;
    }
    .location-table .btn-group {
        margin-top: 0;
    }

    /***********end Member Locations Page***********/
    /*********************alert about bad email page*********************/
    .alert-badEmail .update-email .form-table {
        display: block;
        width: 100%;
    }

    .alert-badEmail .update-email .form-group {
        display: block;
        width: 100% !important;
    }

    /*********************end alert about bad email page*********************/
    /***********check for payment Page ***********/
    .checkfor-payments .membership-ad .row-mem .col-mem .features li {
        width: 100%;
    }

    /***********end check for payment Page ***********/
    /*********************Message details Inbox*******************/
    .msg-details .row-msg-info {
        display: block;
        width: 100%;
    }

    .msg-details .col-msg-info {
        display: block;
    }

    .msg-details .col-msg-info+.col-msg-info {
        width: 100%;
        text-align: left;
    }

    .msg-details .box-msg-details {
        margin-top: 5px;
    }

    /*********************end Message details Inbox*******************/
    .upgrade-memad .row-mem:last-child .col-mem:first-child {
        width: 100%;
        display: inline-block;
    }

    .upgrade-memad .row-mem .col-mem .features li {
        width: 50%;
    }

    .upgrade-memad .row-mem:last-child .col-mem:last-child {
        width: 100%;
        display: inline-block;
    }

    /*********************member legal page*********************/
    .member-legal .legalTable {
        display: block;
    }

    .member-legal .legalTable .legal-row {
        display: block;
    }

    .member-legal .legalTable .legal-row:first-child {
        margin-bottom: 10px;
    }

    /*********************end member legal page*********************/
    .contact-us .new-topic {
        margin-top: 0;
    }

    .contact-us .form-group {
        margin-bottom: 15px;
    }

    .contact-us .form-group+.form-group {
        margin-top: 0;
    }

    .mymatch-advsrc .src-filter>.row>div[class^="col-"]:first-child {
        border-right: 0;
    }

    /*********************MM View Notes*********************/
    .view-notes .panel {
        display: block;
        width: 100%;
    }

    .view-notes .bm-row {
        display: block;
        width: 100%;
        border: solid 1px #dbdbdb;
        padding: 5px;
        margin-bottom: 5px;
    }

    .view-notes .bm-row label {
        margin: 2px 0 0 0;
    }

    .view-notes .panel-heading .bm-row .bm-col {
        padding: 7px;
    }

    .view-notes .panel-heading,
    .view-notes .panel-body {
        display: block;
        width: 100%;
    }

    .view-notes .panel-heading {
        display: none;
    }

    .view-notes .bm-row .bm-col {
        vertical-align: top;
        border-bottom: 0;
        padding: 5px 7px;
    }

    .view-notes .bm-row .bm-col:before {
        content: attr(data-title);
        margin: 5px 0 10px 0;
        display: block;
        font-weight: 700;
        background: #f6f6f6;
        padding: 0 4px;
        line-height: 24px;
        color: #000;
    }

    .view-notes .bm-row .col-left {
        width: 30px;
    }

    .view-notes .bm-row .col-center {
        width: 100%;
    }

    .view-notes .bm-row .col-left:before,
    .view-notes .bm-row .col-center:before {
        display: none;
    }

    .view-notes .bm-row .date {
        width: 100%;
        text-align: left;
        display: block;
    }

    .view-notes .bm-row .col-right {
        display: block;
        width: 100%;
    }

    .view-notes .bm-row:last-child .bm-col {
        border: 0;
    }

    .view-notes .vn-controls {
        display: block;
        width: 100%;
        margin-top: 10px;
    }

    .view-notes .vn-controls .vn-col {
        display: inline-block;
        vertical-align: middle;
    }

    .view-notes .vn-controls .vn-col a {
        color: #1683fa;
    }

    .view-notes .vn-controls .vn-col:nth-child(2) {
        text-align: center;
        display: inline-block;
    }

    .view-notes .vn-controls .total strong {
        color: #26377d;
    }

    .view-notes .vn-controls .vn-col:last-child {
        display: block;
        width: 100%;
    }

    .view-notes .vn-controls .vn-col .showing {
        margin: 0;
    }

    .view-notes .ec-row {
        display: block;
    }

    .view-notes .ec-row .ec-col {
        display: block;
    }

    /*********************end MM View Notes*********************/
    .suggest-match-form .row-btn .btn-suggest-match,
    .suggest-match-form .row-btn .btn-cancel {
        padding: 9px 10px;
        font-size: 13px;
        margin: 0 0 5px 0;
    }

    /* .modal-dialog {
        margin: 10px auto;
    } */
    .itemRight .owl-stage {
        float: left;
    }

    /*********************review profile page *********************/
    .review-profile .match-pic .info .row-address {
        display: block;
        word-break: break-all;
        word-break: break-word;
        word-wrap: break-word;
        font-size: 13px;
    }

    .review-profile .match-pic .info .address {
        display: block;
    }

    .review-profile .match-info .btn-hgltmem {
        float: none !important;
    }

    .review-profile .match-info .name {
        font-size: 13px;
    }

    .review-profile .match-info .name p {
        margin: 0;
    }

    .review-profile .match-info {
        border: 0;
        margin: 0;
        padding: 0;
        min-height: 40px;
    }

    .review-profile .match-pic .pic {
        width: auto;
        display: block;
        margin: 10px 0;
    }

    .review-profile .match-pic .pic img {
        width: 90%;
    }

    .review-profile .match-pic .info .imgs {
        display: none;
    }

    .review-profile .match-pic .pic,
    .review-profile .match-pic .info {
        display: block;
        padding: 0px;
    }

    .review-profile .match-pic .pic {
        max-width: 155px;
    }

    .review-profile.make-match #individual.mf-match .male-match,
    .review-profile.make-match #individual.mf-match .female-match {
        display: block;
    }

    .review-profile .mf-match .female-match {
        display: none;
    }

    .review-profile.make-match #individual.mf-match .female-match {
        display: none;
    }

    .review-profile.make-match.show-male #individual.mf-match .male-match,
    .review-profile.show-male .mf-match .male-match {
        display: block;
    }

    .review-profile.make-match.show-male #individual.mf-match .female-match,
    .review-profile.show-male .mf-match .female-match {
        display: none;
    }

    .review-profile.make-match.show-female #individual.mf-match .male-match,
    .review-profile.show-female .mf-match .male-match {
        display: none;
    }

    .review-profile.make-match.show-female #individual.mf-match .female-match,
    .review-profile.show-female .mf-match .female-match {
        display: block;
    }

    .review-profile .mf-match {
        padding: 6px;
        margin-top: 0;
    }

    .review-profile .female-match .match-pic .name span {
        color: #193cbf;
    }

    .review-profile .male-match .match-pic .name span {
        color: #193cbf;
    }

    .review-profile .male-match .match-pic .name .title span {
        color: #193cbf;
    }

    .review-profile .female-match .match-pic .name .title span {
        color: #bf193c;
    }

    .review-profile .sbtitle-text {
        font-size: 13px;
        font-weight: 400;
    }

    .review-profile .sbtitle-text li.maleName,
    .review-profile .sbtitle-text li.femaleName {
        display: block;
    }

    .review-profile .match-infotbl .row-infotbl.match .col-infotbl strong {
        /*color: #00802f;*/
    }

    .review-profile .match-infotbl .row-infotbl.no-match .col-infotbl strong {
        color: #cc0000;
    }

    .review-profile .match-infotbl .row-infotbl .col-infotbl+.col-infotbl {
        display: none;
    }

    .review-profile #both .match-infotbl .row-infotbl .col-infotbl+.col-infotbl {
        display: block;
        text-align: right;
        color: #00802f;
        font-weight: 700;
        width: 70px;
    }

    .review-profile #both .match-infotbl .row-infotbl.not-match .col-infotbl+.col-infotbl {
        text-align: right;
        color: #cc0000;
        font-weight: 700;
        width: 70px;
    }

    /* .review-profile.make-match .f-float {
        position: fixed;
        right: 0;
        top: 150px;
        padding: 15px;
        background: #bf193c url(../images/icon-female.png)no-repeat center;
        height: 38px;
        z-index: 9;
        display: block;
        width: 35px;
    } */
    .review-profile.make-match.show-male .f-float {
        display: block;
    }

    .review-profile.show-female .m-float {
        display: block;
    }

    .review-profile .collapse.in {
        display: none;
    }

    .review-profile .rp-plus:before {
        content: "\002b";
    }

    .review-profile .rp-plus.glyphicon-minus:before {
        content: "\2212";
    }

    /*********************end review profile page *********************/
    /* .make-match .mf-match .male-match,
    .make-match .mcriteria,
    .make-match .show-both,
    .review-profile .mf-match .male-match {
        display: block;
    } */
    .make-match .match-pic .pic {
        max-width: 135px;
    }

    .make-match .match-pic .info {
        padding: 10px 0 0 0;
    }

    .make-match .male-match .match-pic .info .name,
    .make-match .female-match .match-pic .info .name {
        font-size: inherit;
        font-weight: normal;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /*********************Find Match page *********************/
    .find-match .match-pic .mp-left {
        display: table;
        width: 100%;
        margin-bottom: 10px;
    }

    .find-match .fmWrapper .panel {
        display: block;
    }

    .find-match .fmWrapper .panel .panel-body {
        display: block;
    }

    .find-match .fmWrapper .panel .panel-heading {
        display: none;
    }

    .find-match .fmWrapper .bmm-row .bmm-col.pd,
    .find-match .fmWrapper .bmm-row .bmm-col.previous-match {
        width: 100%;
    }

    .find-match .fmWrapper .bmm-row .bmm-col.previous-match {
        margin-left: 85px;
    }

    .mem-index .mmWrapper .mm-row .col-pic,
    .pm-table .mmWrapper .mm-row .col-pic {
        padding-top: 5px;
    }

    .find-match .fmWrapper .bmm-row .bmm-col:first-child:before,
    .find-match .fmWrapper .bmm-row .bmm-col:last-child:before {
        display: none;
    }

    .find-match .fmWrapper .bmm-row .bmm-col.estimate {
        width: auto;
        text-align: left;
    }

    .find-match .fmWrapper .bmm-row .bml-info {
        vertical-align: middle;
    }

    .find-match .fmWrapper .bmm-row {
        /*border-bottom: solid 1px #dbdbdb; */
        position: relative;
        display: block;
        padding: 5px 0 10px;
    }

    .find-match-v2 .fmWrapper .bmm-row {
        padding: 15px 0 10px;
    }

    .find-match .fmWrapper .bmm-row .bmm-col:before {
        content: attr(data-title);
        margin: 0;
        display: block;
        font-weight: 700;
        background: transparent;
        padding: 0 4px;
        line-height: 24px;
    }

    .find-match .fmWrapper .bmm-row .previous-match:before {
        content: attr(data-title);
        margin: 0;
        display: inline-block;
        font-weight: 500;
        background: transparent;
        padding: 0;
        line-height: 24px;
    }

    .find-match .fmWrapper .bmm-row .bmm-col:last-child {
        width: 30%;
        position: absolute;
        right: 10px;
    }

    .find-match .fmWrapper .bmm-row .bmm-col .btn-find,
    .find-match .fmWrapper .bmm-row .bmm-col .btn-review {
        display: inline-block;
    }

    .find-match .add-view-note {
        display: block;
        width: 100%;
    }

    .find-match .add-view-note .form-group {
        margin-bottom: 10px;
    }

    .find-match .src-filter>.row>div[class^="col-"]:first-child {
        border: 0;
    }

    /*********************end Find Match page *********************/
    .msg-details a.report-spam {
        display: block;
        border: 0;
        margin: 0 0 10px 0;
        padding: 0;
    }

    li.insetCont:hover .sub-menu {
        display: none;
    }

    li.insetCont a .fa-caret-right {
        display: none;
    }

    .fmf-specific-person .match-info,
    .fmf-specific-person .mi-info-row {
        display: block;
    }

    .fmf-specific-person .match-info .mi-photo,
    .fmf-specific-person .match-info .mi-info {
        display: block;
        margin-bottom: 10px;
    }

    .fmf-specific-person .mi-info-row .mi-info-col {
        padding: 0 0 8px 0;
        display: block;
    }

    .update-prog-match .form-table {
        display: block;
    }

    .update-prog-match .form-group.phone-txt {
        display: block;
        width: 100%;
    }

    .update-prog-match .form-group.btn-group {
        padding: 0;
    }

    .update-prog-match .form-group .btn-save {
        margin-left: 0;
    }

    .hltd-mem .src-filter>.row>div[class^="col-"]:first-child {
        border: 0;
    }

    .mem-index .src-filter .gray-btnrow {
        display: block;
    }

    .mem-index .src-filter .gray-btnrow .left,
    .mem-index .src-filter .gray-btnrow .right {
        display: block;
    }

    .mem-index .src-filter .gray-btnrow .right {
        text-align: left;
        padding-top: 8px;
        margin-top: 5px;
        border-top: solid 1px #e4e4e4;
    }

    .mem-index .src-filter .gray-btnrow .right .btn-find {
        float: right;
    }

    /*cancel match css*/
    .cancel-match-form,
    .cancel-match-form .cmf-fld {
        display: block;
    }

    .cancel-match-form .form-group.btn-group {
        display: table-cell;
        vertical-align: middle;
    }

    .cancel-match-form .cmf-fld {
        width: 100%;
    }

    .cancel-match-form .form-group .btn-cancel {
        margin-left: 0;
    }

    /*cancel match css*/
	/* Removed Below CSS for Bug:34917 (Buttons has to be Right alligned) */
    /*.view-mm-profile .vmp-btn-group {
        float: none !important;
    }*/

    .view-mm-profile .vmp-btn-group .btn-sendmail,
    .view-mm-profile .vmp-btn-group .btn-chat {
        margin: 10px 0 0 0;
    }
	/*Changes done by mehul for mmprofile redesign task*/
.view-mm-profile .info-panel .panel {
    border-bottom: 1px solid#ddd;
    padding-bottom: 15px;
}
.view-mm-profile .panel, .view-mm-profile .info-panel {
    margin-bottom: 0px !important;
}

.view-mm-profile .panel {
    border: 0;
    box-shadow: none;
}
/*Changes done by mehul for mmprofile redesign task*/
    /* shalach manot css */
    .shalachmanot .banner-shalachmanot {
        font-size: 20px;
    }

    .shalachmanot .banner-shalachmanot img {
        width: 120px;
    }
    .shalachmanot .banner-shalachmanot span {
        width: calc(100% - 140px);
        padding-left: 0;
    }

    .shalachmanot .smmm-list li {
        width: 100%;
    }

    /* .shalach manot css */
    /*.mm-editprofile .bsmc .chks {
        display: block;
    }*/

    .edit-system-settings .row-question .ans .col-es.carrier .selectWrapper,
    .edit-system-settings .row-question .ans .col-es.carrier .labelInputWrapper {
        display: block;
        width: 100%;
    }

    .edit-system-settings .row-question .ans .col-es.carrier .labelInputWrapper {
        margin-top: 10px;
    }

    /*********************Saved Matches page*********************/
    /*.saved-matches input.btn-vasm {
        display: block;
        text-align: center;
        margin-bottom: 10px;
        width: 300px;
        margin: 10px 0 10px;
    } */
    /*********************end Saved Matches page*********************/
    .chat-wrapper .chat-details .write-message .btns {
        margin-top: 1px;
    }

    .member-searchMM .searchMM-name .nameMM-row,
    .member-searchMM .search-MMlocation .locationMM-row {
        display: block;
        width: 100%;
    }

    .member-searchMM .searchMM-name .nameMM-row .nameMM-col-left,
    .member-searchMM .search-MMlocation .locationMM-row .locationMM-col-left {
        display: block;
    }

    .member-searchMM .searchMM-name .nameMM-row .nameMM-col-right,
    .member-searchMM .search-MMlocation .locationMM-row .locationMM-col-right {
        display: block;
        width: auto;
        padding-bottom: 20px;
    }

    .member-searchMM .searchMM-name .nameMM-row .nameMM-col-right .for-radiotn {
        padding-left: 0px;
    }

    .past-event {
        padding: 10px;
    }

    /* .eventParticipation .owl-stage-outer {
        width: 75%;
        margin: 0 auto;
    }*/
    .past-event .owl-carousel .owl-next,
    .past-event .owl-carousel .owl-prev {
        width: 40px;
        height: 40px;
        font-size: 30px;
    }

    .live-event img:first-child {
        padding: 5px 0 10px;
        margin-bottom: 10px;
    }

    .event-detail {
        margin-top: 15px;
    }

    .event-detail .event-img-desc .event-details-image img {
        display: block;
        margin: 0px auto;
    }

    .event-detail .event-img-desc ul.event-details-desc {
        padding-left: 0;
        padding-top: 25px;
        word-wrap: break-word;
        word-break: break-all;
        word-break: break-word;
    }

    .event-detail .event-img-desc ul.event-details-desc li p {
        margin-bottom: 10px;
    }

    .payment-event>div {
        min-width: auto;
    }

    .payment-event-detail {
        display: block;
    }

    .payment-event-detail-desc,
    .payment-event-detail-location {
        display: block;
        width: 100%;
    }

    .payment-event-detail-location {
        padding: 10px 15px;
    }

    .payment-event-detail-desc {
        margin: 0 0 15px;
    }

    .payment-event>div {
        min-width: auto;
    }

    .payment-event-detail {
        display: block;
    }

    .payment-event-detail-desc {
        margin: 0 0 15px;
    }

    .event-detail {
        margin-top: 15px;
    }

    .event-detail .event-img-desc .event-details-image img {
        display: block;
        margin: 0px auto;
    }

    .event-detail .event-img-desc ul.event-details-desc {
        padding-left: 0;
        padding-top: 25px;
    }

    .event-detail .event-img-desc ul.event-details-desc li p {
        margin-bottom: 10px;
    }

    .event-detail p.title-text {
        margin-bottom: 10px;
    }

    .event-detail ul {
        margin-bottom: 15px;
    }

    .roomoptions-form .selected-ro .pkg-name {
        display: block;
    }

    .roomoptions-form .selected-ro .pkg-ans {
        display: block;
        text-align: center;
        padding: 8px;
    }

    .absolute-overlay .videoText {
        padding: 10px 0;
        background: #ccc;
    }

    .row-react-btn .btn {
        display: block;
        margin: 5px auto !important;
        width: 240px !important;
        text-align: center;
    }

    .notification-section p label {
        color: #000064;
        font-weight: 300;
        margin-top: 5px;
        margin-bottom: 0px;
        width: 90%
    }

    /*********************MatchMakerSignUp Page*******************/
    .mmSForm .selectGroup .selectGroupInner .form-group+.form-group.form-drop-1 {
        margin-top: 5px;
    }

    /***********end MatchMakerSignUp Page ***********/
    /*********************DineNMeetEventPayment Page*******************/
    .notification-section p label.label-prefer {
        width: auto;
    }

    /*********************ends DineNMeetEventPayment Page*******************/
    .roomoptions-form .selected-ro .pkg-ans label,
    .roomoptions-form .selected-ro .pkg-ans-block label {
        max-width: 100%;
    }
	 /*Update to Request Match Progress Report*/
	.report-match-progress.rmp-container {
		overflow-x:hidden;
	}
	.report-match-progress.rmp-container textarea{
		width:100%;
	}
	.report-match-progress.rmp-container #femaleEditor {
		margin-bottom:15px;
	}
	.report-match-progress.rmp-container .rmp-status .status,
	.report-match-progress.rmp-container .rmp-status .small-note{
		width:100%;
		padding-right:0;
	}
	
	/*Update to Request Match Progress Report*/ 
}
/*Update to Request Match Progress Report*/ 
@media only screen and (max-device-width:767px) {
	.report-match-progress.rmp-container .rmp-status{
		flex-direction:column;
	}
	.report-match-progress.rmp-container .rmp-title h5 {
		margin-bottom:5px;
		
	}
}
/*Update to Request Match Progress Report*/ 
@media only screen and (max-width:500px),
screen and (max-height:700px) {

    /*********************end Chat CSS*******************/
    .messageInfo {
        bottom: 30px;
    }

    .messageInfo .messageInfoInner {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .messageInfo .messageInfoInner:after {
        width: 20px;
        height: 25px;
        margin-left: -10px;
        margin-top: 5px;
        background-size: 100% auto;
        -webkit-animation: downmove-ban-small 2s infinite ease;
        animation: downmove-ban-small 2s infinite ease;
    }

    .verify-pkg .mm-table-cell {
        width: 85%;
    }

    /*********************end Chat CSS*******************/
    /* EventPaymentVerify */
    .payment-event-detail-desc .verify-pkg .mm-table-cell {
        width: 100%;
    }

    /* ends EventPaymentVerify */
	
	
}

@media only screen and (max-width:420px) {

    /*********************Block matchmaker List*********************/
    .bmlWrapper .bm-row {
        display: block;
        overflow: hidden;
    }

    .bmlWrapper .bm-row .col-center {
        width: 85%;
        display: inline-table;
    }

    .bmlWrapper .bm-row .col-left {
        display: inline-table;
    }

    .bmlWrapper .bm-row .col-center .bml-profile-pic {
        width: 60px;
        height: 60px;
    }

    .bmlWrapper .bm-row .col-btn {
        width: 100%;
        display: block;
        margin: 5px 0;
        text-align: right;
    }
	.blockedMMList .bmlWrapper .panel-body {
		padding:0 10px;
	}
.blockedMMList .bm-row .col-center { 
width: 65%; 
}
.blockedMMList .bmlWrapper .bm-row .col-btn  { 
width: 32%; 
display:inline-block;
}
    .bmlWrapper .bm-row .col-center .bml-info {
        padding: 0 6px;
    }

    .bmlWrapper .bm-row .bm-col .btn-unblock {
        display: inline-block;
    }

    .bmlWrapper .bm-row .col-right {
        display: block;
    }

    .bmlWrapper .bm-row .bm-col .btn-unblock {
        padding: 5px 20px;
    }
	/*Blocked MM Task*/
	.blockedMMList .bmlWrapper .bm-row .bm-col .btn-unblock {
        padding: 5px;
    }
	.blockedMMList .gray-box .btn-add {
		width:100%;
		margin-bottom:10px;
	}	
	/*Blocked MM Task*/
    /*********************end Block matchmaker List*********************/
    /**************Match Section**************/
    .match-sec {
        display: none;
    }

    /**************end Match Section**************/
    /*********************gold membership*********************/
    .gold-mem-row .gold-mem-col.right ul li,
    .gold-mem-row .gold-mem-col.left ul li {
        display: block;
    }

    .gold-mem-row .gold-mem-col.left,
    .gold-mem-row .gold-mem-col.right,
    .gold-mem-row .gold-mem-col.center {
        display: block;
        width: 100%;
        margin: 0;
    }

    .gold-mem-row .gold-mem-col.center {
        margin: 10px 0;
    }

    .gold-mem-row .btn-goldmem,
    .gold-mem-row .btn-basicmem {
        position: static;
        padding: 3% 13% 5%;
    }

    /*********************end gold membership*********************/
    /*********************My Matches*******************/
    .my-matches .optional-filter .of-row .of-cell {
        display: inline-block;
        width: 99%;
        margin-bottom: 10px;
    }

    .my-matches .optional-filter .of-row .of-cell:last-child {
        width: 99%;
    }

    /*********************end My Matches*******************/
    .inbox-controls .showing {
        text-align: center;
    }

    .inbox-controls .showing .showin-txt {
        display: block;
        padding-bottom: 5px;
    }

    .inbox-controls .showing a.first {
        margin-left: 0;
    }

    /*********************Add notes CSS*******************/
    .addNoteModal .panel .panel-heading {
        overflow: hidden;
    }

    .addNoteModal .panel .panel-heading .pull-right {
        float: none !important;
    }

    .addNoteModal .panel .panel-heading .pull-right span {
        margin: 0 5px 0 0;
    }

    .marketing-code input[type="text"] {
        width: 62%;
        margin-right: 5px;
    }

    

    /********************* start Member Payment *******************/
    .payment-form .sub-heading {
        font-size: 13px;
        margin-left: 4px;
        display: inline-block;
        width: 90%;
    }

    .payment-form .term-condition {
        margin-top: 0;
    }

    .payment-confirm-table .cc-details .card {
        font-size: 16px;
    }

    .payment-confirm-table .cc-details .card img {
        max-width: 40px
    }

    /********************* end Member Payment *******************/
    /*.headerTop .searchWrapper {
        display: table;
        width: 100%;
    }*/

    .headerTop .searchWrapper .chat-notification {
        display: table-cell;
        vertical-align: bottom;
        padding-right: 15px;
        width: 80px;
    }

    .headerTop .searchWrapper .chat-notification .chat-icon {
        background: url(../images/icn-chat.png) no-repeat left bottom;
        /*padding: 0 0 7px 28px;*/
        display: inline-block;
        cursor: pointer;
        border-right: solid 1px #dadada;
        padding-right: 15px;
    }

    .headerTop .chat-notification .drop-notification {
        padding: 0;
        right: 0;
        width: 100%;
        top: 53px;
    }

    /*.headerTop .chat-notification .drop-notification:before{left:9px;}
    .headerTop .chat-notification .drop-notification:after{left:11px;}
    .headerTop .searchWrapper .search {
        display: table-cell;
        vertical-align: bottom;
    }*/

    /********************* mm member activity*******************/
    .mm-member-activity .mm-member-activity-table .ph-col:before {
        padding: 0;
        margin-right: 5px;
    }

    /*********************end mm member activity*******************/
    /*********************member assign MM page*********************/
    .member-assign-MM .of-row {
        display: block;
    }

    .member-assign-MM .of-row .of-cell {
        width: 100%;
        display: inline-block;
        padding: 0;
        margin-bottom: 10px;
    }

    .member-assign-MM .of-row .of-cell:first-child,
    .member-assign-MM .of-row .of-cell:nth-child(2) {
        width: 100%;
        padding: 0;
        display: inline-block;
        margin-bottom: 10px;
    }

    .member-assign-MM .of-row .of-cell:last-child {
        width: 100px;
    }

    /********************* end member assign MM page*********************/
    /*.search-mm .my-mm .mmm-col .title {
        padding-left: 5px;
    }*/

    /***********Member Locations Page***********/
    /*.location-table .row-country ul li {
        width: 100%;
    }*/

    /***********end Member Locations Page***********/
    .view-mm-profile .row-profile-name .btn-blk:after {
        content: attr(data-original-title);
        right: auto;
        left: 0;
    }

    /*********************member index page*********************/
    .mem-index .optional-filter .of-row .of-cell {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
    }

    .mem-index .optional-filter .of-row .of-cell:last-child {
        width: 100%;
    }

    .mem-index .optional-filter .of-row .of-cell .btn-search {
        width: 100%;
    }

    /*********************end member index page*********************/
    /*********************Advanced Custom Find Match page *********************/
    .adv-cusfindinfo .match-info {
        display: block;
    }

    .adv-cusfindinfo .match-info .mi-photo,
    .adv-cusfindinfo .match-info .mi-info {
        display: block;
    }

    .adv-cusfindinfo .match-info .mi-info {
        padding: 10px 0 0;
    }

    .adv-cusfindinfo .match-info h4~.selectWrapper {
        margin-top: 10px;
    }

    .adv-cusfindinfo .row-btn-bsmc .btn-green,
    .adv-cusfindinfo .row-btn-bsmc .btn-red {
        padding: 9px 10px;
    }

    .adv-cusfindinfo .bsmc .row-brsrc {
        display: block;
    }

    .adv-cusfindinfo .bsmc .row-brsrc .col-btn-brosrc {
        display: block;
    }

    .adv-cusfindinfo .bsmc .row-brsrc .col-brosrc-info {
        padding: 6px 0 0 0;
    }

    /*********************end Advanced Custom Find Match page *********************/
    /* shalach manot css */
    .shalachmanot .banner-shalachmanot {
        font-size: 20px;
    }

    .saved-matches input.btn-vasm {
        width: auto;
    }

    .member-searchMM .btn-searchname {
        width: 100%;
    }

    .member-searchMM .searchMM-name .nameMM-row .nameMM-col-right {
        display: block;
    }

    .member-searchMM .searchMM-name .nameMM-row .nameMM-col-right .btnnameMM {
        display: block !important;
        float: none !important;
    }

    .member-searchMM .search-MMlocation .locationMM-row .locationMM-col-right .pull-right {
        float: none !important;
    }

    .member-searchMM .searchMM-finalButton .finalButtonMM-row .finalButtonMM-col-right {
        display: block;
    }

    .member-searchMM .searchMM-finalButton .finalButtonMM-row .finalButtonMM-col-right .btnnameMM {
        display: block !important;
        float: none !important;
    }

    .review-profile .row-btn .btn-green-line,
    .review-profile .row-btn .btn-red-line {
        display: block;
        text-align: center;
    }

    /*css for mm find match*/
    .fm-form .memberLeft,
    .find-match-v2 .memberLeft {
        float: none;
        margin: 5px auto 15px;
    }

    .fm-form .memberLeft,
    .mi-photo-box,
    .find-match-v2 .memberLeft {
        width: 100px;
    }

    .find-match .fmWrapper .bmm-row .col-pic {
        vertical-align: top;
        padding-top: 5px;
        width: auto;
        min-width: 85px;
    }

    .mi-photo-box {
        display: block;
        margin: 10px auto;
    }

    .right-search-wrap .left-side {
        display: inline-block;
        margin: 5px 0;
        padding: 0;
    }

    .right-search-wrap form {
        display: inline;
        width: 100%;
    }

    .right-search-wrap {
        float: none !important;
        width: 100%;
        position: relative;
    }

    .adv-cusfindinfo .right-search-wrap {
        float: right !important;
    }

    .right-search-wrap .right-side {
        width: 110px;
    }

    .find-match-v2 .right-search-wrap .right-side {
        width: 100%;
    }

    .previous-matches .pre-matches {
        display: block;
    }

    /*end css for mm find match*/
    /* .greybgMMPanel .mathmakerName,
    .greybgMMPanel .matchmakernotifctonicons, */
    .greybgMMPanel .matchmakerThreeicons,
    .greybgMMPanel .matchmakernotifctonicons .mmcorrespndgicons {
        width: auto;
        text-align: left;
        float: none;
        overflow: hidden;
    }

    .greybgMMPanel .mathmakerName {
        width: 55%;
    }

    .greybgMMPanel .matchmakernotifctonicons {
        width: 45%;
    }

    .greybgMMPanel .matchmakerThreeicons {
        float: right;
    }

    /* .greybgMMPanel .matchmakerThreeicons .mmcontacticonsMain {
        float: none;
    } */
    .greybgMMPanel .matchmakernotifctonicons .mmcorrespndgicons ul li:first-child {
        padding: 0;
    }

    .verify-pkg .mm-table-cell {
        width: 85%;
    }
}

@media only screen and (max-width:350px) {

    /****************************************** start Dashboard ***************************************/
    .headerRight.adminHeader {
        right: -10px;
    }

    .headerRight>ul>li .dropDownWrapperInner {
        margin-right: 10px;
    }

    /****************************************** end Dashboard ***************************************/
    .search-mm .my-mm .mmm-col .title .name {
        width: 100%;
        word-wrap: break-word;
        word-break: break-word;
        word-break: break-all;
    }

    .payment-form .credit-card-details .whats-this .tip {
        width: 300px;
    }

    .chat-notification .drop-notification {
        width: 100%;
    }

    .large-logo .headerLogo {
        vertical-align: middle;
        line-height: 50px;
    }

    .large-logo .headerLogo img {
        max-width: 175px !important;
    }

    /********************* review profile page *********************/
    .review-profile .match-pic .pic,
    .review-profile .match-pic .info {
        display: block;
    }

    /*********************end review profile page *********************/
}


/****************************************** bootstrap rtl *******************************/


/*.col-xs-offset-12 {
    margin-right: 100%;
    margin-left: 0;
}
.col-xs-offset-11 {
    margin-right: 91.66666667%;
    margin-left: 0;
}
.col-xs-offset-10 {
    margin-right: 83.33333333%;
    margin-left: 0;
}
.col-xs-offset-9 {
    margin-right: 75%;
    margin-left: 0;
}
.col-xs-offset-8 {
    margin-right: 66.66666667%;
    margin-left: 0;
}
.col-xs-offset-7 {
    margin-right: 58.33333333%;
    margin-left: 0;
}
.col-xs-offset-6 {
    margin-right: 50%;
    margin-left: 0;
}
.col-xs-offset-5 {
    margin-right: 41.66666667%;
    margin-left: 0;
}
.col-xs-offset-4 {
    margin-right: 33.33333333%;
    margin-left: 0;
}
.col-xs-offset-3 {
    margin-right: 25%;
    margin-left: 0;
}
.col-xs-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0;
}
.col-xs-offset-1 {
    margin-right: 8.33333333%;
    margin-left: 0;
}
.col-xs-offset-0 {
    margin-right: 0;
    margin-left: 0;
}

@media (min-width: 768px) {
    .col-sm-offset-12 {
        margin-right: 100%;
        margin-left: 0;
    }
    .col-sm-offset-11 {
        margin-right: 91.66666667%;
        margin-left: 0;
    }
    .col-sm-offset-10 {
        margin-right: 83.33333333%;
        margin-left: 0;
    }
    .col-sm-offset-9 {
        margin-right: 75%;
        margin-left: 0;
    }
    .col-sm-offset-8 {
        margin-right: 66.66666667%;
        margin-left: 0;
    }
    .col-sm-offset-7 {
        margin-right: 58.33333333%;
        margin-left: 0;
    }
    .col-sm-offset-6 {
        margin-right: 50%;
        margin-left: 0;
    }
    .col-sm-offset-5 {
        margin-right: 41.66666667%;
        margin-left: 0;
    }
    .col-sm-offset-4 {
        margin-right: 33.33333333%;
        margin-left: 0;
    }
    .col-sm-offset-3 {
        margin-right: 25%;
        margin-left: 0;
    }
    .col-sm-offset-2 {
        margin-right: 16.66666667%;
        margin-left: 0;
    }
    .col-sm-offset-1 {
        margin-right: 8.33333333%;
        margin-left: 0;
    }
    .col-sm-offset-0 {
        margin-right: 0;
        margin-left: 0;
    }

}
@media (min-width: 992px) {
    .col-md-offset-12 {
        margin-right: 100%;
        margin-left: 0;
    }
    .col-md-offset-11 {
        margin-right: 91.66666667%;
        margin-left: 0;
    }
    .col-md-offset-10 {
        margin-right: 83.33333333%;
        margin-left: 0;
    }
    .col-md-offset-9 {
        margin-right: 75%;
        margin-left: 0;
    }
    .col-md-offset-8 {
        margin-right: 66.66666667%;
        margin-left: 0;
    }
    .col-md-offset-7 {
        margin-right: 58.33333333%;
        margin-left: 0;
    }
    .col-md-offset-6 {
        margin-right: 50%;
        margin-left: 0;
    }
    .col-md-offset-5 {
        margin-right: 41.66666667%;
        margin-left: 0;
    }
    .col-md-offset-4 {
        margin-right: 33.33333333%;
        margin-left: 0;
    }
    .col-md-offset-3 {
        margin-right: 25%;
        margin-left: 0;
    }
    .col-md-offset-2 {
        margin-right: 16.66666667%;
        margin-left: 0;
    }
    .col-md-offset-1 {
        margin-right: 8.33333333%;
        margin-left: 0;
    }
    .col-md-offset-0 {
        margin-right: 0;
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .col-lg-offset-12 {
        margin-right: 100%;
        margin-left: 0;
    }
    .col-lg-offset-11 {
        margin-right: 91.66666667%;
        margin-left: 0;
    }
    .col-lg-offset-10 {
        margin-right: 83.33333333%;
        margin-left: 0;
    }
    .col-lg-offset-9 {
        margin-right: 75%;
        margin-left: 0;
    }
    .col-lg-offset-8 {
        margin-right: 66.66666667%;
        margin-left: 0;
    }
    .col-lg-offset-7 {
        margin-right: 58.33333333%;
        margin-left: 0;
    }
    .col-lg-offset-6 {
        margin-right: 50%;
        margin-left: 0;
    }
    .col-lg-offset-5 {
        margin-right: 41.66666667%;
        margin-left: 0;
    }
    .col-lg-offset-4 {
        margin-right: 33.33333333%;
        margin-left: 0;
    }
    .col-lg-offset-3 {
        margin-right: 25%;
        margin-left: 0;
    }
    .col-lg-offset-2 {
        margin-right: 16.66666667%;
        margin-left: 0;
    }
    .col-lg-offset-1 {
        margin-right: 8.33333333%;
        margin-left: 0;
    }
    .col-lg-offset-0 {
        margin-right: 0;
        margin-left: 0;
    }
}*/

@-webkit-keyframes menuShow {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes menuShow {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes menuBottomShow {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes menuBottomShow {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}


/*.innerPageWrapper .loginForgotpwd{padding: 40px 0;}*/


/**************************css for signup 	tooltip********************/

[data-tip] {
    position: relative;
}

[data-tip]:before {
    content: '';
    display: none;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #FF6600;
    position: absolute;
    top: 0px;
    right: 75px;
    z-index: 8;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}

[data-tip]:after {
    display: none;
    content: attr(data-tip);
    position: absolute;
    top: 5px;
    right: 35px;
    padding: 5px 8px;
    background: #FF6600;
    color: #fff;
    z-index: 9;
    font-size: 0.75em;
    height: auto;
    line-height: auto;
    border-radius: 3px;
    white-space: nowrap;
    word-wrap: normal;
}

[data-tip]:hover:before,
[data-tip]:hover:after {
    display: block;
}

[data-tip2] {
    position: relative;
}

[data-tip2]:before {
    content: '';
    display: block;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #FF6600;
    position: absolute;
    top: 0px;
    left: 15%;
    z-index: 8;
    font-size: 0;
    line-height: 0;
}

[data-tip2]:after {
    display: block;
    content: attr(data-tip2);
    position: absolute;
    top: 5px;
    left: 10%;
    padding: 5px 8px;
    background: #FF6600;
    color: #fff;
    z-index: 9;
    font-size: 0.75em;
    height: auto;
    line-height: auto;
    border-radius: 3px;
    white-space: nowrap;
    word-wrap: normal;
}

@media only screen and (max-width:460px) {
    .large-logo .headerLogo {
        line-height: 50px;
    }

    .large-logo.direction-bottom .headerLogo {
        line-height: normal;
    }

    /*add mm page */
    .add-mm .add-mm-row .btn-cancelMM {
        display: inline-block;
    }

    .add-mm .add-mm-row .right .btn-group {
        white-space: normal;
    }

    /* end add mm page*/
    .mem-index .src-filter .gray-btnrow .right .btn-find,
    .saved-matches .src-filter .btn-find {
        float: none;
        width: 100%
    }

    .hltd-mem .gray-box input.btn-find,
    .find-match-v2 .gray-box input.btn-find,
    .adminWrapper .gray-box input.btn-find {
        /* Added form Admin Views search button - Mehul*/
        float: none;
        width: 100%
    }

    .mymatch-advsrc .gray-box input.btn-find,
    .hltd-mem .src-filter .btn-search {
        float: none;
        width: 100%;
    }

    .restrict-member .gray-box div:last-child a {
        margin-left: -15px;
    }

    /* .eventParticipation .owl-stage-outer {
        width: 60%;
        margin: 0 auto;
    }*/
}


/**************************end css for signup 	tooltip********************/

.articleCarousel.owl-carousel {
    max-width: 800px;
    margin: 0 auto 15px auto;
}

.articleCarousel.owl-carousel .owl-item {
    text-align: center;
}

.articleCarousel.owl-carousel .owl-item .middleItem {
    margin-top: 1.5%;
}

.articleCarousel.owl-carousel .owl-item img {
    width: auto;
    max-width: 100%;
    display: inline-block;
}

.itemInnerWrap {
    max-width: 870px;
    margin: 0 auto;
}

.itemInnerWrap .itemInner {
    float: left;
    width: 12.5%;
    padding-left: 2px;
    padding-right: 2px;
}

.addViewLeft {
    float: left;
    color: #e66e3e;
    font-size: 18px;
    margin-top: 13px;
    margin-bottom: 0;
}

.addViewRight {
    float: right;
    margin-top: 8px;
}

#page-content-wrapper .btn-add-comments {
    color: #006400;
    font-size: 13px;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    background: #fff;
    text-decoration: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    display: inline-block;
}

#page-content-wrapper .btn-add-comments:hover {
    background: #006400;
    color: #fff;
    text-decoration: none;
}

#page-content-wrapper .btn-add-view-back {
    color: #e66e3e;
    font-size: 13px;
    border: solid 2px #e66e3e;
    border-radius: 4px;
    padding: 4px 15px;
    cursor: pointer;
    background: #fff;
    text-decoration: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 0 0 0 10px;
    display: inline-block;
    font-weight: normal;
}

#page-content-wrapper .btn-add-view-back:hover {
    background: #e66e3e;
    color: #fff;
    text-decoration: none;
}

#page-content-wrapper input.btn-add-comments,
#page-content-wrapper input.btn-add-view-back,
#page-content-wrapper .addViewGrayBoxRight a.btn-add-comments,
#page-content-wrapper .addViewGrayBoxRight a.btn-add-view-back {
    padding: 4px 15px;
}

.addViewTable {
    display: table;
    width: 100%;
    border: 1px #c8c8c8 solid;
    border-collapse: collapse;
    margin-top: 15px;
}

.addViewTableRow {
    display: table-row;
}

.addViewTableCell {
    display: table-cell;
    vertical-align: top;
    padding: 10px 12px;
    border-bottom: 1px #c8c8c8 solid;
}

.tableHead .addViewTableCell {
    font-weight: bold;
    background: #f5f5f5;
    border-bottom: 0;
}

.addViewTableCell:before {
    content: attr(data-title);
    display: none;
    font-weight: 700;
    color: #000;
    background: #f6f6f6;
    padding: 5px 12px 6px 12px;
    margin: 0px -12px 10px -12px;
    line-height: normal;
}

.addViewTableCell.datTime {
    text-align: center;
    color: #006400;
    width: 170px;
}

.addViewTableCell.commentType {
    width: 135px;
    text-align: center;
}

.addViewTableCell.matchMakerName {
    width: 200px;
    text-align: center;
}

.addViewTableCell.action {
    width: 125px;
    text-align: center;
}

.addViewGrayBox {
    margin-top: 20px;
}

.addViewGrayBox .redTxt {
    color: #b10000;
}

.addViewGrayBox .noteLeft {
    color: #b10000;
    float: left;
    margin-right: 5px;
}

.addViewGrayBox .noteRight {
    overflow: hidden;
}

.addViewGrayBoxLeft {
    float: left;
}

.addViewGrayBoxRight {
    float: right;
}

.linkEdit,
.linkClose {
    width: 42px;
    height: 42px;
    display: inline-block;
    margin: 0 2px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.linkEdit:hover,
.linkClose:hover {
    -webkit-transform: translate(0, -6px);
    transform: translate(0, -6px);
}

.linkEdit {
    background: url(../images/sprites.png) no-repeat -367px -57px;
}

.linkClose {
    background: url(../images/sprites.png) no-repeat -257px -109px;
}

@media only screen and (max-width:1200px) {
    .match-suggest .mmWrapper .mm-row .mm-col.action {
        width: 15%;
    }

    .menuClose .addViewTable {
        display: block;
        padding: 0;
        border: 0;
    }

    .menuClose .addViewTableRow {
        display: block;
        border: 1px #c8c8c8 solid;
    }

    .menuClose .addViewTableRow+.addViewTableRow {
        margin-top: 7px;
    }

    .menuClose .addViewTableRow.tableHead {
        display: none;
    }

    .menuClose .addViewTableRow.tableHead+.addViewTableRow {
        margin-top: 0;
    }

    .menuClose .addViewTable .addViewTableCell {
        text-align: left;
        display: block;
        border-bottom: 0;
        padding-top: 0;
        width: auto;
    }

    .menuClose .addViewTableCell:before {
        display: block;
    }

    .menuClose #page-content-wrapper input.btn-add-comments,
    .menuClose #page-content-wrapper input.btn-add-view-back {
        padding: 6px 12px;
    }

    .menuClose .addViewGrayBoxRight {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width:991px) {
    .addViewTable {
        display: block;
        padding: 0;
        border: 0;
    }

    .addViewTableRow {
        display: block;
        border: 1px #c8c8c8 solid;
    }

    .addViewTableRow+.addViewTableRow {
        margin-top: 7px;
    }

    .addViewTableRow.tableHead {
        display: none;
    }

    .addViewTableRow.tableHead+.addViewTableRow {
        margin-top: 0;
    }

    .addViewTable .addViewTableCell {
        text-align: left;
        display: block;
        border-bottom: 0;
        padding-top: 0;
        width: auto;
    }

    .addViewTableCell:before {
        display: block;
    }

    .addViewTable .addViewTableCell:empty {
        display: none;
    }

    #page-content-wrapper input.btn-add-comments,
    #page-content-wrapper input.btn-add-view-back,
    #page-content-wrapper .addViewGrayBoxRight a.btn-add-comments,
    #page-content-wrapper .addViewGrayBoxRight a.btn-add-view-back {
        padding: 6px 12px;
    }

    .addViewGrayBoxRight {
        margin-bottom: 10px;
    }
}

.mobileDevice .cropper-point.point-se,
.mobileDevice .cropper-point {
    width: 25px;
    height: 25px;
}




/*star chat editor top*/

.editorTop {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    font-weight: bold;
    padding: 5px 5px 5px 35px;
    background: #f9f9f9;
    border-bottom: 1px #e8e8e8 solid;
}

.mobileDevice .editorTop {
    display: none;
}

.blockUser .editorTop {
    display: none;
}

.editorTop:after {
    content: "";
    display: block;
    clear: both;
}

.editorTop .button {
    font-weight: bold;
    outline: 0;
    padding: 0;
    margin-left: 3px;
    padding-left: 3px;
    display: inline-block;
    border-left: 1px #e8e8e8 solid;
    background: none;
}
.editorTop .button input {
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0;
}
.editorTop>.button:last-child {
    border-right: 1px #e8e8e8 solid;
}

.editorTop .button .dropdown {
    position: relative;
    float: left;
    border: 1px transparent solid;
}

.editorTop .button .dropdown:hover,
.editorTop .button .dropdown.active {
    border: 1px #e8e8e8 solid;
}

.editorTop .button button,
.editorTop .button label {
    font-size: 18px;
    position: relative;
    font-weight: bold;
    outline: 0;
    cursor: pointer;
    padding: 0 8px;
    margin: 0;
    height: 24px;
    line-height: 24px;
    float: left;
    display: block;
    border: 0;
    background: none;
}

.editorTop .button button:hover,
.editorTop .button label:hover,
.editorTop .button button.active {
    background-color: #e8e8e8;
}

.editorTop .button .dropdown button {
    height: 22px;
}

.editorTop .button .dropdown>button+button {
    color: #777777;
    font-size: 9px;
    padding-left: 5px;
    padding-right: 5px;
}

.editorTop .button .dropdown>button+button:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    bottom: 5px;
    width: 1px;
    background: #e8e8e8;
}

.editorTop .button .active.dropdown>button {
    background: #e8e8e8;
}

.editorTop .button .dropdownList {
    display: none;
    font-size: 14px;
    font-weight: normal;
    padding-top: 10px;
    position: absolute;
    left: -1px;
    top: 100%;
}

.editorTop .button .active .dropdownList {
    display: block;
}

.editorTop .button .active .dropdownList:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 5px;
    width: 10px;
    height: 10px;
    background: #FFF;
    border-left: 1px #e8e8e8 solid;
    border-bottom: 1px #e8e8e8 solid;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.editorTop .button .dropdownListInner {
    width: 208px;
    padding: 5px;
    background: #FFF;
    border: 1px #e8e8e8 solid;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

.editorTop .button .dropdownListInner:after {
    content: "";
    display: block;
    clear: both;
}

.editorTop .button .buttonColor {
    position: absolute;
    bottom: 0;
    left: 3px;
    right: 3px;
    height: 3px;
}

.editor {
    outline: 0;
    padding: 10px;
}

.editorTop .button button.dropdownColor {
    position: relative;
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 3px;
}

.editorTop .button button.dropdownColor.selected:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    bottom: 1px;
    right: 1px;
    border: 1px #FFF solid;
}

.editorTop .button .dropdownColor1 {
    background: #c00000 !important;
}

.editorTop .button .dropdownColor2 {
    background: #ff0000 !important;
}

.editorTop .button .dropdownColor3 {
    background: #ffc000 !important;
}

.editorTop .button .dropdownColor4 {
    background: #ffff00 !important;
}

.editorTop .button .dropdownColor5 {
    background: #92d050 !important;
}

.editorTop .button .dropdownColor6 {
    background: #00b050 !important;
}

.editorTop .button .dropdownColor7 {
    background: #00b0f0 !important;
}

.editorTop .button .dropdownColor8 {
    background: #0070c0 !important;
}

.editorTop .button .dropdownColor9 {
    background: #002060 !important;
}

.editorTop .button .dropdownColor10 {
    background: #7030a0 !important;
}

.editorTop .button .dropdownColor11 {
    background: #555555 !important;
}

.mobileDevice .editorTop {
    padding-left: 0;
}

.editorTop .right-button-wrapper {
    float: right;
}
@media only screen and (max-width: 767px) {
    .editorTop .button .dropdownListInner {
        width: 282px;
    }

    .editorTop .button .dropdownList {
        left: -132px;
    }

    .editorTop .button button.dropdownColor {
        width: 18px;
        height: 18px;
    }

    .editorTop .button .active .dropdownList:before {
        left: 146px;
    }
}


/*end chat editor top*/

@media only screen and (max-width: 767px) {
    .eventParticipationWrapper .mbrfilePic {
        height: 0;
        width: auto;
    }
}


/* Event Participation */

@media only screen and (min-width:1600px) and (max-width:1799px) {
    /*.menuOpen .eventParticipation .owl-carousel.owl-drag .owl-item
{
    width: 218px !important;
}*/
}


/*Event participants slider */

.event-participation-custom {
    padding: 0 50px;
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    /*  .menuOpen .event-participation-custom {
    padding: 0 120px;
}*/
}

@media only screen and (min-width: 1200px) and (max-width: 1380px) {
    /* .menuOpen .event-participation-custom {
    padding: 0 88px;
}*/
}

@media only screen and (min-width: 1381px) and (max-width: 1599px) {
    /*.menuOpen .event-participation-custom {
    padding: 0 120px;
}*/
}


/* MM - Find-Match */

.find-match-v2 .right-search-wrap .left-side span.yes {
    margin-left: 7px;
}

.find-match-v2 .right-search-wrap .right-side .btn-find,
.fsp-box .right-search-wrap .right-side .btn-find {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    background: #fff;
    display: inline-block;
    margin-top: 0px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.2;
}

.find-match-v2 .right-search-wrap .right-side .btn-find:hover,
.fsp-box .right-search-wrap .right-side .btn-find:hover {
    background: #006400;
    color: #fff;
}

.find-match-v2 .left-side .selectWrapper select.form-control {
    height: 28px;
    padding: 2px 12px;
    padding-right: 20px;
    position: relative;
    bottom: 0px;
    color: #26377d;
    border: 0;
    font-size: 16px;
}

.find-match-v2 .right-search-wrap .btn-back-custom {
    border-radius: 4px;
    border-width: 1px;
    position: relative;
    bottom: 2px;
    margin-left: 5px;
    padding: 6.5px 15px;
    bottom: 1.5px;
    font-size: 13px;
}

.find-match-v2 .labelInputWrapper .form-control {
    font-size: 13px;
    height: auto;
}

.find-match-v2 .previous-matches {
    border-top: none;
}

.find-match-v2 .fm-form {
    position: relative;
}

.find-match-v2 .div-hr {
    background-color: #d6d6d6;
    height: 1px;
    position: absolute;
    width: 100%;
    left: 0px;
    margin-top: 7px;
}

.find-match-v2 .selectWrapper .select-space {
    padding-top: 14px;
    padding-bottom: 2px;
    padding-left: 6px;
}

.find-match-v2 .selectWrapper .selectname {
    left: 7px;
    top: 3px;
}

.find-match-v2 .fm-form .labelInputWrapper {
    padding-top: 14px;
    padding-bottom: 2px;
    padding-left: 6px;
}

.find-match-v2 .labelPlaceholder.labelFocus {
    left: 7px;
    top: 3px;
}

.find-match-v2 .fm-form .form-group {
    margin-bottom: 13px;
}

.find-match-v2 .fm-form .mm-table-cell-1 {
    width: 24%;
}

.find-match-v2 .fm-form .mm-table-cell-2 {
    width: 30%;
}

.find-match-v2 .fm-form .mm-table-cell-3 {
    width: 16%;
}

.find-match-v2 .fm-form .mm-table-cell-4 {
    width: 30%;
}

.find-match-v2 .pre-match-values {
    font-weight: 400;
}

.find-match-v2 .limit-msg {
    color: #cc0000;
    font-weight: 700;
}

.female-name,
.find-match-v2 .heading-blue .female-name,
.find-match-v2 .heading-blue .female-name a,
.highlight_Member .female-name,
.highlight_Member .female-name a,
.mm-content-wrapper .heading-blue .female-name,
.mm-content-wrapper .heading-blue .female-name a {
    color: #bf193c;
    text-decoration: none;
}

.male-name.find-match-v2 .heading-blue .male-name,
.find-match-v2 .heading-blue .male-name a,
.highlight_Member .male-name,
.highlight_Member .male-name a,
.mm-content-wrapper .heading-blue .male-name,
.mm-content-wrapper .heading-blue .male-name a {
    color: #26377d;
    text-decoration: none;
}

@media only screen and (min-width: 1801px) {
    .find-match-v2 .inbox-controls .goto {
        width: 65%;
    }

    .menuOpen .find-match-v2 .inbox-controls .goto {
        width: 61%;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
    .find-match-v2 .inbox-controls .goto {
        width: 50%;
    }

    .menuOpen .find-match-v2 .inbox-controls .goto {
        width: 50%;
    }

    .menuClose .find-match-v2 .inbox-controls .goto {
        width: 50%;
    }
}

.find-match-v2 .approvedRed {
    margin-top: 2px;
    color: #b10000;
}

.find-match-v2 .fmWrapper .bmm-row .bml-info .male-name a,
.find-match-v2 .fmWrapper .bmm-row .bml-info .female-name a {
    text-decoration: none;
    word-break: break-all;
}

.find-match-v2 .fmWrapper .bmm-row .bmm-info {
    width: 40%;
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .find-match-v2 .fm-form .mm-table-cell-1 {
        width: 30%;
    }

    .find-match-v2 .fm-form .mm-table-cell-2 {
        width: 27%;
    }

    .find-match-v2 .fm-form .mm-table-cell-3 {
        width: 16%;
    }

    .find-match-v2 .fm-form .mm-table-cell-4 {
        width: 27%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .find-match-v2 .fm-form .mm-table-cell:first-child,
    .find-match-v2 .fm-form .mm-table-cell-2,
    .find-match-v2 .fm-form .mm-table-cell-3,
    .find-match-v2 .fm-form .mm-table-cell-4 {
        width: auto;
    }
}
@media only screen and (min-width:992px) and (max-width:3600px) {
    /* made changes by dhiraj 31-03-2025 Internal Pages : Matchmaker - Part 1 - LHS menus to be standardized & Internal Pages : Matchmaker - Footer Removal from CMS  */
    .sidebar-nav li:hover ul.subMenu {
        display: block;
    }
    .sidebar-nav li:hover a span.rightArrow:before {
        content: "\e252" !important;
    }
    /* made changes by dhiraj 31-03-2025 Internal Pages : Matchmaker - Part 1 - LHS menus to be standardized & Internal Pages : Matchmaker - Footer Removal from CMS  */
}
/*@media only screen and (min-width:1600px) and (max-width:1799px)
{
   .menuClose .find-match-v2 .fm-form .mm-table-cell-4 {
    width: 29%;
}
   .menuClose .find-match-v2 .fm-form .mm-table-cell-3 {
    width: 17%;
}
   .menuClose .find-match-v2 .fm-form .mm-table-cell-2 {
    width: 29%;
}
     .menuClose .find-match-v2 .fm-form .mm-table-cell-1 {
    width: 25%;
}
}*/

@media only screen and (max-width:1199px) {

    .menuClose .find-match-v2 .fm-form .mm-table-cell:first-child,
    .menuClose .find-match-v2 .fm-form .mm-table-cell-2,
    .menuClose .find-match-v2 .fm-form .mm-table-cell-3,
    .menuClose .find-match-v2 .fm-form .mm-table-cell-4 {
        width: auto;
    }
}

@media only screen and (max-width:991px) {

    .find-match-v2 .fm-form .mm-table-cell:first-child,
    .find-match-v2 .fm-form .mm-table-cell-2,
    .find-match-v2 .fm-form .mm-table-cell-3,
    .find-match-v2 .fm-form .mm-table-cell-4 {
        width: auto;
    }

    #matchReferenceSendModel .modal-footer .btn {
        padding: 3px 8px;
    }
}


/*
.find-match-v2 .colMemberLeft
{
    position: relative;
}

.find-match-v2 .memberLeft
{


        float: none;
    margin: auto;
}*/

@media only screen and (min-width:1600px) and (max-width:1799px) {
    .menuOpen .find-match-v2 .pre-match .owl-item {
        width: 300px !important;
    }
}

@media only screen and (min-width:1401px) and (max-width:1599px) {
    .menuOpen .find-match-v2 .pre-match .owl-item {
        width: 254px !important;
    }
}

@media only screen and (min-width:1280px) and (max-width:1400px) {
    .menuOpen .find-match-v2 .pre-match .owl-item {
        width: 220px !important;
    }
}

@media only screen and (min-width:1800px) {
    .menuOpen .find-match-v2 .pre-match .owl-item {
        width: 380px !important;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {

    /* .menuOpen .pre-match .owl-item
{
    width: 333px !important;
}*/
    /* .menuOpen .find-match .pre-match {
    padding: 0 70px;
}*/
    .menuOpen .find-match-v2 .pre-match {
        padding: 0 90px;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1279px) {
    .menuOpen .find-match-v2 .pre-match {
        padding: 0 30px;
    }

    .menuOpen .find-match-v2 .pre-match {
        padding: 0 110px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .menuOpen .find-match-v2 .pre-match {
        padding: 0 77px;
    }

    .monthly-plan .block-plan .price {
        font-size: 26px;
    }
}


/* Check Match Page */

.check-match .right-search-wrap .btn-back-check {
    font-size: 16px;
    padding: 9.5px 15px;
    border-radius: 4px;
    border-width: 2px;
    position: relative;
    bottom: 2px;
}

.check-match .btn-blue-check {
    margin-top: 30px;
}

.check-match .review-profile .match-pic .icon-call {
    left: -8px;
}

.check-match .review-profile .match-pic .icon-msg {
    right: 12px;
}

.check-match .btn-green-line {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 20px;
    cursor: pointer;
    background: #fff;
    display: inline-block;
    margin-top: 0px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    font-weight: normal;
    line-height: 18.5714px;
}

.check-match .btn-green-line:hover {
    background: #006400;
    color: #fff !important;
}

.check-match .right-search-wrap .btn-back-custom {
    border-radius: 4px;
    border-width: 1px;
    position: relative;
    bottom: 2px;
    margin-left: 5px;
    padding: 6.5px 15px;
    bottom: 1.5px;
    font-size: 13px;
}

.check-match .review-profile .match-pic .info {
    vertical-align: top;
}

.review-profile .match-pic .info {
    vertical-align: top;
}


/*.check-match .review-profile .male-match .match-info .name span {
    display: inline-block;
    overflow: hidden;
    max-width: 175px;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: pre;
}

.check-match .review-profile .female-match .match-info .name span {
    display: inline-block;
    overflow: hidden;
    max-width: 180px;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: pre;
}*/

@media only screen and (max-width: 767px) {
    .check-match .review-profile .f-float {
        top: 169px;
    }

    .check-match .review-profile .mcri,
    .check-match .review-profile .fcri {
        text-decoration: underline;
    }

    .check-match .review-profile .match-pic .icon-msg {
        right: -12px;
    }
}


/*make match page*/

.make-match-body .match-pic .pic .icon-call {
    left: -8px;
}

.menuOpen .make-match-body .accordion.open-accordion .accordion-body {
    /*height: 100% !important;*/
    overflow-y: auto;
}

.make-match-body .btn-back-custom {
    /*  border-radius: 4px;
    font-size: 16px;*/
    border-radius: 4px;
    border-width: 1px;
    position: relative;
    bottom: 2px;
    margin-left: 5px;
    padding: 6.5px 15px;
    bottom: 1.5px;
    font-size: 13px;
}

.adv-cusfindinfo .bsmc select.form-control {
    /*padding-top: 14px;
    padding-bottom: 2px; */
    padding-left: 6px;
}

.adv-cusfindinfo .selectWrapper .selectname.label-small {
    opacity: 1;
    font-size: 80%;
    left: 7px;
    top: 3px;
}

.adv-cusfindinfo .bsmc .custom-row select.form-control {
    padding-top: 2px;
    padding-left: 10px;
}

.adv-cusfindinfo select.form-control::-ms-expand {
    display: none;
}

.adv-cusfindinfo .custom-row:after {
    content: "";
    display: block;
    clear: both;
}

.adv-cusfindinfo .form-adv-parent {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-top: 12px;
}

.adv-cusfindinfo .form-adv-parent>.form-group,
.adv-cusfindinfo .to-label-adv {
    display: table-cell;
}

.adv-cusfindinfo .form-adv-parent>.form-group p {
    margin-top: 8px;
}

.adv-cusfindinfo .form-adv-parent>.form-group {
    padding-bottom: 15px;
}

.adv-cusfindinfo .form-adv-parent>.form-group select::-ms-expand,
.form-group select::-ms-expand {
    display: none;
}

.adv-cusfindinfo .to-label-adv {
    text-align: center;
    width: 40px;
    vertical-align: middle;
    padding-bottom: 15px;
}

.adv-cusfindinfo .custom-cell-1 {
    width: 30%;
    float: left;
}

.adv-cusfindinfo .custom-cell-1+.custom-cell-1 {
    margin-left: 5%;
}

.adv-cusfindinfo .match-info {
    margin: 15px 0;
    display: table;
    width: 100%;
}

.adv-cusfindinfo .match-info .img-parent {
    display: table-cell;
    width: 100px;
}

.adv-cusfindinfo .match-info .name {
    display: table-cell;
    vertical-align: top;
}

.adv-cusfindinfo .match-info .name .male-name {
    font-size: 18px;
    color: #193cbf;
}

.adv-cusfindinfo .match-info .name .female-name {
    font-size: 18px;
    color: #bf193c;
}

@media only screen and (max-width: 1199px) {
    .adv-cusfindinfo .custom-cell-1 {
        width: 32%;
    }

    .adv-cusfindinfo .custom-cell-1+.custom-cell-1 {
        margin-left: 2%;
    }

    .menuOpen .adv-cusfindinfo .custom-cell-1 {
        width: 100%;
    }

    .menuOpen .adv-cusfindinfo .custom-cell-1+.custom-cell-1 {
        margin-left: 0;
    }
}

@media only screen and (max-width:992px) {

    /*Commented By Mehul because on ipad and mobile header was getting overlap with logo( height issue).*/
    .headerTop {
        height: auto;
    }
    .review-profile.make-match .m-float {
        position: fixed;
        right: 0;
        top: 150px;
        padding: 15px;
        background: #193cbf url(../images/icon-male.png)no-repeat center;
        height: 38px;
        z-index: 9;
        display: block;
        width: 35px;
    }

    .review-profile .mf-match .male-match:before {
        content: "";
        border: solid 3px #193cbf;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
    }

    .review-profile .mf-match .female-match:before {
        content: "";
        border: solid 3px #bf193c;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
    }

    .review-profile .mf-match .male-match,
    .review-profile .mf-match .female-match {
        padding: 8px;
        margin-top: 5px;
        display: none;
    }

    .adv-cusfindinfo .custom-cell-1 {
        width: 100%;
    }

    .adv-cusfindinfo .custom-cell-1+.custom-cell-1 {
        margin-left: 0;
    }

    .review-profile.make-match #individual.mf-match .male-match,
    .review-profile.make-match #individual.mf-match .female-match {
        display: block;
    }

    .review-profile.make-match #individual.mf-match .female-match {
        display: none;
    }

    .review-profile.make-match.show-male #individual.mf-match .male-match {
        display: block;
    }

    .review-profile.make-match.show-male #individual.mf-match .female-match {
        display: none;
    }

    .review-profile.make-match.show-female #individual.mf-match .male-match {
        display: none;
    }

    .review-profile.make-match.show-female #individual.mf-match .female-match {
        display: block;
    }

    .review-profile.make-match.show-male .f-float {
        display: block;
    }

    .review-profile.make-match.show-female .m-float {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .mem-index2 .mmWrapper .mm-row .mm-col .mm-subcol.action {
        margin-bottom: 10px;
    }

    .adv-cusfindinfo .to-label-adv {
        padding-bottom: 0px;
    }

    .check-match .right-search-wrap,
    .make-match-body .right-search-wrap {
        float: right !important;
        width: auto;
    }

    .check-match .right-search-wrap .right-side,
    .make-match-body .right-search-wrap .right-side {
        width: auto;
    }

    .adv-cusfindinfo #page-content-wrapper .btn-add-view-back {
        float: right;
    }

    .adv-cusfindinfo select.form-control {
        margin-top: 10px;
    }

    .review-profile .row-btn .btn-green-line,
    .review-profile .row-btn .btn-red-line {
        display: block;
        text-align: center;
        width: 200px;
        margin: 0 auto;
        margin-bottom: 5px;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .find-match-v2 .right-search-wrap .left-side {
        padding-left: 20px;
    }

    .find-match-v2 .inbox-controls .goto {
        width: 29%;
    }

    .menuClose .find-match-v2 .inbox-controls .goto {
        width: 29%;
    }

    .menuOpen .find-match-v2 .inbox-controls .goto {
        width: 29%;
    }

    .menuOpen .find-match-v2 .inbox-controls .showing a.next,
    .menuOpen .find-match-v2 .inbox-controls .showing a.last {
        margin-top: 5px;
    }

    .find-match-v2 .fm-form .mm-table-cell {
        display: block;
    }

    .find-match-v2 .fm-form .mm-table-cell-2,
    .find-match-v2 .fm-form .mm-table-cell-3,
    .find-match-v2 .fm-form .mm-table-cell-4 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 992px) {
    .find-match-v2 .inbox-controls .goto {
        width: 26%;
    }

    .menuClose .find-match-v2 .inbox-controls .goto {
        width: 26%;
    }

    .menuOpen .find-match-v2 .inbox-controls .goto {
        width: 32%;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .find-match-v2 .right-search-wrap {
        margin-top: 10px;
    }

    .find-match-v2 .inbox-controls .goto {
        width: 29%;
    }

    .menuClose .find-match-v2 .inbox-controls .goto {
        width: 29%;
    }

    .find-match-v2 .inbox-controls .showing a.next,
    .find-match-v2 .inbox-controls .showing a.last {
        margin-top: 5px;
    }
}

@media only screen and (max-width:991px) {
    .find-match-v2 .memberLeft {
        position: static;
        left: auto;
        -webkit-transform: none;
        transform: none;
        width: 100px;
        margin: 5px auto 15px;
    }

    .find-match-v2 .colInfo {
        margin-top: 15px;
    }
}

@media only screen and (max-width:767px) {
    .MMsignup .mmSForm .bg-alert-pad {
        margin: 0;
    }

    .find-match-v2 .right-search-wrap .btn-back-custom {
        position: absolute;
        right: 0;
        bottom: 44px;
    }

    .find-match-v2 .right-search-wrap .right-side {
        position: relative;
        display: block;
        padding: 0;
    }

    #page-content-wrapper .find-match-v2 .btn-add-view-back {
        float: right;
        margin-top: 6px;
    }

    .find-match-v2 .right-search-wrap .right-side .btn-find {
        width: 100%;
        max-width: 100%;
    }

    .find-match .fmWrapper .bmm-row .bmm-col.estimate:before {
        display: inline-block;
        vertical-align: inherit;
        line-height: normal;
        margin-bottom: 0px;
    }

    .find-match .fmWrapper .bmm-row .bmm-col.estimate {
        background: transparent;
        padding-bottom: 2.5px;
        padding-top: 2.5px;
        margin-bottom: 5px;
        margin-top: 10px;
        height: 24px;
    }

    .find-match .fmWrapper .bmm-row .bmm-col.estimate input[type=checkbox] {
        margin-top: 3px;
    }

    .find-match .fmWrapper .bmm-row .bmm-col .btn-find+.btn-find,
    .find-match .fmWrapper .bmm-row .bmm-col .btn-review+.btn-review {
        margin-top: 0;
    }
}

@media only screen and (max-width: 320px) {
    .check-match .review-profile .f-float {
        top: 170px;
    }

    /*customSearch */
    .adv-cusfindinfo .heading-blue {
        padding-bottom: 40px;
    }

    .adv-cusfindinfo #page-content-wrapper .btn-add-view-back {
        float: left;
        margin-left: 0px;
        margin-top: 5px;
    }
}

.live-event img:first-child {
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 10px 0 20px;
    margin-bottom: 10px;
}

.live-event img {
    width: 100%;
    border-bottom: 1px solid rgb(221, 221, 221);
    margin-bottom: 10px;
    padding: 10px 0 20px;
}


/*find match */

.find-match-v2 .check-header {
    margin-left: 8px;
    vertical-align: sub;
}

.find-match-v2 .previous-matches .match-member .innerBox {
    padding-bottom: 500em;
    margin-bottom: -500em;
}

.error-msg .error-row .btn-accept {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    white-space: nowrap;
    text-align: center;
    width: 200px;
    text-decoration: none;
}

.error-msg .error-row .btn-accept:hover {
    background: #006400;
    color: #fff;
    text-decoration: none;
}

.find-match .fmWrapper .panel-body .bmm-row .bmm-col:last-child {
    color: #b10000;
    right: auto;
    left: 0;
    margin-left: 154px;
    position: relative;
}

.find-match .fmWrapper .panel-heading .bmm-row .bmm-col:last-child {
    /* width: 16%; */
    color: #000;
}

.find-match-v2 .fmWrapper .panel-heading .bmm-row .bmm-col:last-child {
    width: 35%;
    color: #000;
}

.find-match-v2 .fmWrapper .panel-body .bmm-row .bmm-col:last-child .btn-eliminate {
    position: absolute;
    left: 52%;
    top: 8px;
}

.find-match-v2 .fmWrapper .panel-body .bmm-row .bmm-col:last-child .btn-eliminate:hover {
    background: #b10000;
    color: #fff;
}

.find-match-v2 .fmWrapper .panel-body .bmm-row .bmm-col:last-child .btn-eliminate.btn-eliminate-green:hover {
    color: #fff;
    background: #006400;
}

.find-match-v2 .fmWrapper .panel-body .bmm-row .bmm-col:last-child .approvedRed {
    position: absolute;
    left: 52%;
    top: 38px;
}

.acceptablePlaces .checkboxWrapper.central,
.acceptablePlaces .checkboxWrapper.central {
    display: block !important;
}


/*Personality */

.mm-personality .mmp-row .mmp-col {
    padding-left: 0px;
    padding-right: 0px;
}

.mm-personality .mmp-orientation label {
    font-weight: 400;
    display: block;
    position: relative;
    padding-left: 20px;
}

.mm-personality .mmp-label {
    margin-bottom: 5px;
}

.mm-personality .mmp-label p {
    color: #26377d;
    font-size: 16px;
}

.mm-personality .mmp-row {
    border-bottom: 1px solid #eee;
    padding: 15px 0;
    margin: 0;
}

.mm-personality .mmp-orientation label input {
    position: absolute;
    left: 0;
}

.mm-personality .btn-group {
    margin-top: 25px;
    display: block;
    text-align: center;
}

.mm-personality .btn-group .form-group {
    display: inline-block;
}

.mm-personality .btn-group .form-group .btn-save {
    background: #000064;
    color: #fff;
    width: 100px;
    margin: 0 10px;
}

.mm-personality .btn-group .form-group .btn-save:hover {
    border: solid 2px #000064;
    background: #fff;
    color: #000064;
}

.mm-personality .btn-group .form-group .btn-cancel {
    background: #797979;
    color: #fff;
    width: 100px;
}

.mm-personality .btn-group .form-group .btn-cancel:hover {
    border: solid 2px #797979;
    background: #fff;
    color: #797979;
}

@media (max-width: 1400px) {

    .find-match .fmWrapper .bmm-row .bmm-col .textSaved,
    .find-match .fmWrapper .bmm-row .bmm-col .btn-find,
    .find-match .fmWrapper .bmm-row .bmm-col .btn-review,
    .find-match .fmWrapper .bmm-row .bmm-col .btn-eliminate,
    .find-match .fmWrapper .bmm-row .bmm-col .btn-saved {
        max-width: 115px;
    }
}

@media (max-width: 767px) {
    .adv-cusfindinfo select.sm {
        position: absolute;
        top: 50px;
        left: 100px;
    }
}

@media (min-width: 768px) {
    .gray-box .pl {
        width: calc(100% - 150px);
        float: right;
    }
}


/* View Member Matches & match suggest Page */

.match-suggest .panel-body {
    padding: 10px;
}


/*
.match-suggest .panel-default {
    border-color: transparent;
}
*/

.mem-matches .src-filter {
    padding: 5px 10px;
}


/* , .match-suggest .src-filter  */

.mem-matches .src-filter .gray-heading label,
.match-suggest .src-filter .gray-heading label {
    margin: 0 8px;
}

.mem-matches .src-filter label,
.match-suggest .src-filter label {
    font-weight: 400;
}

.mem-matches .src-filter .gray-heading h5,
.match-suggest .src-filter .gray-heading h5 {
    display: inline-block;
}

.mem-matches .src-filter .gray-heading,
.match-suggest .src-filter .gray-heading {
    display: block;
    margin: 0 0 5px 0;
}

.mem-matches .src-filter input.btn-find,
.match-suggest .src-filter input.btn-find,
.mm-report .gray-box input.btn-find {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    background: #fff;
    display: inline-block;
    margin-top: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-align: center;
    text-decoration: none;
}

.mem-matches .src-filter input.btn-find:hover,
.match-suggest .src-filter input.btn-find:hover,
.mm-report .gray-box input.btn-find:hover {
    background: #006400;
    color: #fff;
}

.mem-matches .mmWrapper .mm-row:last-child,
.match-suggest .mmWrapper .mm-row:last-child,
.hltd-mem .bmmWrapper .bmm-row:last-child,
.mymatch-advsrc .bmmWrapper .bmm-row:last-child {
    border: 0;
}

.mem-matches .mmWrapper .panel-heading .mm-row,
.match-suggest .mmWrapper .panel-heading .mm-rowz {
    padding: 5px 0;
}

.mem-matches .mmWrapper .mm-row,
.match-suggest .mmWrapper .mm-row {
    display: table;
    width: 100%;
    border-bottom: solid 1px #dbdbdb;
    padding: 6px 10px;
}

.mem-matches .mmWrapper .mm-row .mm-col:first-child {
    width: 15%;
}

.mem-matches .mmWrapper .mm-row .mm-col,
.mem-matches .mmWrapper .mm-row .bml-info,
.match-suggest .mmWrapper .mm-row .mm-col,
.match-suggest .mmWrapper .mm-row .bml-info {
    display: table-cell;
    vertical-align: middle;
}

.mem-matches .mmWrapper .mm-row .col-pic,
.match-suggest .mmWrapper .mm-row .col-pic {
    width: 6%;
    min-width: 90px;
    padding-right: 15px;
    display: table-cell;
    vertical-align: middle;
}

.mem-matches .mmWrapper .mm-row .col-pic .bml-profile-pic .icon-msg,
.match-suggest .mmWrapper .mm-row .col-pic .bml-profile-pic .icon-msg {
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -294px -16px;
    display: block;
    right: -5px;
    bottom: -8px;
    z-index: 1;
}

.mem-matches .mmWrapper .mm-row .col-pic .bml-profile-pic,
.match-suggest .mmWrapper .mm-row .col-pic .bml-profile-pic {
    display: table-cell;
    width: 80px;
    height: 80px;
    vertical-align: middle;
    position: relative;
}

.mem-matches .mmWrapper .mm-row .col-pic .bml-profile-pic .icon-call,
.match-suggest .mmWrapper .mm-row .col-pic .bml-profile-pic .icon-call {
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/sprites.png)no-repeat -252px -16px;
    display: block;
    left: -5px;
    bottom: -8px;
    z-index: 1;
}

.mem-matches .mmWrapper .mm-row .mm-col .female-name {
    color: #bf193c;
}

.mem-matches .mmWrapper .mm-row .mm-col .female-name a {
    color: #bf193c;
    text-decoration: none;
}

.mem-matches .mmWrapper .mm-row .mm-col p {
    margin: 0;
}

.mem-matches .mmWrapper .mm-row .mm-col .male-name a {
    color: #193cbf;
    text-decoration: none;
}

.mem-matches .mmWrapper .mm-row .mm-col .address {
    color: #000;
}

.mem-matches .mmWrapper .mm-row .mm-col .type {
    color: #000;
}

.mem-matches .mmWrapper .mm-row .mm-col.status {
    width: 15%;
}

.mem-matches .mmWrapper .mm-row .mm-col.m_date,
.mem-matches .mmWrapper .mm-row .mm-col.msm,
.mem-matches .mmWrapper .mm-row .mm-col.msf {
    width: 8%;
    text-align: center;
    padding: 0 1%;
}

.mem-matches .mmWrapper .mm-row .mm-col.msf {
    width: 10%;
    padding: 0 1%;
}

.mem-matches .mmWrapper .mm-row .mm-col.mra {
    width: 15%;
    padding-left: 3%;
}

.mem-matches .mmWrapper .mm-row .mm-col.action {
    width: 13%;
}

.mem-matches .mmWrapper .panel-body .mm-row .mm-col,
.mm-report .bmmWrapper .panel-body .bmm-row .bmm-col,
.hltd-mem .bmmWrapper .panel-body .bmm-row .bmm-col {
    word-wrap: break-word;
    word-break: break-all;
}

.mem-matches .mmWrapper .mm-row .action .btn-review {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    background: #fff;
    display: block;
    max-width: 200px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-align: center;
    text-decoration: none;
}

.mem-matches .mmWrapper .mm-row .action .btn-review:hover {
    background: #006400;
    color: #fff;
}

.mem-matches .src-filter label input {
    vertical-align: -2px;
}

@media only screen and (max-width: 1199px) {

    .notification-box .btn-accept,
    .notification-box .btn-eliminate {
        margin-top: 20px;
    }

    /* .menuClose .mem-matches .mmWrapper .mm-row .mm-col,
    .menuClose .match-suggest .mmWrapper .mm-row .mm-col {
        display: block;
        vertical-align: middle;
        width: 100% !important;
        text-align: left !important;
        padding: 8px 0 !important;
    }
    .menuClose .match-suggest .mmWrapper .mm-row .mm-col {
        width: 33% !important;
        display: inline-block;
        vertical-align: top;
        text-align: left !important;
        padding: 8px 0 !important;
    }   */
    .menuClose .matches .mmWrapper .mm-row,
    .menuClose .my-matches .mmWrapper .mm-row:last-child {
        display: inline-table;
        border: solid 1px #dbdbdb;
        padding: 15px;
        margin-bottom: 5px;
    }

    /* .menuClose .mem-matches .panel-default>.panel-heading,
    .menuClose .match-suggest .panel-default>.panel-heading {
        display: none;
    } */
    .menuClose .mem-matches .mmWrapper .mm-row .mm-col.m_date,
    .menuClose .mem-matches .mmWrapper .mm-row .mm-col.msm,
    .menuClose .mem-matches .mmWrapper .mm-row .mm-col.msf,
    .menuClose .match-suggest .mmWrapper .mm-row .mm-col.match-date,
    .menuClose .match-suggest .mmWrapper .mm-row .mm-col.nd,
    .menuClose .match-suggest .mmWrapper .mm-row .mm-col.msf {
        padding: 0 !important;
        font-weight: 700;
    }

    .menuClose .match-suggest.mmWrapper .mm-row,
    .menuClose .match-suggest .mmWrapper .mm-row:last-child {
        display: inline-table;
        border: solid 1px #dbdbdb;
        padding: 15px;
        margin-bottom: 5px;
    }

    .menuClose .match-suggest .mmWrapper .mm-row:last-child {
        border: none;
    }

    .menuClose .member-myMatch .mmWrapper .mm-row,
    .menuClose .member-myMatch .mmWrapper .mm-row:last-child {
        display: inline-table;
        border: 0;
    }
}

@media only screen and (max-width: 991px) {
    .mem-matches .mmWrapper .mm-row .mm-col[data-title]:before {
        content: attr(data-title) ":";
        display: inline-block;
        font-weight: 400;
        line-height: 22px;
    }

    .mem-matches .mmWrapper .mm-row .mm-col p {
        margin: 0;
        display: inline-block;
    }

    .mem-matches .mmWrapper .mm-row .mm-col .declinestatus {
        margin: 0;
        display: block;
    }

    .match-suggest .mmWrapper .mm-row .mm-col.match-date,
    .match-suggest .mmWrapper .mm-row .mm-col.nd,
    .match-suggest .mmWrapper .mm-row .mm-col.reason,
    .mem-matches .mmWrapper .mm-row .mm-col.m_date,
    .mem-matches .mmWrapper .mm-row .mm-col.msm,
    .mem-matches .mmWrapper .mm-row .mm-col.msf {
        padding: 0 !important;
        font-weight: 700;
    }

    .match-suggest .panel-default>.panel-heading,
    .mem-matches .panel-default>.panel-heading {
        display: none;
    }

    .match-suggest .mmWrapper .mm-row .mm-col,
    .mem-matches .mmWrapper .mm-row .mm-col {
        display: block;
        vertical-align: middle;
        width: 100% !important;
        text-align: left !important;
        padding: 8px 0 !important;
    }

    .match-suggest .mmWrapper .mm-row,
    .match-suggest .mmWrapper .mm-row:last-child,
    .mem-matches .mmWrapper .mm-row,
    .my-matches .mmWrapper .mm-row:last-child {
        display: inline-table;
        border: solid 1px #dbdbdb;
        padding: 15px;
        margin-bottom: 5px;
    }

    .match-suggest .mmWrapper .mm-row {
        /*border-bottom: solid 1px #dbdbdb; */
        position: relative;
        display: block;
        padding: 5px 0 10px;
    }

    .my-matches .mmWrapper .mm-row:last-child {
        padding: 15px 0;
    }

    .match-suggest .mmWrapper .mm-row:last-child {
        border: none;
        border-bottom: solid 1px #dbdbdb;
    }

    .mem-matches .mmWrapper .mm-row:last-child {
        border: solid 1px #dbdbdb;
    }

    .mem-matches .mmWrapper .mm-row .mm-col {
        display: block;
        vertical-align: middle;
        width: 100% !important;
        text-align: left !important;
        padding: 8px 0 !important;
    }

    .match-suggest .mmWrapper .mm-row .mm-col {
        width: 45% !important;
        display: inline-block;
        vertical-align: top;
        text-align: left !important;
        padding: 8px 0 !important;
    }

    .match-suggest .mmWrapper .mm-row .mm-col:last-child {
        width: 100% !important;
    }

    .match-suggest .mmWrapper .mm-row .mm-col.male {
        margin-right: 13.5px;
    }

    .match-suggest .mmWrapper .mm-row .mm-col.female {
        margin-left: 13.5px;
    }

    .match-suggest .mmWrapper .mm-row .bml-info {
        padding-top: 20px;
    }

    .match-suggest .mmWrapper .mm-row .col-pic {
        width: auto;
        max-width: 135px;
        display: block;
        vertical-align: middle;
        padding: 0;
    }

    .match-suggest .mmWrapper .mm-row .col-pic .bml-profile-pic {
        display: block;
        width: 100%;
        height: 100%;
    }

    .match-suggest .mmWrapper .mm-row .action .btn-cancel {
        display: block;
        text-align: center;
        width: 250px;
        margin: 0 auto;
        margin-bottom: 5px;
    }
}

@media only screen and (max-width: 767px) {
    .references .headerLogo {
        position: relative;
        left: 0;
        top: 10px;
    }

    .references .headerTop.sticking {
        height: auto;
        min-height: 50px;
    }

    .references .headerTop.sticking .headerRight {
        padding-top: 10px;
    }

    .pending-member .mmWrapper .mm-row,
    .pending-member .mmWrapper .mm-row:last-child,
    .hltd-mem .bmmWrapper .bmm-row:last-child {
        display: block;
        border: none;
        /*border-bottom: solid 1px #dbdbdb; */
        padding: 10px 0;
    }

    .match-suggest .panel-body {
        padding: 0;
    }

    .pending-member .pm-table {
        margin: 0 -10px;
    }

    .mem-matches .mmWrapper .mm-row .action .btn-review {
        width: 100%;
    }

    .match-suggest .mmWrapper .mm-row .action .btn-cancel {
        display: block;
        text-align: center;
        width: 250px;
        margin: 0 auto;
        margin-bottom: 5px;
    }

    .mem-matches .src-filter .gray-btnrow .right,
    .match-suggest .src-filter .gray-btnrow .right {
        text-align: left;
        padding-top: 8px;
        margin-top: 5px;
        border-top: solid 1px #e4e4e4;
    }

    .notification-box .error-msgs,
    .notification-box .success-msgs {
        padding: 10px 0px;
    }

    .notification-box .btn-accept {
        margin: 5px;
        float: left;
    }

    .mymatch-advsrc .bmmWrapper .bmm-row .bmm-col .btn-cancelResend {
        margin-top: 0;
    }
}

@media only screen and (max-width: 460px) {

    .mem-matches .src-filter .gray-btnrow .right .btn-find,
    .match-suggest .src-filter .gray-btnrow .right .btn-find {
        float: none;
        width: 100%;
    }
}


/* Expiring Members Page */

.exp-member .bmmWrapper .bmm-row .bmm-col {
    display: table-cell;
    vertical-align: middle;
    width: 15%;
    padding: 6px 10px;
    border-bottom: 1px solid #dbdbdb;
}

.exp-member .bmmWrapper .bmm-row .bmm-col.mmscol p a {
    color: #000;
    text-decoration: none;
}

.exp-member .bmmWrapper .bmm-row .bmm-col.foundin {
    width: 12%;
}

.exp-member .bmmWrapper .bmm-row .bmm-col.grp {
    width: 10%;
}

.exp-member .bmmWrapper .bmm-row .bmm-col.mmscol {
    width: 15%;
}

.exp-member .bmmWrapper .bmm-row .bmm-col.status {
    width: 20%;
}

.exp-member .bmmWrapper .bmm-row .bmm-col:last-child {
    width: 10%;
}

@media only screen and (max-width: 991px) {
    .exp-member .bmmWrapper .bmm-row .bmm-col {
        display: block;
        width: 100% !important;
        border: 0;
        padding: 0;
    }

    .exp-member .bmmWrapper .bmm-row .bmm-col:before {
        margin: 12px 0 5px 0;
    }
}


/* Member match status report*/

.mm-report .mmsr-label {
    color: #1683fa;
    margin-bottom: 5px;
}

.mm-report .mmsr-row .chks {
    display: inline-block;
    margin: 0 10px 6px 0;
    font-weight: 400;
}

.mm-report .mmsr-row .chks input[type="checkbox"] {
    vertical-align: -2px;
    margin-right: 6px;
}

.mm-report .gray-box .gray-heading {
    display: block;
}

.mm-report .gray-box {
    padding: 5px 10px;
}

.mm-report .gray-box h5 {
    display: inline-block;
}

.mm-report .row .form-group,
.mm-report .labelInputWrapper {
    margin-bottom: 5px;
}

.mm-report .src-filter.mymem-src-filter .row+.row:before {
    content: "";
    display: block;
    border-top: solid 1px #d9d9d9;
    padding-top: 5px;
    margin: 0 5px;
}

.review-profile #both {
    margin-left: 0;
    margin-right: 0;
}

.review-profile .show-both {
    position: fixed;
    right: 0;
    top: 220px;
    background: green;
    z-index: 999;
    padding: 5px;
    color: #fff !important;
    text-decoration: none !important;
    display: none;
}

.both-v2 .table-responsive {
    width: 100%;
    margin-bottom: 0px;
    overflow: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: none;
}

.both-v3 .table-responsive,
#both .table-responsive {
    width: 100%;
    margin-bottom: 0px;
    overflow: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: none;
}

.table-responsive .match-infotbl>tbody>tr>td {
    white-space: unset;
    padding: 5px;
}

#both .table-responsive .match-infotbl>tbody>tr>td {
    white-space: unset;
}

#both .table-responsive .match-infotbl>tbody>tr>td {
    padding: 3px 15px 3px 15px;
    position: relative;
}

#both .table-responsive.layout-2col .match-infotbl>tbody>tr>td {
    padding: 3px 70px 3px 15px;
    position: relative;
}

#both .table-responsive.full .match-infotbl>tbody>tr>td {
    padding: 3px 15px;
}

#both .match-infotbl label,
.both-v2 .match-infotbl label,
.both-v3 .match-infotbl label,
#both .ref-no {
    font-weight: 900;
    color: #26377d;
    margin: 0;
    display: inline;
}

#both .ref-no p {
    padding: 0 15px 3px;
}

.both-v2 .match-infotbl .row-infotbl td:nth-child(odd) {
    width: 30%;
    word-break: break-all;
    padding-left: 5px !important;
}

.both-v2 .match-infotbl .row-infotbl td:nth-child(even) {
    width: 20%;
    word-break: break-all;
}

#both .layout-2col .match-infotbl .row-infotbl td:nth-child(odd) {
    width: 50%;
    word-break: unset;
    border-right: 1px solid lightgray;
}

#both .layout-2col .match-infotbl .row-infotbl td:nth-child(even) {
    width: 50%;
    word-break: unset;
}

#both .accordion-heading .mf {
    width: 75%;
    display: block;
    float: right;
}

#both .accordion-heading .mf span {
    display: inline-block;
    padding: 0 15px;
}

#both .accordion-heading .mf span:first-child {
    width: 33.3%;
}

#both .layout-3col .match-infotbl .row-infotbl td:first-child {
    width: 25%;
}

#both .layout-3col .match-infotbl .row-infotbl td:nth-child(2) {
    width: 25%;
}

#both .layout-3col .match-infotbl .row-infotbl td:last-child {
    width: 50%;
}

.both-v2 .match-infotbl .row-infotbl.match td:nth-child(even) strong {
    color: #00802f;
    font-weight: 700;
}

#both .match-infotbl .row-infotbl td.match strong {
    color: #00802f;
    font-weight: 700;
    position: absolute;
    right: 5px;
    top: 3px;
}

#both .match-infotbl .row-infotbl td .ans {
    display: inline-block;
    font-weight: 700;
}

#both .match-infotbl .row-infotbl td .choose {
    display: inline;
    margin-right: 15px;
}

#both .match-infotbl .row-infotbl td.not-match strong,
.both-v2 .match-infotbl .row-infotbl.not-match td:nth-child(even) strong {
    color: #cc0000;
    font-weight: 700;
    position: absolute;
    right: 5px;
    top: 3px;
}

.OwnerJoe:before {
    content: "Joe's Task:";
}

#both .match-infotbl .row-infotbl td.match .match-status:before {
    content: "Match";
}

#both .match-infotbl .row-infotbl td.not-match .match-status:before {
    content: "Not Match";
}

.both-v5 .match-infotbl .row-infotbl {
    /* border-bottom: 15px solid transparent; */
}

.both-v3 .match-infotbl .match td,
.both-v3 .match-infotbl .match td:not(:first-child) {
    color: #00802f;
    font-weight: 700;
    width: 35%;
}

.both-v3 .match-infotbl .not-match td,
.both-v3 .match-infotbl .not-match td:not(:first-child) {
    color: #cc0000;
    font-weight: 700;
    width: 35%;
}

.both-v3 .match-infotbl .row-infotbl td span,
.both-v3 .match-infotbl .row-infotbl td:not(:first-child) span {
    color: #000;
    font-weight: 400;
    margin-right: 2px;
}

.both-v3 .match-infotbl .row-infotbl td:first-child {
    width: 30%;
    word-break: break-all;
    padding-left: 5px !important;
}

.review-profile #individual {
    display: none;
}

.review-profile.make-match #individual {
    display: block;
}

.datingStatusSec>span:before {
    content: ', ';
    display: none;
}

@media only screen and (max-width: 767px) {

    .hltd-mem .bmmWrapper .bmm-row .bml-info,
    .hltd-mem .bmmWrapper .bmm-row .bml-info,
    .pm-table .mmWrapper .mm-row .bml-info {
        vertical-align: top;
    }

    .pm-table .mmWrapper .mm-row .mm-col:nth-child(2) {
        margin-top: -25px;
    }

    .pm-table .mmWrapper .mm-row .mm-col[data-title]:before,
    .hltd-mem .bmmWrapper .bmm-row .bmm-col:before,
    .pm-table .mmWrapper .mm-row .mm-subcol[data-title]:before {
        font-weight: 500;
        line-height: 18px;
    }

    .datingStatusSec>span:before {
        display: none;
    }

    #both .match-infotbl .row-infotbl td.match .match-status:before {
        content: url(../images/icon-tick4.png);
    }

    #both .match-infotbl .row-infotbl td.not-match .match-status:before {
        content: url(../images/icon-cross3.png);
    }

    #both .ref-no p {
        padding: 0 9px 3px;
    }

    .review-profile .show-both {
        display: none;
    }

    .review-profile #both {
        padding: 0;
        margin: 0 -15px;
    }

    .review-profile #both {
        display: block;
    }

    .mm-report .gray-box input.btn-find {
        float: none;
        width: 100%;
        margin-bottom: 5px;
    }

    #both .accordion-heading .mf span {
        padding: 0;
    }

    .both-v2 .table-responsive {
        width: 100%;
        margin-bottom: 0px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: none;
    }

    .both-v3 .table-responsive,
    #both .table-responsive {
        width: 100%;
        margin-bottom: 0px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: none;
        padding: 5px;
    }

    #both .accordion .accordion-heading {
        color: #000;
        font-size: 14px;
        font-weight: bold;
        position: relative;
        padding: 0px 5px;
        border-top: 1px solid #ddd;
        background-color: #f5f5f5;
    }

    #both .accordion {
        background-color: #fff;
        border: none;
        box-shadow: none;
    }

    #both .accordion:last-child {
        border-bottom: 1px solid lightgray;
    }

    .table-responsive .match-infotbl>tbody>tr>td {
        white-space: unset;
        padding: 5px;
    }

    #both .table-responsive .match-infotbl>tbody>tr>td {
        white-space: unset;
        padding: 3px 4px;
        word-break: break-word;
    }

    #both .table-responsive.layout-2col .match-infotbl>tbody>tr>td {
        white-space: unset;
        padding: 3px 25px 3px 4px;
    }

    #both .layout-2col.full .match-infotbl .row-infotbl td {
        padding: 3px 4px;
    }

    #both .accordion-body-inner,
    .both-v2 .accordion-body-inner,
    .both-v3 .accordion-body-inner {
        padding: 0px;
    }

    #both .match-infotbl label,
    .both-v2 .match-infotbl label,
    .both-v3 .match-infotbl label {
        font-weight: 900;
        color: #26377d;
        margin: 0;
        display: inline;
    }

    .both-v2 .match-infotbl .row-infotbl td:nth-child(odd) {
        width: 30%;
        word-break: break-all;
        padding-left: 5px !important;
    }

    .both-v2 .match-infotbl .row-infotbl td:nth-child(even) {
        width: 20%;
        word-break: break-all;
    }

    #both .layout-2col .match-infotbl .row-infotbl td:nth-child(odd) {
        width: 50%;
        word-break: unset;
    }

    #both .layout-2col .match-infotbl .row-infotbl td:nth-child(even) {
        width: 50%;
        word-break: unset;
    }

    #both .accordion-heading .mf {
        width: 56%;
        display: block;
        float: right;
    }

    #both .accordion-heading .mf span {
        display: inline-block;
    }

    #both .accordion-heading .mf span:first-child {
        width: 50%;
    }

    #both .layout-3col .match-infotbl .row-infotbl td:first-child {
        width: 40%;
    }

    #both .layout-3col .match-infotbl .row-infotbl td:nth-child(2),
    #both .layout-3col .match-infotbl .row-infotbl td:last-child {
        width: 30%;
    }

    #both .match-infotbl .row-infotbl td.match strong.match-status,
    .both-v2 .match-infotbl .row-infotbl td:nth-child(even).match strong {
        color: #00802f;
        font-weight: 700;
        float: right;
        top: 5px;
    }

    #both .match-infotbl .row-infotbl td.not-match strong.match-status,
    .both-v2 .match-infotbl .row-infotbl td:nth-child(even).not-match strong {
        color: #cc0000;
        font-weight: 700;
        float: right;
        top: 5px;
    }

    .both-v5 .match-infotbl .row-infotbl {
        /* border-bottom: 15px solid transparent; */
    }

    .both-v3 .match-infotbl .match td,
    .both-v3 .match-infotbl .match td:not(:first-child) {
        color: #00802f;
        font-weight: 700;
        width: 35%;
    }

    .both-v3 .match-infotbl .not-match td,
    .both-v3 .match-infotbl .not-match td:not(:first-child) {
        color: #cc0000;
        font-weight: 700;
        width: 35%;
    }

    .both-v3 .match-infotbl .row-infotbl td span,
    .both-v3 .match-infotbl .row-infotbl td:not(:first-child) span {
        color: #000;
        font-weight: 400;
        margin-right: 2px;
    }

    .both-v3 .match-infotbl .row-infotbl td:first-child {
        width: 30%;
        word-break: break-all;
        padding-left: 5px !important;
    }

    .formSearch {
        width: 135px;
    }

    .inbox-controls .showing a.first:before,
    .inbox-controls .showing a.pre:before,
    .inbox-controls .showing a.next:before,
    .inbox-controls .showing a.last:before {
        font-size: 20px;
        height: 20px;
    }
}

@media only screen and (max-width: 340px) {
    #both .accordion-heading .mf {
        width: 55%;
    }

    .formSearch {
        width: 120px;
    }

    .formSearch .search input {
        font-size: 10px;
    }

    .mm-videos .bmmWrapper .bmm-row .bmm-col.video-d h4 {
        font-size: 14px;
        color: #26377d;
    }
}

@media only screen and (max-width: 320px) {
    #both .accordion-heading .mf {
        width: 50%;
    }

    .inbox-controls .showing a.pre,
    .inbox-controls .showing a.last {
        margin-left: 5px;
    }
}


/*  Matche Suggestions Page */

.match-suggest .mmWrapper .mm-row .mm-col.male,
.match-suggest .mmWrapper .mm-row .mm-col.female {
    width: 17%;
    padding-right: 1%;
}

.match-suggest .mmWrapper .mm-row .mm-col .female-name {
    color: #bf193c;
}

.match-suggest .mmWrapper .mm-row .mm-col .female-name a {
    color: #bf193c;
    text-decoration: none;
}

.match-suggest .mmWrapper .mm-row .mm-col p {
    margin: 0;
}

.match-suggest .mmWrapper .mm-row .mm-col .male-name a {
    color: #193cbf;
    text-decoration: none;
}

.match-suggest .mmWrapper .mm-row .mm-col .address {
    color: #000;
}

.match-suggest .mmWrapper .mm-row .mm-col .type {
    color: #000;
}

.match-suggest .mmWrapper .mm-row .mm-col.mstatus {
    width: 12%;
    padding-right: 5px;
}

.match-suggest .mmWrapper .mm-row .mm-col.reason {
    width: 8%;
    padding-right: 5px;
}

.match-suggest .mmWrapper .mm-row .mm-col.action {
    width: 10%;
    padding-right: 5px;
}

.match-suggest .mmWrapper .mm-row .mm-col.status {
    width: 15%;
    padding-right: 5px;
}

.match-suggest .mmWrapper .mm-row .mm-col.nd,
.match-suggest .mmWrapper .mm-row .mm-col.match-date {
    width: 6%;
    padding-right: 5px;
}

.match-suggest .mmWrapper .panel-body .mm-row .mm-col {
    word-break: break-all;
    word-wrap: break-word;
    word-break: break-word;
}

.match-suggest .mmWrapper .mm-row .action .btn-cancel {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    background: #fff;
    display: block;
    max-width: 250px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-align: center;
    text-decoration: none;
    margin-bottom: 5px;
}

.match-suggest .mmWrapper .mm-row .action .btn-cancel:hover {
    background: #006400;
    color: #fff;
}

.match-suggest .src-filter label input {
    vertical-align: -2px;
}


/* Group Relationship*/

.grp-rel .row-profile-name {
    font-size: 18px;
    padding: 0 0 12px 0;
}

.innerPage .btn-row {
    text-align: center;
    padding-top: 15px;
}

.innerPage.btn-back {
    color: #000064 !important;
    background-color: transparent;
    font-size: 13px;
    line-height: 1.4;
    padding: 3px 15px;
}

.grp-rel .row-profile-name a {
    text-decoration: none;
}

.grp-rel a.editGeneral {
    margin-left: 5px;
}

.grp-rel .mmWrapper .mm-row .mm-col {
    display: inline-block;
    vertical-align: text-top;
}

.grp-rel .mmWrapper .mm-row .bml-info {
    display: table-cell;
    vertical-align: middle;
}

.grp-rel .mmWrapper .mm-row .gn {
    width: 30%;
}

.grp-rel .mmWrapper .mm-row .mm {
    width: 70%;
}

.grp-rel .mmWrapper .panel-heading .mm-row {
    padding: 5px 0;
}

.grp-rel .mmWrapper .mm-row .grp-name a,
.grp-rel .mmWrapper .mm-row .mm a {
    text-decoration: none;
}

.grp-rel .mmWrapper .mm-row {
    display: table;
    width: 100%;
    border-bottom: solid 1px #dbdbdb;
    padding: 15px 0;
}

.grp-rel .mmWrapper .mm-row:last-child {
    border: 0;
}

.match-progress .mmWrapper .mm-row .bml-info {
    padding-left: 15px;
}


/*matchmaker profile steps*/
/*
.mm-profile-steps .progressHeader {
    margin: 50px auto;
    overflow: hidden;
    counter-reset: step;
    width: 85%;
}

.mm-profile-steps .progressHeader li {
    list-style-type: none;
    color: #000;
    text-transform: uppercase;
    width: 33.30%;
    float: left;
    position: relative;
}

.mm-profile-steps .progressHeader li.active:before,
.mm-profile-steps .progressHeader li.active:after {
    background: #0099ff;
    color: white;
}

.mm-profile-steps .progressHeader li:before {
    content: counter(step);
    counter-increment: step;
    width: 25px;
    height: 25px;
    line-height: 20px;
    display: block;
    font-size: 10px;
    color: #000;
    background: white;
    border-radius: 15px;
    margin-left: -12px;
}

.mm-profile-steps .progressHeader li:after {
    content: '';
    width: 100%;
    height: 3px;
    background: #cacaca;
    position: absolute;
    left: -50%;
    top: 11px;
    z-index: -1;
}

.mm-profile-steps .progressHeader li:first-child:after {
    left: 50%;
}

.mm-profile-steps .progressHeader li.active {
    color: #0099ff;
}

.mm-profile-steps .progressHeader li p {
    margin-top: 30px;
    margin-bottom: 0;
}
*/

.mm-profile-steps .progressHeader li {
    width: 33.33%;
}

.mm-profile-steps .mobile-bluetxt {
    display: none;
    text-align: center;
    left: 0;
    font-size: 18px;
    color: #1683fb;
}

.mm-profile-section .text-info {
    color: #ff6600;
}

.mm-profile-section h3 {
    font-size: 20px;
}

.mm-profile-section .text-primary {
    color: #1683fb;
    margin: 5px 0;
}

.mm-profile-section h5 {
    font-size: 15px;
    color: #000064;
    display: inline;
    /*margin-right: 15px;*/
}

.mm-profile-section .profile-row .chks {
    display: inline-block;
    margin: 0 10px 6px 0;
    font-weight: 400;
}

.mm-profile-section .profile-row .chks input[type="checkbox"] {
    vertical-align: -2px;
    margin-right: 6px;
    margin-top: 2px;
}

.mm-profile-section .profile-row {
    margin: 25px 0;
}


/*
.mm-profile-section .profile-row .form-group select {
display: inline;
    width: 15%;
}


.mm-profile-section .profile-row  .selectWrapper .selectname {
    top: -12px;
} */

.mm-profile-section {
    margin: 0;
}

.mm-profile-section .profile-row .padding-0 {
    padding: 0;
}

.mm-profile-section .profile-row .checkbox-wrapper .checkbox {
    display: inline-block;
    margin: 0;
    /*min-width: 110px;
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 5px;*/
}

.mm-profile-section .profile-row .checkbox-wrapper {
    overflow: hidden;
}

.mm-profile-section .profile-row .checkbox-wrapper>span input {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    margin-top: 3px;
    margin-right: 0;
}

.mm-profile-section .profile-row .selectWrapper {
    position: relative;
    display: inline-block;
}

.mm-profile-section .profile-row .form-group {
    /*padding-right: 130px;*/
    margin: 10px 0 0;
}

.mm-profile-section .profile-row .checkbox-wrapper .checkbox span input {
    cursor: text;
    display: inline-block;
    padding: 7px 12px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #b9b9b9;
    border-radius: 4px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
}

.mm-profile-section .profile-row .checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 0;
}

.mm-profile-section .profile-row span textarea {
    display: block;
    border: 1px solid #b9b9b9;
    border-radius: 4px;
    width: 100%;
    padding: 5px 10px;
}

.mm-profile-section .profile-row .radio-inline {
    margin-bottom: 5px;
}
.mm-profile-section .profile-row .radio-inline input[type=radio] {
    margin-top: 3px;
}

.mm-profile-section .profile-row .radio-inline+.radio-inline {
    margin-left: 30px;
}

.mm-profile-section .profile-row .frm-btn .btn {
    font-size: 14px;
    line-height: 1.4;
    padding: 3px 15px;
}
.mm-profile-section .frm-btn .btn-blue {
    line-height: 1;
    padding: 7px 15px;
    border-radius: 20px;
    border: 2px solid transparent;
    cursor: pointer;
    -webkit-transition: all 700ms;
    transition: all 700ms;
}

.mm-profile-section .frm-btn .btn-blue:active,
.mm-profile-section .frm-btn .btn-blue:hover,
.mm-profile-section .frm-btn .btn-blue:focus {
    color: #000064;
    border-color: #000064;
    background: transparent;
    text-decoration: none;
}

.mm-profile-section .frm-btn {
    margin-top: 15px;
}

.mm-profile-section .frm-btn .btn+.btn {
    margin-left: 15px;
}

.mm-profile-section .panel-body {
    padding: 10px 0;
    position: relative;
}

.mm-profile-section .panel-default {
    border-color: transparent;
    box-shadow: none;
}

.ck.ck-editor__main>.ck-editor__editable {
    height: 150px;
    min-height: 150px;
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: scroll
}

.ck.ck-word-count .ck-word-count__words,
.ck.ck-word-count .ck-word-count__characters {
    display: inline-block;
}

.ck.ck-word-count .ck-word-count__characters {
    float: right;
}


/* Forgoten Ms report*/

.mm-report .bmmWrapper .bmm-row .bmm-col.mmscol p a,
.mm-report .bmmWrapper .bmm-row .bmm-col.mmscol p a:hover {
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

.mm-report .bmmWrapper .bmm-row .bmm-col.name {
    width: 20%;
}

.mm-report .bmmWrapper .bmm-row .bmm-col.profile-d {
    width: 30%;
    padding-left: 1%;
}

.mm-report .bmmWrapper .bmm-row .bmm-col.profile-s {
    width: 15%;
}

.mm-report .bmmWrapper .bmm-row .bmm-col.mmscol {
    width: 10%;
}

.mm-report .bmmWrapper .bmm-row .bmm-col.status {
    width: 10%;
}

.mm-report .bmmWrapper .bmm-row .bmm-col:last-child {
    width: 15%;
}


/* .mm-report .bmmWrapper .bmm-row .bmm-col .btn-find,
.mm-report .bmmWrapper .bmm-row .bmm-col .btn-review {
    min-width: 100px;
} */

.mm-report .labelPlaceholder {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}

.match-guide {
    padding: 15px 0;
}

.match-guide strong {
    color: #1683fa;
    font-size: 15px;
    font-weight: 500;
}

.match-guide h4 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.match-guide .mg-bottom {
    margin-top: 30px;
}

.mm-videos .bmmWrapper .bmm-row .bmm-col.video-d {
    width: 85%;
}

.mm-videos .bmmWrapper .mmt-video {
    height: 100%;
    width: 100%;
}

.mm-videos .bmmWrapper .mmt-video video {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.mm-videos .bmmWrapper .bmm-row .bmm-col.video-d h4 {
    font-size: 18px;
    color: #26377d;
}

.mm-levels .table-benefits .t-row .t-col {
    display: table-cell;
    font-weight: 400;
    vertical-align: middle;
    width: 20%;
}

.mm-levels .table-benefits .t-row .t-col:last-child {
    width: 80%;
}

.mm-levels .table-benefits .t-col p {
    color: #000;
}

.mm-levels .table-benefits .t-col.basic {
    color: #26377d;
    width: 50%;
}

.mm-levels .table-benefits .t-col.gold {
    color: #d5a200;
    width: 50%;
}

.mm-levels .table-benefits .t-row .t-col.gold {
    width: 50%;
    padding: 9px;
    border-left: none;
}

.mm-levels .table-benefits .t-row .t-col.basic {
    width: 50%;
    padding: 9px;
    border-right: solid 1px #cacaca;
}

.mm-levels .table-benefits .t-heading .t-col.basic {
    color: #26377d;
    width: 40%;
}

.mm-levels .table-benefits .t-heading .t-col.gold {
    color: #d5a200;
    width: 40%;
}

.mm-levels .table-benefits .t-row .t-col .t-col-wrap {
    display: table;
    width: 100%;
}

.mem-index .inbox-controls .note {
    display: none;
}

.mem-index h3 .inbox-controls,
.member_main h3 .inbox-controls,
.pending-member h3 .inbox-controls,
.hltd-mem h3 .inbox-controls,
.find-match-v2 h3 .inbox-controls,
.myMatch-Wrapper h3 .inbox-controls,
.saved-matches h3 .inbox-controls {
    display: inline;
}

.mem-index h3 .inbox-controls-right,
.member_main h3 .inbox-controls-right,
.pending-member h3 .inbox-controls-right,
.hltd-mem h3 .inbox-controls-right,
.find-match-v2 h3 .inbox-controls-right,
.myMatch-Wrapper h3 .inbox-controls-right,
.saved-matches h3 .inbox-controls-right,
.mm-report h3 .inbox-controls-right {
    float: right;
    position: relative;
    bottom: 3px;
}

.myMatch-Wrapper .viewallWrapper,
.saved-matches .viewallWrapper {
    display: inline-block;
    float: right;
}

.pending-member .pm-overview {
    padding: 15px 0;
}

.MM-feedback h5 {
    display: block;
    margin: 15px 0;
}

.MM-feedback .profile-row .form-group {
    padding-right: 0;
}

.profile-finished .form-group {
    display: inline-block;
}

.profile-finished .pf-box .btnRow {
    padding: 2em 0;
}

.profile-finished .pf-box h4 {
    color: #1683fb;
    font-size: 18px;
    text-align: center;
}

.profile-finished .pf-box .btnRow .form-group+.form-group {
    margin-left: 15px;
}

@media only screen and (max-width: 1024px) {
    .mm-videos .bmmWrapper .mmt-video video {
        width: 100%;
    }

    .mm-videos .bmmWrapper .mmt-video {
        height: 100%;
    }

    .profile-finished .form-group {
        display: block;
    }

    .profile-finished .pf-box .btnRow .btn {
        width: 50%;
    }

    .profile-finished .pf-box .btnRow .form-group+.form-group {
        margin-left: 0;
    }

    .find-match .siteLL {
        display: block;
    }

    .mm-report .bmmWrapper .bmm-row .bmm-col.profile-d,
    .menuOpen .mm-report .bmmWrapper .bmm-row .bmm-col.profile-d {
        width: auto;
        padding-left: 5px;
    }

    .hltdMember .bmmWrapper .bmm-row .bmm-col .bmm-subcol.action {
        width: 100%;
    }
	 /*Update to MyMatches and Request Match Progress Report- added by mehul on 9th Aug 2021*/
	#addPageModal .member-myMatch-frame iframe {
		height:400px;		
	}
	 /*Update to MyMatches and Request Match Progress Report*/
}

.member_main .heading-blue,
.mem-index .heading-blue,
.pending-member .heading-blue,
.hltd-mem .heading-blue,
.find-match-v2 .heading-blue,
.myMatch-Wrapper .heading-blue,
.saved-matches .heading-blue,
.member-myMatch .heading-blue,
.mm-content-wrapper .heading-blue,
.viewScore .heading-blue,
.set-defaultGroup .heading-blue {
    border-bottom: transparent;
    margin-bottom: 10px;
}

.pending-member .heading-blue,
.viewScore .heading-blue {
    margin-bottom: 0;
    padding-bottom: 0;
}

.pending-member .panel-body {
    padding: 0 10px;
}

.matchmaker-role ul {
    margin-left: 20px;
}

.matchmaker-role ul li {
    list-style-type: disc;
}

.ViewMProfile .equalHeightContainer .rightBody .rightBodyInner .img-count {
    display: none;
}

.ViewMProfile .back-btn,
.find-match-v2 .back-btn {
    padding: 3px 15px;
    border-radius: 4px;
    border-width: 1px;
    font-size: 13px;
    border: 2px solid;
    line-height: 1.2;
}

.find-match-v2 .back-btn {
    margin-left: 20px;
}

.MMsignup p.text-primary {
    padding: 0 130px;
}

.MMsignup p.text-primary2 {
    padding: 0 30px 0 130px;
}

.MMsignup .fld-inline p.text-primary2,
.MMsignup .fld-inline .form-control,
.MMsignup .fld-inline #ContentPlaceHolder1_ctl00_UpdatePanel9 {
    display: inline-table;
    vertical-align: middle;
}

#ContentPlaceHolder1_ctl00_TRdinenmeetmregmsg p {
    margin: 0;
}

.MMsignup .fld-inline #ContentPlaceHolder1_ctl00_UpdatePanel9 {
    width: 20%;
}

@media only screen and (max-width:1023px) {
    .newProfilePage .newViewProfile .profilePicDetails .additionalProfilePics {
        display: none;
    }

    .MMsignup .fld-inline p.text-primary2,
    .MMsignup .fld-inline .form-control,
    .MMsignup .fld-inline #ContentPlaceHolder1_ctl00_UpdatePanel9 {
        vertical-align: top;
    }

    .MMsignup p.text-primary2 {
        width: 75%;
        display: inline-block !important;
    }

    .mmSForm .membership-ad.banner5 img {
        width: 100%;
    }

    .MMsignup .memSignUp .fld-inline #ContentPlaceHolder1_ctl00_UpdatePanel9 {
        width: 24%;
    }

    .find-match-v2 .right-search-wrap {
        margin-top: 5px;
    }
}

@media only screen and (max-width: 767px) {
    .mm-report .bmmWrapper .bmm-row .bmm-col.mmscol {
        margin-top: 0px;
    }

    .ViewMProfile .back-btn {
        padding: 4px 15px;
        float: right;
    }

    .ViewMProfile .titleWrapper {
        margin-top: 0;
    }

    .ViewMProfile .datingStatusSec {
        margin-top: 0px;
    }

    .find-match-v2 .back-btn {
        position: relative;
        right: 5px;
        top: 5px;
    }

    /* .footerBg .owl-carousel.owl-drag .owl-item {
    width: 100% !important;

} */
    .ViewMProfile .memberAccordion .detailRows .row p span {
        line-height: 20px
    }

    .MMsignup p.text-primary2 {
        padding: 0;
        width: 74%;
        display: inline-table !important;
    }

    .memberAccordion .detailRows .row .quesstart+.quesstart {
        margin-top: 0;
    }

    /* .memberAccordion .detailRows .row .quesstart p{
    margin-top: 5px;
} */
    .MMsignup .memSignUp p.text-primary2,
    .MMsignup .memSignUp .fld-inline #ContentPlaceHolder1_ctl00_UpdatePanel9 {
        width: 100%;
    }

    .ViewMProfile .memberAccordion .panel {
        margin-bottom: 0px !important;
    }

    .MMsignup p.text-primary,
    .MMsignup p.text-primary {
        padding: 0;
    }

    .MMsignup h1.text-center {
        text-align: left !important;
        font-size: 30px;
    }

    .ViewMProfile .memberAccordion.panel-group .panel-body {
        border-top: 0;
    }

    .ViewMProfile .panel-body .startRow {
        padding-right: 0;
    }

    .ViewMProfile .panel {
        border: 0;
        box-shadow: none;
    }

    .ViewMProfile .memberAccordion .panel-heading {
        padding: 0px;
        border-top: 0;
        border-bottom: 1px solid #ddd;
    }

    .ViewMProfile .memberAccordion .panel:first-child .panel-heading {
        border-top: 1px solid #ddd;
    }

    .ViewMProfile .panel:last-child .panel-body {
        /* border-bottom: 1px solid #ddd; */
        padding-bottom: 15px;
    }
    .ViewMProfile .memberAccordion .panel-heading h4.panel-title a	{
        padding: 0 5px;
        font-size: 14px;
    }

    .ViewMProfile .memberAccordion .detailRows .row .questionText {
        display: inline;
    }

    .ViewMProfile .equalHeightContainer .rightBody {
        display: block;
        right: 0;
        width: 50%;
        position: absolute;
        margin-top: 0;
        text-align: right;
    }

    .ViewMProfile .equalHeightContainer {
        position: relative;
    }

    .ViewMProfile .equalHeightContainer .rightBody .rightBodyInner a {
        display: none;
    }

    .ViewMProfile .equalHeightContainer .rightBody .rightBodyInner a:first-child,
    .ViewMProfile .equalHeightContainer .rightBody .rightBodyInner a:nth-child(2),
    .ViewMProfile .equalHeightContainer .rightBody .rightBodyInner a:nth-child(3),
    .ViewMProfile .equalHeightContainer .rightBody .rightBodyInner a:nth-child(4) {
        display: inline-block;
        height: auto;
        max-height: 60px;
        width: 50%;
        overflow: hidden;
    }

    .ViewMProfile .equalHeightContainer .rightBody .rightBodyInner a:nth-child(4):after {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
    }

    .ViewMProfile .equalHeightContainer .rightBody .rightBodyInner .img-count {
        display: inline;
        position: absolute;
        bottom: 30%;
        right: 35%;
        font-size: 20px;
        z-index: 2;
        color: #fff;
    }

    .ViewMProfile .equalHeightContainer .profilePicInner {
        position: relative;
        /* height: 150px; */
    }

    .ViewMProfile .equalHeightContainer .profilePic .editPic {
        padding: 5px 10px;
    }

    .mr-image {
        width: 100%;
    }

    .mm-levels .table-benefits .t-row .t-col {
        display: block;
        width: 100%;
    }

    .fsp-box .right-search-wrap .right-side {
        padding-top: 10px
    }

    .mm-levels .table-benefits .t-row .t-col.features p {
        display: none;
    }

    .mm-levels .table-benefits .t-row .t-col.basic {
        width: 50%;
        display: table-cell;
        vertical-align: top;
        padding: 12px;
    }

    .mm-levels .table-benefits .t-row .t-col:last-child {
        width: 100%;
    }

    .grp-rel .modal-content .modal-title {
        font-size: 16px;
    }

    .grp-rel .mm-dfltgroup {
        font-size: 13px;
        display: block;
        float: none !important;
        margin-top: 5px;
    }

    .headerTop .search {
        padding-right: 25px;
    }

    .mm-profile-steps .progressHeader {
        margin: 15px auto;
    }

    .mm-profile-section {
        margin: 0;
    }

    .mm-profile-section.MM-feedback {
        margin: 0 15px;
    }

    .mm-profile-section .profile-row .form-group,
    .mm-profile-section .selectGroup {
        padding-right: 0;
    }

    .mm-profile-section .control-label:empty {
        display: none;
    }

    .mm-profile-section .frm-btn .btn-lg {
        font-size: 16px;
    }

    .mem-index .heading-blue,
    .member_main .heading-blue,
    .find-match-v2 .heading-blue,
    .mm-content-wrapper .heading-blue {
        border-bottom: none;
    }

    .find-match-v2 .heading-blue {
        position: relative;
    }

    .find-match-v2 .heading-blue span {
        line-height: 20px;
    }

    .find-match-v2 .inbox-controls .showing,
    .member_main .inbox-controls .showing,
    .pending-member .inbox-controls .showing,
    .hltd-mem .inbox-controls .showing,
    .myMatch-Wrapper .inbox-controls .showing,
    .mem-index2 .inbox-controls .showing {
        text-align: center;
        font-size: 13px;
        padding: 0;
        margin: 5px 0;
    }

    .myMatch-Wrapper .viewallWrapper,
    .saved-matches .viewallWrapper {
        display: block;
        float: none;
        margin: 15px auto 0;
        text-align: center;
    }

    .member_main .hltd-icons,
    .hltd-mem .hltd-icons,
    .myMatch-Wrapper .hltd-icons {
        font-size: 15px;
        position: absolute;
        right: 0;
        top: 0;
    }

    .mem-index .inbox-controls .goto,
    .member_main .inbox-controls .goto,
    .myMatch-Wrapper .inbox-controls .goto,
    .saved-matches .inbox-controls .goto,
    .find-match-v2 .inbox-controls .goto,
    .pending-member .inbox-controls .goto,
    .hltd-mem .inbox-controls .goto {
        text-align: center;
    }

    .mem-index>.col-xs-12,
    .member_main>.col-xs-12,
    .hltd-mem>.col-xs-12,
    .find-match-v2>.col-xs-12,
    .myMatch-Wrapper>.col-xs-12,
    .saved-matches>.col-xs-12,
    .ViewMProfile>.col-xs-12,
    .member-myMatch.col-xs-12,
	.browseAll-MM.col-xs-12,
	.search-mm-new.col-xs-12,
    .mm-content-wrapper>.col-xs-12,
    .viewScore>.col-xs-12,
	.view-mm-profile>.col-xs-12,
	.viewMyProfile>.col-xs-12{
        width: 100%;
        padding: 0 5px;
    }

    .my-matches .stats {
        display: block;
        margin-bottom: 0;
    }

    .ViewMProfile .col-xs-full,
	.view-mm-profile .col-xs-full,
	.viewMyProfile .col-xs-full{
        padding: 0;
    }

    .gray-heading .accordion-title-icon {
        display: block;
    }
    .memberAccordion.panel-group .panel-body {
        padding: 5px;
    }

    .profile-finished .pf-box .btnRow .btn {
        width: 100%;
    }

    .mem-index2 .mmWrapper .mm-row .bml-info {
        vertical-align: top;
    }

    .hltd-mem .gray-box h5,
    .saved-matches .gray-box h5,
    .mymatch-advsrc .gray-box h5,
    .mem-index .src-filter .gray-heading h5 {
        display: inline-block;
        margin: 5px 0;
    }

    .saved-matches .gray-box .gray-heading,
    .mymatch-advsrc .gray-box .gray-heading {
        margin-bottom: 0px;
    }

    #SearchBox {
        margin: 5px 0;
    }
	/* Added by Mehul on Request Match Progress Report */
	#addPageModal .member-myMatch-frame iframe {
		height:460px;		
	}
	#addPageModal  .MM-myMatch-frame iframe {
		height:90vh;
	}
	/* Added by Mehul on Request Match Progress Report */
}

@media only screen and (max-width: 360px) {
    .MMsignup h1.text-center {
        font-size: 24px;
    }

    .heading-blue {
        font-size: 18px;
        word-break: break-word;
    }
}

.grp-rel .modal-header .close {
    top: 5px;
}

.our-matches .mmWrapper .mm-row .mm-col.mstatus {
    width: 15%;
    padding-right: 1%;
}

.our-matches .mmWrapper .mm-row .mm-col.action {
    width: 15%;
    padding-right: 5px;
}

.sample-member-profile a,
.sample-member-profile a:hover {
    text-decoration: none;
    cursor: pointer;
    color: #000;
}

.sample-member-profile .row {
    padding: 15px 5px;
    display: table;
    width: 100%;
}

.sample-member-profile .icon {
    width: 80px;
}

.sample-member-profile .icon,
.sample-member-profile .pro-title {
    display: table-cell;
    vertical-align: middle;
}

.sample-member-profile h4 {
    font-size: 18px;
    color: #000064;
    margin: 5px 0;
}

.sample-member-profile .btn-row {
    padding: 45px 0;
    text-align: center;
}

.sample-member-profile hr {
    margin: 5px;
}

#matchReferenceSendModel .modal-footer .btn-primary {
    margin-bottom: 5px !important;
}

.borderListItem .mark,
.borderListItem mark {
    padding: 0;
    background-color: #fcf8e3;
}

.highlight {
    background-color: #FFFF88;
}

@media only screen and (max-width:460px) {

    .mem-index h3 .inbox-controls-right,
    .pending-member h3 .inbox-controls-right,
    .member_main h3 .inbox-controls-right,
    .hltd-mem h3 .inbox-controls-right,
    .hltd-mem h3 .inbox-controls-right,
    .myMatch-Wrapper h3 .inbox-controls-right,
    .saved-matches h3 .inbox-controls-right,
    .find-match-v2 h3 .inbox-controls-right {
        top: -5px;
        position: absolute;
        float: none;
        right: 7px;
        display: inline-block;
        text-align: right;
    }

    .ViewMProfile .equalHeightContainer .profilePic {
        height: auto;
    }
}

@media only screen and (max-width: 340px) {
    .mm-videos .bmmWrapper .bmm-row .bmm-col.video-d h4 {
        font-size: 14px;
        color: #26377d;
    }

    .ViewMProfile .equalHeightContainer .rightBody .rightBodyInner a:first-child,
    .ViewMProfile .equalHeightContainer .rightBody .rightBodyInner a:nth-child(2),
    .ViewMProfile .equalHeightContainer .rightBody .rightBodyInner a:nth-child(3),
    .ViewMProfile .equalHeightContainer .rightBody .rightBodyInner a:nth-child(4) {
        display: inline-block;
        height: 60px;
        width: 50%;
        max-width: 60px;
    }

    /* .ViewMProfile .equalHeightContainer .profilePic {
        height: 125px;
    } */
    .find-match-v2 .right-search-wrap {
        margin-top: 0;
    }
}

.qb-disconnect #page-content-wrapper:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
}

.pending-icon {
    width: 16px;
    height: 16px;
    right: 1px;
    top: 3px;
    position: absolute;
    border: 1px #fc4b4b solid;
    border-radius: 50%;
}

.delievred .pending-icon,
.out .pending-icon,
.hide-pending-icon .pending-icon {
    display: none;
}

.pending-icon:after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    margin-left: -0.5px;
    width: 1px;
    top: 1px;
    bottom: 50%;
    background: #FF0000;
    border-radius: 0px;
    transform-origin: bottom center;
    animation: spin 4s linear infinite;
}

.pending-icon:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -0.5px;
    width: 1px;
    top: 2px;
    bottom: 50%;
    background: #FF0000;
    border-radius: 0px;
    transform-origin: bottom center;
    animation: spin 15s linear infinite;
}

.pending-icon span {
    display: none;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    margin-top: -0.5px;
    margin-left: -0.5px;
    width: 1px;
    height: 1px;
    border-radius: 50%;
    background: #FF0000;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

.mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .maleStatus,
.mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .femaleStatus {
    display: table-cell;
    padding-right: 0;
    vertical-align: middle;
    width: 35%;
    padding-left: 10px;
}
/* Added by mehul for Update My Matches pages and Update progress pages */
.mymatch-advsrc .bmmWrapper .panel-heading .bmm-row .bml-info{
    opacity: 0;   
	font-size:0;
}
/* .mymatch-advsrc .bmmWrapper .panel-heading .bmm-row .maleStatus, */
/* .mymatch-advsrc .bmmWrapper .panel-heading .bmm-row .femaleStatus { */
	/* padding-left:0; */
/* } */
/* Added by mehul for Update My Matches pages and Update progress pages */
@media only screen and (max-width: 992px) {
    .gray-heading .accordion-title-icon {
        display: block;
    }

    .mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .bmm-col.name-details {
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }

    .mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .bmm-col.statusUpdate {
        display: block;
        width: 230px;
        margin: 10px 20% 10px;
    }

    .mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .bml-info {
        display: table-cell;
        vertical-align: middle;
        display: block;
        margin-top: 15px;
    }

    .mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .maleStatus,
    .mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .femaleStatus,
    .mm-report .bmmWrapper .bmm-row .bmm-col.profile-d {
        padding-left: 0;
    }

    .mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .bmm-col:last-child {
        text-align: center;
        width: 100%;
    }

    .hltd-mem .bmmWrapper .bmm-row .bmm-col.notes,
    .hltd-mem .bmmWrapper .bmm-row .bmm-col:nth-child(3),
    .hltd-mem .bmmWrapper .bmm-row .bmm-col:nth-child(4) {
        margin-left: 80px;
    }

    .myMatch-Wrapper .src-filter {
        margin-bottom: 0;
    }

    .myMatch-Wrapper .bmmWrapper .panel-body,
    .member-myMatch .mmWrapper .panel-body {
        padding: 0 5px;
    }

    .hltd-mem .bmmWrapper .bmm-row .bmm-col:nth-child(4) p:first-child {
        display: inline-block;
    }

    .hltd-mem .bmmWrapper .bmm-row .bmm-col.notes {
        margin-top: -20px;
    }

    .hltd-mem .bmmWrapper .bmm-row .bmm-col:last-child,
    .hltd-mem .bmmWrapper .bmm-row .bmm-col.action {
        width: 100%;
        text-align: left;
        margin-bottom: 15px;
        margin-left: 80px;
    }

    .hltd-mem .bmmWrapper .bmm-row .bmm-col p.approvedRed,
    .hltd-mem .bmmWrapper .bmm-row .bmm-col span.approvedRed,
    .hltd-mem .mmWrapper .mm-row .mm-col p.approvedRed {
        width: 75%;
    }

    .saved-matches .bmmWrapper .bmm-row .col-pic {
        vertical-align: top;
        padding-top: 5px;
    }

    .find-match .fmWrapper .bmm-row .bmm-col.previous-match,
    .find-match .fmWrapper .bmm-row .bmm-col {
        width: 25%;
    }

    .find-match .fmWrapper .bmm-row .bmm-col:first-child {
        width: 40%;
    }

    .find-match .fmWrapper .bmm-row .bmm-col:last-child {
        width: 10%;
    }

    .find-match-v2 h3 .inbox-controls-right {
        bottom: 0;
    }

    .find-match-v2 .fmWrapper .bmm-row .bmm-col:last-child {
        width: 35%;
    }
}

.platinumMemMsg {
    color: #ff0000;
    font-weight: 700;
}

.downloadApp h2 {
    text-align: center;
    font-size: 30px;
    color: red;
    font-weight: bold;
    margin: 15px 0;
}

.downloadApp .DownloadAppContent a,
.downloadApp .DownloadAppContent a:focus,
.downloadApp .DownloadAppContent a:hover {
    text-decoration: none;
    cursor: pointer;
}

.downloadApp .DownloadAppContent p {
    font-family: 'robotoregular', sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 26px;
}

.downloadApp .DownloadAppContent p.p1 {
    margin: 40px 0;
    font-size: 18px;
}

.downloadApp .DownloadAppContent p.p3 {
    font-size: 18px;
}

.downloadApp .DownloadAppContent {
    margin: 15px 0;
}

.downloadApp .DownloadAppContent .downloadAppLinkWrapper {
    margin-top: 50px;
}


/* password strength */

span.password-showhide {
    background: none;
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 1.25rem;
    margin-right: 1.75rem;
}

span.password-showhide span.show-password,
span.password-showhide span.show-conf-password {
    background: url('../images/eye-regular.svg') no-repeat center center;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    color: #6b6d70;
}

span.password-showhide span.hide-password {
    background: url('../images/eye-slash-regular.svg') no-repeat center center;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    color: #6b6d70;
}

.password-strength,
.password-conf-strength {
    background: #fff;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    border-radius: 4px;
    width: 300px;
    position: absolute;
    top: 110%;
    left: 3%;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    z-index: 10;
}

.password-strength::before,
.password-conf-strength::before {
    content: "";
    width: 0;
    height: 0;
    border: solid 12px transparent;
    border-bottom: solid 23px rgba(0, 0, 0, 0.2);
    font-size: 0;
    left: 100%;
    position: absolute;
    left: 50%;
    top: -12%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.password-strength::after,
.password-conf-strength::after {
    content: "";
    width: 0;
    height: 0;
    border: solid 10px transparent;
    border-bottom: solid 20px #fff;
    font-size: 0;
    left: 100%;
    position: absolute;
    left: 50%;
    top: -10%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.password-strength h5,
.password-conf-strength h5 {
    margin: 1rem;
}

.password-strength ul,
.password-conf-strength ul {
    padding: 0;
    margin: 1rem;
    list-style: none;
}

.password-strength ul li,
.password-conf-strength ul li {
    padding-left: 20px;
    position: relative;
    margin-bottom: 5px;
}

.password-strength ul li::before,
.password-conf-strength ul li::before {
    content: "";
    background: #ccc;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 4px;
}

.password-strength ul .password-eligible::before,
.password-conf-strength ul .password-eligible::before {
    background: #c0d72e;
}


/* /. end password strength */


/* CK Editor 5 */

div.ck-editor__bottom {
    padding: 2px 8px;
    position: relative;
    border: 1px solid #c4c4c4;
    border-top: 0;
    background: #fafafa;
    text-align: right;
    width: 100%;
}


/* sharethis icons */

#st-1.st-right {
    position: fixed;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#st-1.st-right .st-btn {
    display: list-item !important;
    list-style-type: none;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-right: 2px;
    border-radius: 50%;
    height: 28px;
    padding: 0 6px;
}

#st-1.st-right .st-btn:first-child {
    margin-top: 0px;
}

#st-1.st-right .st-btn:last-child {
    margin-right: 2px;
    margin-bottom: 0px;
}

#st-1.st-right .st-btn>svg {
    height: 16px;
    width: 16px;
    top: 6px;
}

.decline-match-comments .heading-blue {
    border-bottom: 0;
}

.payment-form .credit-card-title,
.payment-form .address-title,
.addressBox label {
    font-size: 13px;
    color: #26377d;
    margin-left: 20px;
    font-weight: 700;
    display: inline;
}

.payment-form .address-title {
    margin-left: 20px;
    display: block;
}

.payV2 .payment-form .address-title {
    display: block;
}

.payment-form .credit-card-title span,
.payment-form .address-title span,
.addressBox span {
    margin-right: 5px;
    color: #000;
    display: inline;
}

.newProfilePage .newViewProfile .datingStatusSec .dateStatusLine p {
    display: inline;
}

@media only screen and (max-width:767px) {
    .mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .bmm-col.statusUpdate {
        display: block;
        width: 200px;
        margin: 10px auto 10px;
    }

    .mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .bmm-col .btn-sndProfile,
    .mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .bmm-col .btn-find,
    .mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .bmm-col .btn-review,
    .mymatch-advsrc .bmmWrapper.bmmv2 .bmm-row .bmm-col .btn-cancelResend {
        display: block;
        margin: 5px auto;
        width: 200px;
    }

    .ViewMProfile .showHideAll {
        margin: 20px 0 5px 0;
        font-weight: 400;
    }

    div.pp_pic_holder,
    #pp_full_res img,
    .ViewMProfile .pp_content {
        width: auto !important;
        max-width: 100% !important;
    }

    .pp_hoverContainer {
        width: 215px;
    }

    div.pp_default .pp_content {
        background-color: #fff;
        width: auto !important;
        max-width: 98%;
    }

    .find-match-v2 .fmWrapper .bmm-row .bmm-info,
    .find-match .fmWrapper .bmm-row .bmm-col:first-child,
    .find-match .fmWrapper .bmm-row .bmm-col.previous-match,
    .find-match .fmWrapper .bmm-row .bmm-col {
        width: 100%;
    }

    .find-match .fmWrapper .bmm-row .bmm-col {
        display: inline-block;
        width: 100%;
        padding: 5px 0;
        border: 0;
    }

    .find-match .fmWrapper .bmm-row .bmm-col .btn-find,
    .find-match .fmWrapper .bmm-row .bmm-col .btn-review,
    .notification-box .btn-accept {
        padding: 3px 5px;
        margin-bottom: 5px;
    }

    .find-match .fmWrapper .bmm-row .bmm-col .textSaved {
        display: inline-block;
        max-width: unset;
    }

    .find-match .fmWrapper .panel-body .bmm-row .bmm-col:last-child {
        color: #b10000;
        right: auto;
        left: 0;
        margin-left: 0;
        position: relative;
        width: 100%;
    }

    .find-match .fmWrapper .bmm-row .bmm-col .btn-eliminate {
        padding: 3px 5px;
        width: auto;
        display: inline-block;
    }

    .find-match-v2 .fmWrapper .panel-body .bmm-row .bmm-col:last-child .btn-eliminate {
        position: relative;
        left: 0;
        top: 0;
    }

    .find-match-v2 .fmWrapper .panel-body .bmm-row .bmm-col:last-child .approvedRed {
        position: relative;
        left: 0;
        top: 5px;
    }

    .ViewMProfile .dateStatusLine {
        font-size: 16px;
    }

    .newProfilePage .newViewProfile .datingStatusSec .dateStatusLine {
        font-size: 13px;
        line-height: 1.25;
    }

    .newProfilePage .newViewProfile .datingStatusSec .dateStatusLine p {
        display: block;
        margin: 0;
    }

    .newProfilePage .newViewProfile .datingStatusSec .dateStatusLine>p:first-of-type {
        display: inline;
    }

    .newProfilePage .newViewProfile .visible-xs.datingStatusSec {
        margin-top: 10px;
    }

    .ViewMProfile .titleRightBtnW.fullTitleRight {
        margin-top: 0;
    }

    body.mobileDevice div.pp_default div.pp_hoverContainer .pp_next {
        background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
        cursor: pointer;
    }

    body.mobileDevice div.pp_default div.pp_hoverContainer .pp_previous {
        background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
        cursor: pointer;
    }

    #profLang {
        padding: 2px 20px 2px 0px;
        OUTLINE: 0;
    }

    .downloadApp h2 {
        font-size: 20px;
        width: 260px;
        margin: 0 auto;
        line-height: 26px;
    }

    .downloadApp .DownloadAppContent p {
        font-size: 14px;
        line-height: 20px;
        text-align: justify;
    }

    .downloadApp .DownloadAppContent p.p1,
    .downloadApp .DownloadAppContent p.p3 {
        font-size: 16px;
        margin: 20px 0;
    }

    .downloadApp .DownloadAppContent p.p3 {
        text-align: center;
    }

    .downloadApp .DownloadAppContent .downloadAppLinkWrapper {
        margin-top: 30px;
    }

    .downloadApp .DownloadAppContent .downloadAppLinkWrapper a img {
        display: inline-block;
        width: 45%;
    }

    .password-strength,
    .password-conf-strength {
        -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.6);
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.6);
        position: absolute;
        top: auto;
        bottom: 15%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin: 0 auto;
    }

    .password-strength::before,
    .password-conf-strength::before {
        border-top: solid 23px rgba(0, 0, 0, 0.2);
        border-bottom: 0;
        position: absolute;
        top: auto;
        left: 50%;
        bottom: -25%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .password-strength::after,
    .password-conf-strength::after {
        border-top: solid 20px #fff;
        border-bottom: 0;
        position: absolute;
        top: auto;
        left: 50%;
        bottom: -20%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .find-match-v2 h3 .inbox-controls-right {
        top: unset;
        right: 0;
        bottom: -15px;
    }
    /* made changes by dhiraj 15-01-2025 header menu spacing issue*/
    .headerRight ul li.langDrop a {
        color: #e66e3e;
        line-height: 1.2 !important;
    }
    /* made changes by dhiraj 15-01-2025 header menu spacing issue*/
}

.chatLoader2 {
    opacity: 0.9;
    height: 40px;
    background: url(../images/loading.svg) no-repeat center center;
    background-size: 100% 50%;
}

.messageWrapper {
    float: left;
    width: 100%;
}

.messageWrapper+.messageWrapper {
    padding-top: 10px;
}

.messageWrapper+.message {
    padding-top: 10px !important;
}

.loaderWrapper {
    display: none;
    position: absolute;
    left: 0;
    top: -8px;
    right: 0;
}

.show-loader .loaderWrapper {
    display: block;
}

#EditCCModal .modal-footer,
#EditBillingAddressModal .modal-footer {
    text-align: center;
}

.member_main .error-msg {
    margin-top: 10px;
}

.payment-form .credit-card-details .new-card-reneval {
    padding: 0 10px;
    margin-top: -10px;
}

@media only screen and (max-width: 460px) {
    .my-matches .optional-filter .of-row .of-cell .btn-search {
        width: 100%;
    }

    .newProfilePage .newViewProfile .actionCol a {
        text-decoration: none;
    }
}

.newProfilePage .newViewProfile div.datingStatusSec {
    display: block;
    width: 100%;
    font-weight: normal;
    font-size: 13px;
}

.newProfilePage .newViewProfile .equalHeightContainer .profileInfoDetails {
    padding-bottom: 10px;
}

.newProfilePage .newViewProfile div.datingStatusSec .dateStatusLine a,
#mmContact .mmContactRel a {
    text-decoration: none;
    color: #000;
}

#mmContact .mmContactRel.form-group {
    margin-bottom: 0;
}

#mmContact .mmContactRel p {
    border-bottom: 1px solid #eee;
    margin: 0;
    padding: 5px 0;
}

#mmContact .mmContactRel p:last-child {
    border-bottom: 0;
}

.newProfilePage .newViewProfile div.datingStatusSec .dateStatusLine a:hover,
#mmContact .mmContactRel a:hover {
    text-decoration: underline;
}

.payV2 .existing-card .existingCardWrapperRight,
.payV2 .existing-card .existingCardWrapperLeft {
    display: inline-block;
    vertical-align: top;
}

.payV2 .existing-card .existingCardWrapperLeft {
    padding-top: 3px;
}

@media only screen and (max-width: 1366px) {

    /* .newProfilePage.mobileDevice #page-content-wrapper {
        padding-top: 10px;
    } */
    .newProfilePage .newViewProfile .actionCol {
        margin-bottom: 5px;
    }

    .payment-confirm-table .billing-info p span {
        max-width: 64%;
    }

    .payment-confirm-table .billing-info p label {
        min-width: 35%;
    }

    .menuOpen .payment-confirm-table .billing-info p span {
        max-width: 60%;
    }

    .menuOpen .payment-confirm-table .billing-info p label {
        min-width: 39%;
    }

    /*.newProfilePage .newViewProfile a.editReligiousInfo,
    .newProfilePage .newViewProfile .sbtitle-text.addressInfo a.editReligiousInfo,
    .newProfilePage .newViewProfile a.editCCDetails {
          position: absolute;
       right: 0;
        transform: translateX(0);
    }   */
    .newProfilePage .newViewProfile ul.sbtitle-text {
        /* padding-right: 20px; */
        font-size: 14px;
        line-height: 1.25;
    }

    .newProfilePage .newViewProfile .addressInfo span {
        font-size: 13px;
        line-height: 1.25;
    }

    .newProfilePage .newViewProfile .datingStatusSec>p {
        font-size: 13px;
        line-height: 1.25;
        display: inline;
    }

    .menuOpen .newProfilePage .newViewProfile a.mem-options {
        white-space: nowrap;
        margin-left: 0px;
    }

    .newProfilePage .newViewProfile .dropDownWrapperInner.viewMM {
        margin-left: 0px;
        font-size: 13px;
    }

    .newProfilePage .newViewProfile .profilePicDetails .profilePicInner .img-count {
        top: 0;
        right: 0;
        margin: 3px 7px 0 0;
        font-size: 16px;
    }

    .newProfilePage .newViewProfile .profilePicDetails .profilePicInner a::after,
    .newProfilePage .newViewProfile .profilePicDetails.profilePicNotPresent .profilePicInner a::after,
    .newProfilePage .newViewProfile .profilePicDetails .additionalProfilePics.profileFourNotPresent a::after,
    .newProfilePage .newViewProfile .profilePicDetails .additionalProfilePics.profileFourNotPresent a.addProfPics::after {
        display: none;
    }

    .newProfilePage .newViewProfile .profileInfoContainer.visible-sm.visible-xs {
        margin-top: 15px;
    }

    /* .newProfilePage .newViewProfile .profileInfoContainer ul li.inlineText {
        display: block;
        line-height: 1.4;
    } 
    .newProfilePage .newViewProfile .profileInfoContainer .profileLeftInfo {
        width: 69%;
    }*/

    .newProfilePage .newViewProfile .profileInfoContainer .profileRightInfo {
        /*width: 30%;*/
        padding-left: 10px;
    }

    /*.menuOpen .newProfilePage .newViewProfile .profileInfoContainer .profileLeftInfo {
        width: 65%;
    }*/

    .newProfilePage .newViewProfile .profileInfoContainer ul.bodyChar {
        display: block;
        width: 100%;
    }

    .newProfilePage .newViewProfile .profileInfoContainer ul.bodyChar li.inlineText {
        display: block;
        width: 100%;
        line-height: 1.4;
    }

    .newProfilePage .newViewProfile .miscDetails,
    .newProfilePage .newViewProfile .addressInfo {
        margin-left: 0;
    }

    .newProfilePage .newViewProfile a.editReligiousInfoNew,
    .menuOpen .newProfilePage .newViewProfile a.editReligiousInfoNew {
        position: relative;
        right: unset;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .newProfilePage .newViewProfile .sbtitle-text.addressInfo a.editReligiousInfoNew {
        right: -25px;
    }

    .newProfilePage .newViewProfile .dropDownWrapperInner.viewMM {
        float: right;
    }

    .payment-form .existing-card .col-xs-12.col-sm-12.col-md-6.col-lg-6 {
        float: left;
    }

    .payV2 .existing-card>.col-lg-8 {
        width: 75%;
    }

    .menuOpen .payV2 .existing-card>.col-lg-9 {
        width: 100%;
    }

    .menuOpen .payment-form .existing-card .col-ipad {
        width: 80%;
    }

    .menuOpen .payment-form .existing-card .col-md-4 {
        width: auto;
    }

    .payment-form .term-condition .set-width {
        width: 62.6%;
        min-width: 62.6%;
    }

    .payment-form .col-lg-5.text-xs-center {
        width: 35%;
    }

    .menuOpen .payment-form .col-lg-5.text-xs-center {
        width: 100%;
        text-align: left;
    }

    .menuOpen .payment-form .term-condition .set-width {
        width: 90%;
        min-width: 90%;
    }

    .newProfilePage .newViewProfile .profilePicDetails {
        width: 220px;
        padding-right: 10px;
    }

    .newProfilePage .newViewProfile .profilePicDetails.profilePicNotPresent {
        width: 190px;
        padding-right: 10px;
    }

    .newViewProfile .equalHeightContainer .profilePic {
        position: relative;
        height: 200px;
        width: 80px;
    }

    .equalHeightContainer .profilePic .profilePicCell {
        width: 180px;
        height: 180px;
    }

    .newProfilePage .newViewProfile .profilePicContainer .profilePic img {
        min-width: auto;
    }

    .menuOpen .payment-form a.btn-agree {
        padding: 4px 10px;
    }

    .menuOpen .newProfilePage .newViewProfile .row-action-btns a.btn-rmp {
        margin-left: 0px;
    }
    /*
    .my-matches .row-action-btns .link-reviewpro,
    .my-matches .row-action-btns .link-updte,
    .my-matches .row-action-btns .link-close,
    .my-matches .row-action-btns .link-time,
    .my-matches .row-action-btns .link-reference,
    .my-matches .row-action-btns .link-view,
    .newProfilePage .newViewProfile .row-action-btns .link-updte,
    .newProfilePage .newViewProfile .row-action-btns .link-close,
    .newProfilePage .newViewProfile .row-action-btns .link-view,
    .newProfilePage .newViewProfile .row-action-btns .link-time,
    .newProfilePage .newViewProfile .row-action-btns .link-reference,
    .newProfilePage .newViewProfile .row-action-btns .link-reviewpro,
    .newProfilePage .newViewProfile .row-action-btns .link-reactivate,
    .newProfilePage .newViewProfile .row-action-btns .link-restart,
    .newProfilePage .newViewProfile .row-action-btns .link-hold,
    .my-matches .row-action-btns .link-hold,
    .newProfilePage .newViewProfile .row-action-btns .link-busy {
        zoom: 95%;
    }
    */
}

@media only screen and (max-width:1200px) {
    .match-suggest .mmWrapper .mm-row .mm-col.action {
        width: 15%;
    }

    .payment-confirm-table .billing-info p span,
    .menuOpen .payment-confirm-table .billing-info p span {
        max-width: 70%;
    }

    .payment-confirm-table .billing-info p label,
    .menuOpen .payment-confirm-table .billing-info p label,
    .payment-confirm-table .your-info p label,
    .menuOpen .payment-confirm-table .your-info p label {
        min-width: 28%;
        width: 28%;
        word-break: break-word;
    }

    .payV2 .existing-card>.col-lg-8 {
        width: 100%;
    }

    .payment-form .existing-card .col-ipad {
        width: 100%;
    }

    .menuOpen .payment-form .existing-card .col-ipad {
        width: 100%;
    }

    .menuOpen .newProfilePage .newViewProfile .sbtitle-text.addressInfo a.editReligiousInfoNew {
        right: -25px;
    }
}

@media only screen and (max-width: 1023px) {
    #matchReferenceModel div.modal-body .modalReferRow .col-xs-12 {
        padding-bottom: 20px;
    }

    #matchReferenceModel div.modal-body .modalReferRow .col-xs-12:last-child {
        padding-bottom: 0px;
    }

    /*.newProfilePage .newViewProfile .profileInfoContainer .profileRightInfo {
        width: 35%;
    }*/

    /*.menuOpen .newProfilePage .newViewProfile .profileInfoContainer .profileLeftInfo {
        width: 50%;
    }*/

    .payment-form .term-condition .set-width {
        width: 100%;
        min-width: 100%;
    }

    .payV2 .existing-card>.col-lg-9 {
        width: 100%;
    }

    .newProfilePage .newViewProfile .profileInfoContainer {
        position: static;
        table-layout: fixed;
    }

    /*.newProfilePage .newViewProfile .profileInfoContainer .profileLeftInfo {
        width: 65%;
    }*/

    .newProfilePage .newViewProfile .miscDetails,
    .newProfilePage .newViewProfile .addressInfo {
        margin-left: 0;
    }

    .newProfilePage .newViewProfile a.editReligiousInfoNew {
        position: relative;
        right: unset;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        margin-top: 0px;
    }

    .newProfilePage .newViewProfile .sbtitle-text.addressInfo a.editReligiousInfoNew {
        right: -25px;
    }

    .newProfilePage.mobileDevice #page-content-wrapper {
        position: relative;
        overflow-x: hidden;
    }

    .newProfilePage .newViewProfile .profilePicDetails .profilePicInner a::after {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        height: 30px;
        z-index: 1;
        display: block;
    }

    .newProfilePage .newViewProfile .profilePicDetails.profilePicNotPresent .profilePicInner a::after {
        display: none;
    }

    /* .newProfilePage .newViewProfile .profileInfoContainer .dropDownWrapperInner {
        display: block;
        width: 100%;
        position: absolute;
        top: 0;
        left: 15px;
        text-align: center;
    }

    .newProfilePage .newViewProfile.otherMemberView .profileInfoContainer .dropDownWrapperInner {
        top: 10px;
    }

    .newProfilePage .newViewProfile .profileInfoContainer .dropDownWrapperInner.dropdownPushDown {
        top: 23px;
    } */
    /* .newProfilePage .newViewProfile.otherMemberView .profileInfoContainer .titleRightBtnW {
        position: absolute;
        top: 20px;
        left: 125px;
    } */
    /* .newProfilePage .newViewProfile ul.languageDrop {
        position: absolute;
        float: left;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    } */
    /* .newProfilePage .newViewProfile ul.row-action-btns {
        position: absolute;
    } */
    /* .newProfilePage .newViewProfile a.mem-options {
        position: absolute;
        right: 35px;
    } */
    /* .newProfilePage .newViewProfile .dropdownleft .customizeDDBlack {
        top: 20px;
        right: 20px;
    } */
    .newProfilePage .newViewProfile ul.sbtitle-text li.platinumMemMsg {
        font-size: 12px;
    }

    .newProfilePage .newViewProfile .dropdownleft.admin-notes ul.customizeDDBlack.dropdown-menu {
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50);
        transform: translateX(-50%);
    }

    .newProfilePage .newViewProfile .equalHeightContainer {
        display: table;
        width: 100%;
        margin-top: 15px;
        table-layout: fixed;
    }

    /* .newProfilePage .newViewProfile.otherMemberView .equalHeightContainer {
        margin-top: 60px;
    } */
    .payment-form .col-lg-5.text-xs-center {
        width: 100%;
    }

    .newProfilePage .newViewProfile .restrictedMemberMsg {
        margin-top: 15px;
    }

    .newProfilePage .newViewProfile .profilePicDetails,
    .newProfilePage .newViewProfile .profilePicDetails.profilePicNotPresent {
        width: 150px;
        padding-right: 10px;
    }

    .newProfilePage .newViewProfile a.edit-profile-lang {
        position: absolute;
        left: 0px;
        margin-left: 25px;
    }

    .newViewProfile .equalHeightContainer .profilePic {
        height: 150px;
    }

    .equalHeightContainer .profilePicInner {
        height: 150px;
    }

    .equalHeightContainer .profilePic .profilePicCell {
        width: 150px;
        height: 150px;
    }

    .menuOpen .payment-form .existing-card a.btn-agree {
        font-size: 16px;
    }

    .newProfilePage .newViewProfile ul.languageDrop li.langDrop.languageChange .dropdown-menu {
        right: auto;
        left: 0;
    }

    .newProfilePage .newViewProfile ul li .tooltip {
        top: auto !important;
        left: auto !important;
        right: auto !important;
        display: block;
    }

    /* .newProfilePage .newViewProfile ul { */
    /* position: relative; */
    /* } */
    .newProfilePage .newViewProfile .memberAccordion a.editGroup {
        right: 0;
    }

    li.insetCont a .fa-caret-right {
        display: none;
    }
}

@media only screen and (max-width: 767px) {

    /*Mobile PopUp Scroll Issue- 21st aug 2019*/
    /* .modal .modal-dialog {
        top: 0 !important;
        -webkit-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important;
    } */

    .newProfilePage .newViewProfile .equalHeightContainer {
        margin-top: 30px;
    }

    .newProfilePage .newViewProfile ul.languageDrop {
        position: absolute;
        left: 0;
        /* top: 50%;
        transform: translateY(-50%); */
    }

    .newProfilePage .newViewProfile.otherMemberView .equalHeightContainer {
        margin-top: 30px;
    }

    .payment-form .col-lg-5.text-xs-center {
        width: 100%;
    }

    .modal-progress .modal-dialog {
        width: 100%;
    }

    .newProfilePage .newViewProfile .profileInfoContainer .dropDownWrapperInner,
    .newProfilePage .newViewProfile .profileInfoContainer .dropDownWrapperInner.dropdownPushDown {
        position: absolute;
        top: -25px;
        left: 0;
        text-align: center;
        display: block;
        width: 100%;
    }

    .newProfilePage .newViewProfile.otherMemberView .profileInfoContainer .dropDownWrapperInner,
    .newProfilePage .newViewProfile.otherMemberView .profileInfoContainer .dropDownWrapperInner.dropdownPushDown {
        top: -35px;
    }

    .newProfilePage .newViewProfile.otherMemberView .profileInfoContainer .titleRightBtnW {
        position: absolute;
        top: -55px;
        left: 50px;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }

    .newProfilePage .newViewProfile ul.row-action-btns {
        position: relative;
    }

    .newProfilePage .newViewProfile a.mem-options {
        position: absolute;
        right: 5px;
    }

    .newProfilePage .newViewProfile a.edit-profile-lang {
        margin-left: 25px;
    }

    .newProfilePage .newViewProfile .profilePicDetails,
    .newProfilePage .newViewProfile .profilePicDetails.profilePicNotPresent {
        width: 130px;
    }

    .newProfilePage .newViewProfile .profileInfoContainer .profileLeftInfo,
    .newProfilePage .newViewProfile .profileInfoContainer .profileRightInfo {
        display: inline-block;
        width: 100%;
        padding: 0;
    }

    .newProfilePage .newViewProfile .addressInfo {
        text-align: left;
        margin-top: 10px;
        margin-right: 0px;
    }

    .newProfilePage .newViewProfile a.add-notes {
        margin-left: 0px;
    }

    .newProfilePage .newViewProfile a.add-notes+a.add-notes {
        left: 140px;
    }

    .newProfilePage .newViewProfile .addressInfo span.cont-no {
        color: #ff0000;
    }

    .newProfilePage .newViewProfile .addressInfo span {
        line-height: 1.25;
        padding-right: 20px;
        word-break: break-all;
    }

    .menuOpen .newProfilePage .newViewProfile .sbtitle-text.addressInfo a.editReligiousInfoNew,
    .newProfilePage .newViewProfile .sbtitle-text.addressInfo a.editReligiousInfoNew,
    .newProfilePage .newViewProfile a.editReligiousInfoNew,
    .newProfilePage .newViewProfile a.editCCDetails {
        right: 0;
        position: absolute;
        z-index: 9;
    }

    .newProfilePage .newViewProfile .sbtitle-text.addressInfo a.editReligiousInfoNew {
        right: -5px;
    }

    .newProfilePage .newViewProfile .profileLeftInfo a.editReligiousInfoNew,
    .newProfilePage .newViewProfile .profileRightInfo a.editReligiousInfoNew {
        right: -7px;
        top: 0;
    }

    .newProfilePage .newViewProfile ul.sbtitle-text {
        position: relative;
        padding-right: 20px;
    }

    .newProfilePage .newViewProfile .profileInfoContainer ul li.inlineText {
        display: block;
    }

    .newProfilePage .newViewProfile .profilePicDetails {
        width: 160px;
        padding-right: 10px;
    }

    .newProfilePage .newViewProfile .profilePicContainer .profilePic img {
        min-width: auto;
    }

    .newProfilePage .newViewProfile .profileInfoContainer .profileLeftInfo .sbtitle-text li.femaleName,
    .newProfilePage .newViewProfile ul.sbtitle-text,
    .newProfilePage .newViewProfile .miscDetails,
    .newProfilePage .newViewProfile .addressInfo {
        font-weight: normal;
    }

    .newProfilePage .newViewProfile .profileLeftInfo li.ageTextVerified.last-li {
        display: inline-block;
    }

    .payV2 .existing-card .existingCardWrapperRight,
    .payV2 .existing-card .existingCardWrapperLeft {
        display: block;
        vertical-align: middle;
    }

    .payV2 .existing-card .existingCardWrapperRight {
        padding-left: 5px;
    }

    .payV2 .existing-card>.col-lg-8 {
        width: 100%;
    }

    .payV2 .existing-card .existingCardWrapperLeft {
        padding-top: 0;
        position: relative;
    }

    /* .payV2 .payment-form .sub-heading { */
    /* margin-left: 0px; */
    /* } */
    .payment-confirm-table .billing-info p label,
    .menuOpen .payment-confirm-table .billing-info p label,
    .payment-confirm-table .your-info p label,
    .menuOpen .payment-confirm-table .your-info p label {
        min-width: 40%;
        width: 40%;
        word-break: break-word;
    }

    .payment-form .credit-card-details .existing-card input.billing-card,
    .payment-form .credit-card-details .existing-card .new-card.white-box>.billing-card {
        position: absolute;
        left: 5px;
        top: 10px;
    }

    .payment-form .credit-card-details .existing-card .new-card.white-box>.billing-card {
        left: 10px;
        top: 8px;
    }

    .my-matches .row-action-btns .link-reviewpro,
    .my-matches .row-action-btns .link-updte,
    .my-matches .row-action-btns .link-close,
    .my-matches .row-action-btns .link-time,
    .my-matches .row-action-btns .link-reference,
    .my-matches .row-action-btns .link-view,
    .newProfilePage .newViewProfile .row-action-btns .link-updte,
    .newProfilePage .newViewProfile .row-action-btns .link-close,
    .newProfilePage .newViewProfile .row-action-btns .link-view,
    .newProfilePage .newViewProfile .row-action-btns .link-time,
    .newProfilePage .newViewProfile .row-action-btns .link-reference,
    .newProfilePage .newViewProfile .row-action-btns .link-reviewpro,
    .newProfilePage .newViewProfile .row-action-btns .link-reactivate,
    .newProfilePage .newViewProfile .row-action-btns .link-restart,
    .newProfilePage .newViewProfile .row-action-btns .link-hold,
    .my-matches .row-action-btns .link-hold,
    .newProfilePage .newViewProfile .row-action-btns .link-busy,
    .newProfilePage .newViewProfile .row-action-btns .link-resume,
    .newProfilePage .newViewProfile .row-action-btns .link-photo {
        zoom: 75%;
    }

    .notification-box .btn-accept,
    .notification-box .btn-eliminate {
        max-width: 160px;
        width: 100%;
        float: none;
        margin: 5px auto;
    }

    .add-member .notification-box,
    .add-member .notification-box .btn-accept,
    .add-member .notification-box .btn-eliminate {
        float: none;
    }

    .find-match .fmWrapper .panel-body .bmm-row:after {
        content: "";
        height: 1px;
        background: #dbdbdb;
        position: absolute;
        bottom: 0;
        width: calc(100% + 20px);
        left: -10px;
    }
}

@media only screen and (max-width:360px) {
    .find-match-v2 h3 .inbox-controls-right {
        bottom: -15px;
    }

    .payV2 .payment-form .existing-card a.btn-agree {
        font-size: 14px;
    }

    .newProfilePage .newViewProfile .profilePicDetails {
        width: 120px;
        padding-right: 10px;
    }
}

.open-c-modal.modal-open {
    overflow: hidden;
	position:relative;
}

.open-c-modal .modal-open {
    position: relative;
    overflow: visible;
}

.he-text-right {
    direction: rtl;
}

.pressrelease .dateorange {
    color: #ff6600;
}


/* changes for j-junction as per dbugzilla bug 2600 */

.darkBlurTheme .btn-blue {
    color: #FFF !important;
    background: #628ECA;
    border-color: #628ECA;
    text-decoration: none !important;
}

.darkBlurTheme .btn-blue:hover,
.darkBlurTheme .btn-blue:focus,
.darkBlurTheme .btn-blue:active {
    color: #628ECA !important;
    border-color: #628ECA;
    background: transparent;
    text-decoration: none !important;
}
/* made changes dhiraj kolhe 16-01-2025 header change*/
.darkBlurTheme .btn-blue.btn-trans {
    color: #628ECA !important;
    background-color: #ffffff;
    border-color: #628ECA;
}
/* made changes dhiraj kolhe 16-01-2025 header change*/
.darkBlurTheme .btn-blue.btn-trans:hover,
.darkBlurTheme .btn-blue.btn-trans:focus,
.darkBlurTheme .btn-blue.btn-trans:active {
    color: #FFF !important;
    border-color: #628ECA;
    background: #628ECA;
}

.darkBlurTheme .btn-orange {
    color: #FFF !important;
    background: #CC5027;
    border-color: #CC5027;
    text-decoration: none !important;
}

.darkBlurTheme .btn-orange:hover,
.darkBlurTheme .btn-orange:focus,
.darkBlurTheme .btn-orange:active {
    color: #CC5027 !important;
    border-color: #CC5027;
    background: transparent;
    text-decoration: none !important;
}

.darkBlurTheme .btn-orange.btn-trans {
    color: #CC5027 !important;
    background-color: transparent;
}

.darkBlurTheme .btn-orange.btn-trans:hover,
.darkBlurTheme .btn-orange.btn-trans:focus,
.darkBlurTheme .btn-orange.btn-trans:active {
    color: #FFF !important;
    border-color: #CC5027;
    background: #CC5027;
}


/* .darkBlurTheme #sidebar-wrapper .sidebar-wrapper-inner, */

.darkBlurTheme .footerBg {
    background: #628ECA;
}


/* navy blue */

.darkBlurTheme .innerPage .text-primary,
.darkBlurTheme .innerPage .blueTxt,
.darkBlurTheme .innerPage a,
.darkBlurTheme .innerPage .text-info,
.darkBlurTheme .innerPage .h1,
.darkBlurTheme .innerPage h1,
.darkBlurTheme .innerPage .h2,
.darkBlurTheme .innerPage h2,
.darkBlurTheme .innerPage .h3,
.darkBlurTheme .innerPage h3,
.darkBlurTheme .innerPage .h4,
.darkBlurTheme .innerPage h4,
.darkBlurTheme .innerPage .h6,
.darkBlurTheme .innerPage h6 {
    color: #628ECA;
}


/* orange */


/* .darkBlurTheme .innerPage a:hover, */

.darkBlurTheme p.headline,
.darkBlurTheme p.tagline,
.darkBlurTheme .faq-question h5,
.darkBlurTheme .payment-form .call-us strong {
    color: #CC5027;
}


/* cobalt blue */

.darkBlurTheme div.modal-header {
    background: #8376B6;
}

.darkBlurTheme .sidebar-nav li.sidebar-brand {
    background: #85d1d9;
}

.darkBlurTheme .sidebar-nav li.sectionMisc,
.darkBlurTheme .sidebar-nav li.sectionSuprt,
.darkBlurTheme .sidebar-nav li.sectionAdvrt {
    background: #628ECA;
}

.darkBlurTheme .loginForgotpwd a,
.darkBlurTheme .mmNameMain a,
.darkBlurTheme h3.heading-blue {
    color: #8376B6;
}

.darkBlurTheme .equalHeightContainer .accountTypeFree {
    background: #CC5027;
    border-top: 1px #CC5027 solid;
}

.darkBlurTheme .equalHeightContainer .accountTypeBasic {
    background: #628ECA;
    border-top: 1px #628ECA solid;
}

.darkBlurTheme .equalHeightContainer .accountTypeGold {
    background: #FFB025;
    border-top: 1px #FFB025 solid;
}

.darkBlurTheme .sidebar-nav li a {
    color: #b7c1e9;
}


/* .darkBlurTheme .sidebar-nav li a:hover {
    color: #e66e3e;
} */

.darkBlurTheme .headerRight ul li span.goldAct {
    color: #FFB025;
}

.darkBlurTheme .headerRight ul li span.freeAct,
.darkBlurTheme .headerRight ul li span.limitedAct {
    color: #CC5027;
}

.darkBlurTheme .headerRight ul li span.basicAct,
.darkBlurTheme .faq-question ul li .question {
    color: #628ECA;
}

.darkBlurTheme .panel-danger>.panel-heading {
    color: #CC5027;
    background-color: #fae4e4;
    border-color: #ebccd1;
}

.darkBlurTheme .panel-body-left {
    color: #CC5027;
}

.darkBlurTheme .success-msg {
    background: #eef8fa;
    border: solid 1px #85D1D9;
    color: #85D1D9;
}

.darkBlurTheme .match-information .btn-make-suggestion a,
.darkBlurTheme .gray-box .btn-add,
.darkBlurTheme .payment-form a.btn-agree {
    color: #85D1D9;
    border: 2px solid #85D1D9;
}

.darkBlurTheme .match-information .btn-make-suggestion a:hover,
.darkBlurTheme .gray-box .btn-add:hover,
.darkBlurTheme .payment-form a.btn-agree:hover {
    background: #85D1D9;
    color: #fff;
}

.darkBlurTheme div.modal-content h4.modal-title {
    color: #fff;
}

.darkBlurTheme .innerPage .modal-footer .btn+.btn {
    margin-bottom: 5px;
}

.fasspassGoldMsg {
    color: red;
    font-size: 18px;
    padding-bottom: 15px;
}
.fasspassGoldMsg a {
    color: red;
}


/* /. end changes for j-junction as per dbugzilla bug 2600 */


/* Changes for Jconnect done by Mehul (18th Nov 2019) */


/* .L2LorangeTheme .btn-blue {
    color: #FFF !important;
    background: #f37021;
    border-color: #f37021;
    text-decoration: none !important;
}

.L2LorangeTheme .btn-blue:hover,
.L2LorangeTheme .btn-blue:focus,
.L2LorangeTheme .btn-blue:active {
    color: #f37021 !important;
    border-color: #f37021;
    background: transparent;
    text-decoration: none !important;
}

.L2LorangeTheme .btn-blue.btn-trans {
    color: #f37021 !important;
    background-color: transparent;
    border-color: #f37021;
}

.L2LorangeTheme .btn-blue.btn-trans:hover,
.L2LorangeTheme .btn-blue.btn-trans:focus,
.L2LorangeTheme .btn-blue.btn-trans:active {
    color: #FFF !important;
    border-color: #f37021;
    background: #f37021;
}

.L2LorangeTheme .btn-orange {
    color: #FFF !important;
    background: #CC5027;
    border-color: #CC5027;
    text-decoration: none !important;
}

.L2LorangeTheme .btn-orange:hover,
.L2LorangeTheme .btn-orange:focus,
.L2LorangeTheme .btn-orange:active {
    color: #CC5027 !important;
    border-color: #CC5027;
    background: transparent;
    text-decoration: none !important;
}

.L2LorangeTheme .btn-orange.btn-trans {
    color: #CC5027 !important;
    background-color: transparent;
}

.L2LorangeTheme .btn-orange.btn-trans:hover,
.L2LorangeTheme .btn-orange.btn-trans:focus,
.L2LorangeTheme .btn-orange.btn-trans:active {
    color: #FFF !important;
    border-color: #CC5027;
    background: #CC5027;
} */

.L2LorangeTheme .headerTop {
    background-color: #eaeaea;
}

.L2LorangeTheme .footerBg {
    background: #f37021;
}


/* Changes done by Priyansh */

.L2LorangeTheme .headerLogo img {
    /* background-color: #eaeaea; */
    width: auto;
}


/* End of Changes for Jconnect done by Mehul (18th Nov 2019) */


/* for edit Credit card modal PopUp*/

.ccExpiryWrapper .payment-form .credit-card-details .whats-this {
    right: -20px;
}

.ccExpiryWrapper .payment-form {
    border-top: none;
    padding-top: 0;
    margin-top: 5px;
}

.viewResume .detailRows.startRow {
    border: 1px solid #d9d9d9;
    padding: 0 15px;
    text-align: center;
}

.resumePicView img {
    display: inline-block;
}

.panel-body .startRow .resumePicView {
    display: block;
}


/* .resumePicView+.resumePicView {
    margin-left: 10px;
} */


/*Broken Link Page OR 404*/

.BrokenLinkWrap p {
    color: #e66e3e;
    font-size: 24px;
    font-weight: 700;
    margin: 15px 0 30px;
}

.brokenLinkWrap {
    display: table;
    height: 100%;
    width: 100%;
}

.brokenLinkWrap h2 {
    font-size: 70px;
    margin: 30px 0;
}

.brokenLinkContent {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.brokenLinkImg img {
    margin: 30px;
    width: 175px;
}

.viewMemPics img {
    height: 0;
}

.viewResume .addImage {
    float: none;
    padding: 0;
    margin-top: 0;
    width: auto;
}

.viewResume .addImage .addImageInner {
    padding: 0;
    border: 0;
    overflow: hidden;
}

.viewResume .addImage .addImageInner:hover {
    background: transparent;
}

#editModal .btn-find {
    padding: 6px 30px;
}

@media only screen and (max-width: 991px) {
    .viewResume .addImage {
        width: 100%
    }

    .newProfilePage .newViewProfile.viewResume .profileInfoContainer .profileLeftInfo {
        width: 100%
    }

    .newProfilePage .newViewProfile.viewResume .profileInfoContainer .profileRightInfo {
        display: none
    }
}

.group-filter-wrapper {
    display: none;
    position: absolute;
    right: -140px;
    top: -1px;
    width: 140px;
    padding-left: 8px;
}

.chat-filter-dropdown-row:hover .group-filter-wrapper {
    display: block;
}

.chat-filter-arrow-inner {
    width: 7px;
    height: 20px;
    position: absolute;
    left: 3px;
    top: 0;
}

.chat-filter-arrow-inner {
    width: 7px;
    height: 14px;
    position: absolute;
    z-index: 1;
    left: 3px;
    top: 11px;
    overflow: hidden;
}

.chat-filter-arrow-inner:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 1px;
    top: 0;
    width: 10px;
    height: 10px;
    background: #FFF;
    border-left: 1px #1683fb solid;
    border-bottom: 1px #1683fb solid;
    -webkit-transform: rotate(47deg);
    transform: rotate(47deg);
}

.group-filter-wrapper-inner {
    position: relative;
    z-index: 0;
    background: #ffffff;
    border: 1px #1683fb solid;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.chat-wrapper .chatter-list .search .chat-filter .icon-group {
    background-position: 0 -301px;
}

.chat-wrapper .chatter-list .search .chat-filter .icon-all-group {
    background-position: 0 -345px;
}

.chat-wrapper .chatter-list .search .chat-filter.open .chat-filter-label .icon-all-group {
    background-position: -82px -345px;
}

.chat-wrapper .chatter-list .search .chat-filter .icon-flagged-group {
    background-position: 1px -419px;
}

.chat-wrapper .chatter-list .search .chat-filter.open .chat-filter-label .icon-flagged-group {
    background-position: -84px -419px;
}

.chat-wrapper .chatter-list .search .chat-filter .icon-unread-group {
    background-position: 0 -380px;
}

.chat-wrapper .chatter-list .search .chat-filter.open .chat-filter-label .icon-unread-group {
    background-position: -82px -380px;
}

.chat-wrapper .chatter-list .search .chat-filter .icon-archive-group {
    background-position: 0 -458px;
}

.chat-wrapper .chatter-list .search .chat-filter.open .chat-filter-label .icon-archive-group {
    background-position: -82px -458px;
}

.modal-middle {
    text-align: center;
}

.modal-middle .modal-dialog {
    width: 90%;
    text-align: left;
    margin: 0 !important;
    top: 0 !important;
    transform: none !important;
    display: inline-block;
    vertical-align: middle;
}

.modal-middle:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    vertical-align: middle;
    margin-left: -5px;
}

.searchBoxLeft {
    float: left;
    width: calc(100% - 120px);
}

.searchBoxRight {
    float: right;
    width: 115px;
}

@media only screen and (max-width: 767px) {
    .searchBoxLeft {
        width: 100%;
    }

    .searchBoxRight {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .searchBoxRight input {
        width: 100%;
    }
}

.shidduch_resumes_message {
    text-align: center;
    color: #26377d;
    font-size: 10px;
    display: block;
    margin-top: 0px;
}

.shidduch_resumes_message span {
    background: #f4f4f4;
    font-size: 13px;
    color: #ff6607;
    border: solid 1px #d9d9d9;
    border-top: 0;
    padding: 3px 5px;
    display: inline-block;
}

.lblMessageWrap {
    text-align: center;
    display: block;
    margin-top: 20px;
}

.lblMessageWrap span {
    text-align: center;
    display: inline-block;
    padding: 8px 12px;
    color: #26377d;
    border: solid 1px #d9d9d9;
    /* background: #f4f4f4 url(../images/icon_011.png) no-repeat 10px 10px; */
    background: #fcf8e3;
}

.ViewResumeLeftText {
    float: left;
    font-weight: normal;
    font-size: 16px;
    color: #bf193c;
    margin-top: 15px;
}

.ViewResumeRightText {
    float: right;
    margin-top: 15px;
}

.updateResumeBtn {
    overflow: hidden;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: top;
}

.updateResumeBtn .btn {
    line-height: normal;
    border-radius: 4px;
    border-width: 1px;
}

.updateResumeBtn input {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
}

.ucResumeView {
    margin-top: 15px;
}

.ucResumeView .col-xs-full {
    padding: 0;
}

@media only screen and (max-width: 767px) {

    .ViewResumeLeftText,
    .ViewResumeRightText {
        text-align: center;
        width: 100%;
    }
}


/*Added my Mehul for GrpChat*/

.chat-wrapper .chatter-list .search .icon-grpChat {
    width: 35px;
    height: 40px;
    display: block;
    vertical-align: middle;
    background: url(../images/chaticonsspritev4.png) no-repeat 0 -332px;
}

.chat-wrapper .chatter-list .search .icon-grpChat:hover {
    background-position: -62px -332px;
}


/*Css End - GrpChat*/

.imageEditor .editorInner.loader {
    background: url(../images/loader.gif) no-repeat center center;
    background-size: 60px;
}

.changeImage {
    position: relative;
    overflow: hidden;
}

.changeImage input {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
}

.modal.drag {
    background: rgba(255, 255, 255, 0.5);
}

.modal.drag .modal-dialog {
    opacity: 0.7;
}

.c-modal-open {
    overflow: hidden;
}

.confirm-modal-backdrop {
    text-align: center;
    position: fixed;
    z-index: 99999999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    opacity: 0;
    padding: 10px;
    transition: opacity .2s ease-out;
}

.confirm-modal-backdrop.show {
    opacity: 1;
    filter: alpha(opacity=100);
}

.confirm-modal-backdrop:after {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    opacity: 0.8;
}

.confirm-modal-backdrop:before {
    content: "";
    position: relative;
    height: 100%;
    width: 0px;
    display: inline-block;
    vertical-align: middle;
    margin-right: -4px;
}

.confirm-modal {
    text-align: left;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    background: #FFF;
    box-shadow: 0 0 15px #000;
    transition: transform .2s ease-out;
    -webkit-transform: translate(0, -100px);
    transform: translate(0, -100px);
}

.confirm-modal-backdrop.show .confirm-modal {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.confirm-modal-header {
    position: relative;
    color: #FFF;
    font-size: 24px;
    font-weight: 500;
    background: #e66e3e;
    padding: 8px 35px 8px 15px;
}

.confirm-modal-body {
    font-size: 16px;
    padding: 15px;
}

.confirm-modal-footer {
    text-align: center;
    padding: 15px;
    border-top: 1px solid #e5e5e5;
}

.confirm-modal-close {
    font-family: 'FontAwesome';
    font-size: 28px;
    position: absolute;
    right: 10px;
    top: 5px;
}

.confirm-modal-close:before {
    content: "\f057";
    display: inline-block;
}

.leave-group-modal .confirm-modal {
    width: 400px;
}

.leave-group-modal .btn-default {
    color: #fff;
    line-height: 1.6;
    background-color: #f60;
    border: 0;
    margin: 0px 4px;
}

.leave-group-modal .btn-primary {
    color: #fff;
    line-height: 1.6;
    background-color: #1683fb;
    border: 0;
    margin: 0px 4px;
}

.mmSForm .form-group.from_right_icon {
    position: relative;
    padding-right: 160px;
}

.mmSForm.profileStep .form-group.from_right_icon {
    padding-right: 30px;
}

.from_right_icon .religious_modal_icon {
    position: absolute;
    text-align: center;
    line-height: 22px;
    color: #26377d;
    text-decoration: none;
    right: 130px;
    top: 6px;
    width: 22px;
    height: 22px;
    border: 1px #29397f solid;
    border-radius: 50%;
}

.mmSForm.profileStep .from_right_icon .religious_modal_icon {
    right: 0;
}

.from_right_icon .religious_modal_icon:hover {
    color: #26377d;
    text-decoration: none;
}

.innerPage a.religious_modal_icon2 {
    padding: 0 0 0 4px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 3px;
    text-decoration: none;
    line-height: 18px;
    width: 20px;
    height: 20px;
    border: 1px transparent solid;
    border-radius: 50%;
}

.innerPage a.religious_modal_icon2:hover {
    color: #29397f;
    border: 1px #29397f solid;
}

@media only screen and (max-width: 767px) {
    .mmSForm .form-group.from_right_icon {
        padding-right: 30px;
    }

    .from_right_icon .religious_modal_icon {
        right: 0px;
    }
}

.mem-reqtimeforMatch h3.reqmoretime {
    font-size: 20px;
    margin-top: 30px;
}

.mem-reqtimeforMatch h4.reqmoretime2 {
    font-size: 24px;
    color: #2c323c;
    margin-bottom: 30px;
    margin-top: 30px;
}

.nameFemaleMatchMoreTime {
    color: #bf193c;
}

.nameMaleMatchMoreTime {
    color: #1683fa;
}

.events-button-wrapper .btn {
    line-height: 1.6;
    padding: 3px 25px;
}

.show-occupants-modal .confirm-modal {
    max-width: 600px;
    width: 90%;
}

.show-occupants-modal .confirm-modal-header {
    background: #1683fa;
}

.show-occupants-modal .confirm-modal-body {
    padding: 13px;
}

.occupantCell {
    width: 100%;
    display: table;
    background: #f3f3f3;
}

.occupantCell+.occupantCell {
    border-top: 1px solid #c1c1c1;
}

.occupantCell.occupantCellYou {
    color: #000;
    background: #bfd0e8;
}

.occupantCell span {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
}

.occupantCell span:first-child {
    width: 35px;
}

.occupantCell span.last-span {
    font-size: 13px;
    color: #7b7b7b;
    text-align: right;
}

.occupantCell img {
    height: 35px;
    width: 35px;
    vertical-align: bottom;
    border-radius: 5px;
}

.occupantsWrapper {
    max-height: 550px;
    overflow: auto;
    border: 1px solid #c1c1c1;
}

.mmCommentActual {
    white-space: pre-wrap;
}


.popup-modal-img-wrapper {
    text-align: center;
}

.popup-modal-img-wrapper img {
    max-width: 100%;
    max-height: 600px;
}


.viewResumeLeft {
    margin-top: 20px
}

.viewResumeRight {
    text-align: right;
    margin-top: 10px;
    margin-bottom: 20px;
}

.innerPage .add-call-btn-wrapper {
    display: none;
}

.innerPage a.add-call-btn {
    display: inline-block;
    font-size: 14px;
    color: #FFF;
    border: solid 2px #000064;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    background: #000064;
    transition: 0.5s;
    text-align: center;
    text-decoration: none;
    margin-top: 7px;
}

.res-table-wrapper {
    display: none;
    margin-top: 20px;
}

.res-table {
    float: left;
    display: table;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    border-collapse: collapse;
}

.res-table .res-table-header {
    font-weight: bold;
    display: table-row;
    background: #f5f5f5;
}

.res-table .res-table-body {
    display: table-row-group
}

.res-table .res-table-tr {
    display: table-row;
}

.res-table .res-table-td {
    padding: 8px 10px;
    display: table-cell;
    vertical-align: middle;
    border: 1px #ddd solid;
}

.res-table .res-table-inner-th {
    display: none;
}

.res-table .res-table-inner-td {
    display: block;
}

.res-table .res-table-td.time {
    width: 160px;
}

.res-table .res-table-td.total-members {
    width: 120px;
}

.res-table .res-table-td.completed {
    width: 100px;
}

.res-table .res-table-td.reminder {
    width: 85px;
}

@media only screen and (max-width: 767px) {
    .res-table .res-table {
        display: block;
    }

    .res-table .res-table-header {
        display: none;
    }

    .res-table .res-table-tr {
        display: table;
        width: 100%;
    }

    .res-table .res-table-tr+.res-table-tr {
        margin-top: 10px;
    }

    .res-table .res-table-td {
        display: table-row;
        padding: 0;
    }

    .res-table .res-table-td+.res-table-td {
        margin-top: 10px;
    }

    .res-table .res-table-inner-th {
        width: 120px;
        font-weight: bold;
        padding: 8px 10px;
        display: table-cell;
        vertical-align: top;
        background-color: #f5f5f5;
    }

    .res-table .res-table-inner-td {
        padding: 8px 10px;
        display: table-cell;
        vertical-align: top;
        border: 1px #ddd solid;
    }
}

.true-img {
    display: inline-block;
    vertical-align: bottom;
    width: 25px;
    height: 21px;
    background-image: url(../images/true_img.png);
    background-repeat: no-repeat;
    background-position: 0px 0;
}

.true-img.checked {
    background-position: 0px -37px;
}

.reminder-img {
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    width: 25px;
    height: 23px;
    background-image: url(../images/reminder.png);
    background-repeat: no-repeat;
    background-position: 0px 0;
    background-size: 25px 23px;
}

.virtualMeeting .modal-header {
    font-weight: bold;
    font-size: 16px;
    background: #26377d;
}

.virtualMeeting .modal-header .close {
    background: url(../images/icon-close.png) no-repeat;
    width: 20px;
    height: 20px;
    background-size: 20px;
    right: 15px;
}

.virtualMeeting .row {
    margin-left: -5px;
    margin-right: -5px;
}

.virtualMeeting .col-xs-12 {
    padding-left: 5px;
    padding-right: 5px;
}

.virtualMeeting .gray-box {
    background: #f3f3f3;
    padding: 15px;
    margin-top: 10px;
    border: 1px solid #c1c1c1;
}

.virtualMeeting h5 {
    margin: 0;
    font-size: 14px;
    color: #444;
}

.virtualMeeting .btnGreen {
    color: #006400;
    border: solid 2px #006400;
    border-radius: 4px;
    padding: 3px 15px;
    cursor: pointer;
    background: #fff;
    font-size: 13px;
}

.searchFilterTableWrap {
    margin-left: -5px;
    margin-right: -5px;
}

.searchFilterTable {
    display: table;
    width: 100%;
}

.searchFilterTableCell {
    vertical-align: top;
    display: table-cell;
    padding: 5px;
}

.searchFilterTableCell.padding-0 {
    padding: 0;
}

.searchFilterTableCell.right-cell {
    width: 280px;
}

.searchFilterTableCell.name {
    width: 22%;
}

.searchFilterTableCell.country {
    width: 20%;
}

.searchFilterTableCell.age {
    width: 80px;
}

.searchFilterTableCell.gender {
    width: 80px;
}

.searchFilterTableCell.search {
    width: 35px;
    vertical-align: middle;
}

.searchFilterTableCell.select-meeting-name,
.searchFilterTableCell.select-meeting-desc {
    width: 28%;
}

@media only screen and (max-width: 767px) {
    .searchFilterTable {
        display: block;
    }

    .searchFilterTableCell {
        display: block;
    }

    .searchFilterTableCell.name,
    .searchFilterTableCell.country,
    .searchFilterTableCell.right-cell,
    .searchFilterTableCell.age,
    .searchFilterTableCell.search,
    .searchFilterTableCell.select-meeting-name,
    .searchFilterTableCell.select-meeting-desc {
        width: 100%;
    }

    .searchFilterTableCell.search {
        text-align: right;
    }
}

.searchFilterTable .selectWrapper .select-space {
    padding-top: 14px;
    padding-bottom: 2px;
    padding-left: 6px;
}

.searchFilterTable .selectWrapper .selectname {
    left: 7px;
    top: 2px;
}

.searchFilterTable .labelInputWrapper {
    margin-bottom: 0;
}

.searchFilterTable .labelInputWrapper.wrapperActive,
.searchFilterTable .labelInputWrapper.wrapperFocus,
.res-table-search .labelInputWrapper.wrapperActive,
.res-table-search .labelInputWrapper.wrapperFocus {
    padding-top: 12px;
    padding-bottom: 2px;
    padding-left: 6px;
    margin-bottom: 0;
}

.searchFilterTable .labelPlaceholder.labelFocus,
.res-table-search .labelPlaceholder.labelFocus {
    left: 7px;
    top: 3px;
}

.searchFilterTable .btnSearch {
    background: url(../images/chaticonsspritev4.png) no-repeat 0 -375px;
    height: 30px;
    width: 25px;
    outline: 0;
    border: 0;
    padding: 0;
}

.searchFilterTable .btncell {
    width: 25px;
}

.virtualMeetingContacts {
    position: relative;
    border: 1px solid #c1c1c1;
    border-top: 0;
    max-height: 300px;
    overflow: auto;
}

.res-table-two {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.res-table-two>div {
    display: table-row;
}

.res-table-two>div.table-body {
    display: table-row-group;
}

.res-table-two>div.table-body>div {
    display: table-row;
    padding: 0;
}

.res-table-two>div.table-body>div.male-member {
    color: #193cbf;
}

.res-table-two>div.table-body>div.male-member.selected {
    color: #FFF;
    background: #193cbf;
}

.res-table-two>div.table-body>div.female-member {
    color: #bf193c;
}

.res-table-two>div.table-body>div.female-member.selected {
    color: #FFF;
    background: #bf193c;
}

.res-table-two>div.table-body>div+div {
    border-top: 1px solid #c1c1c1;
}

.res-table-two>div>div,
.res-table-two>div.table-body>div>div {
    padding: 5px;
    display: table-cell;
    vertical-align: middle;
}

.res-table-two>div.res-table-header {
    font-weight: bold;
    background: #f3f3f3;
}

.res-table-two .pic {
    width: 45px;
}

.res-table-two .pic img {
    width: 35px;
    height: 35px;
    vertical-align: middle;
    border-radius: 5px;
}

.res-table-two .basic .pic img {
    border: 2px #26377d solid;
}

.res-table-two .gold .pic img {
    border: 2px #ffd700 solid;
}

.res-table-two .platinum .pic img {
    border: 2px #DDA0DD solid;
}

.res-table-two .free .pic img,
.res-table-two .limited .pic img {
    border: 2px #d00000 solid;
}

.membership-text {
    display: inline-block;
}

.membership-text .chatLoader {
    width: 36px;
    height: 20px;
    background-image: url(../images/loading2.svg);
}

.selected .membership-text .chatLoader {
    background-image: url(../images/loading3.svg);
}

@media only screen and (max-width: 767px) {

    .res-table-two,
    .table-body,
    .res-table-tr {
        display: block;
    }

    .res-table-tr:after {
        content: "";
        display: block;
        clear: both;
    }

    .res-table-two>div.table-body>div {
        position: relative;
        padding-left: 45px;
        padding-top: 2px;
        padding-bottom: 2px;
        min-height: 48px;
    }

    .res-table-two>div>div,
    .res-table-two>div.table-body>div>div {
        display: block;
        position: relative;
        float: left;
        padding: 0 0 3px 5px;
    }

    .res-table-two>div.table-body>div>div:after {
        content: ",";
        margin-left: 2px;
    }

    .res-table-two>div.table-body>div>div.pic:after,
    .res-table-two>div.table-body>div>div.change-status:after {
        display: none;
    }

    .res-table-two>div.table-body>div>div.pic {
        position: absolute;
        left: 0;
        top: 5px;
    }

    .res-table-two>div.table-body>div>div.change-status {}
}

.selectedVirtualMeetingContacts {
    margin: 0;
    padding: 0;
}

.selectedVirtualMeetingContacts li {
    line-height: 18px;
    position: relative;
    display: inline-block;
    list-style-type: none;
    background: #f3f3f3;
    border: 1px solid #c1c1c1;
    padding: 2px 17px 2px 5px;
    border-radius: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.selectedVirtualMeetingContacts li.male-member {
    color: #193cbf;
    border: 1px solid #193cbf;
}

.selectedVirtualMeetingContacts li.female-member {
    color: #bf193c;
    border: 1px solid #bf193c;
}

.selectedVirtualMeetingContacts li .remove {
    position: absolute;
    top: 7px;
    right: 4px;
    cursor: pointer;
    background: url(../images/icon-cross3.png) no-repeat;
    width: 10px;
    height: 10px;
    background-size: 10px;
    display: inline-block;
}

.completed-confirm .confirm-modal {
    max-width: 400px;
    width: 90%;
}

.completed-confirm .confirm-modal-header {
    font-size: 20px;
    background: #1683fa;
}

.completed-confirm .confirm-modal-close {
    top: 2px;
}

.completed-confirm .confirm-modal-footer {
    text-align: right;
}

.completed-confirm .confirm-modal-footer .btn {
    margin-left: 5px;
}


.res-table-error-message {
    display: none;
    color: #f00;
    margin-top: 10px;
}

.error-message {
    display: none;
    color: red;
    font-weight: normal;
    margin-top: 3px;
}

.form-control-wrapper {
    margin-bottom: 10px;
}

.labelInputWrapper.error {
    background: #ffe4e4;
    border-color: red;
}

.labelInputWrapper.error input {
    color: red;
    background: #ffe4e4;
}

#VirtualMeeting .labelInputWrapper {
    margin-bottom: 0;
}

.member-status-table-wrapper {
    max-height: 300px;
    overflow: auto;
}

.member-status-table {
    font-size: 14px;
    display: table;
    width: 100%;
    border: 1px solid #d8d8d8;
    border-collapse: collapse;
}

.member-status-table>div {
    display: table-row;
}

.member-status-table>div>div {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
    border-top: 1px solid #d8d8d8;
}

.member-status-table .select-cell {
    width: 280px;
}

.member-status-table .photo-cell {
    width: 45px;
}

.member-status-table .photo-cell img {
    width: 35px;
    height: 35px;
    border-radius: 3px;
}

.member-status-table select {
    outline: 0;
    font-size: 13px;
    border-radius: 3px;
    padding: 4px 20px 4px 8px;
    width: 100%;
    border: 1px solid #b9b9b9;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: transparent url(../images/icon_01.png) right center no-repeat;
}

.member-status-table select::-ms-expand {
    display: none;
}

@media only screen and (max-width: 767px) {
    .member-status-table .photo-cell {
        width: 35px;
    }

    .member-status-table .photo-cell img {
        width: 25px;
        height: 25px;
    }

    .member-status-table .select-cell {
        width: 150px;
    }

    .member-status-table select {
        padding: 2px 20px 2px 5px;
    }
}

.change-status .change-status-icon {
    cursor: pointer;
    display: none;
    vertical-align: middle;
    width: 20px;
    height: 21px;
    background: url(../images/change-status.png) no-repeat 0 0;
}

.selected .change-status .change-status-icon {
    background-position: left bottom;
}

.show-iocn .change-status .change-status-icon {
    display: inline-block;
}

.membership .membership-icon {
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 19px;
    background: url(../images/membership-icon.png) no-repeat 0 0;
}

.selected .membership .membership-icon {
    background-position: left bottom;
}

@media only screen and (max-width: 767px) {
    .membership .membership-icon {
        width: 13px;
        height: 12px;
        background-size: 100%;
    }

    .change-status .change-status-icon {
        width: 11px;
        height: 12px;
        background-size: 100%;
    }
}

.completed-confirm.change-status .confirm-modal {
    max-width: 650px;
}

.res-table-pagination {
    float: right;
}

.res-table-pagination ul {
    float: right;
    margin: 0;
}

.res-table-search {
    float: left;
    position: relative;
    padding-right: 35px;
    width: 40%;
}

.res-table-search .labelInputWrapper {
    margin: 0;
}

.res-table-search button {
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    background: none;
    border: 0;
}

.autocomplete-input-wrapper {
    position: relative;
}

.autocomplete-input-wrapper .labelInputWrapper {
    z-index: 0;
    padding-right: 0;
}

.autocomplete-input-wrapper .select-arrow,
.autocomplete-input-wrapper .select-arrow2 {
    position: absolute;
    z-index: 1;
    right: 1px;
    top: 1px;
    bottom: 1px;
    width: 23px;
    border-radius: 4px;
    background: #FFF url(../images/icon_01.png) right center no-repeat;
    animation: none;
}

.autocomplete-input-wrapper.loading .select-arrow {
    position: absolute;
    z-index: 20;
    right: 8px;
    top: 50%;
    bottom: auto;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    border-radius: 50%;
    background: none;
    border: 2px #5151a0 solid;
    animation: spin 1s linear infinite;
}

.autocomplete-input-wrapper.loading .select-arrow:after {
    content: "";
    position: absolute;
    left: -2px;
    top: -2px;
    width: 8px;
    height: 8px;
    background: #000064;
    border-radius: 50%;
}

.autocomplete-input-wrapper .ui-autocomplete {
    overflow: auto;
    max-height: 300px;
    width: 100% !important;
    left: 0 !important;
    top: 100% !important;
    right: 0 !important;
}

.autocomplete-input-wrapper .ui-menu .ui-state-focus,
.autocomplete-input-wrapper .ui-menu .ui-state-active {
    margin: 0;
    border: 0;
}

body .ui-autocomplete {
    z-index: 99999999;
}

.select-meeting-name-input-wrapper {
    position: relative;
}


.event-change-status-icon {
    margin-left: 3px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 21px;
    background: url(../images/change-status.png) no-repeat 0 0;
}

.autocomplete-input-wrapper.disable {
    cursor: not-allowed;
}

.autocomplete-input-wrapper.disable:before {
    content: "";
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.5);
}

.send-reminder-textarea {
    width: 100%;
    height: 180px;
    padding: 4px 8px;
    border: 1px solid #b9b9b9;
    outline: 0;
}

.send-reminder-textarea a {
    word-break: break-all;
    cursor: pointer;
    text-decoration: underline;
}

.send-reminder-textarea strong {
    color: #000064;
}

.send-reminder-textarea-error {
    color: red;
    display: none;
    margin-top: 10px;
}

.password-color {
    color: #000064;
}












.css-table-wrapper {
    overflow: auto;
    border: 1px #ddd solid;
}

.css-table {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.css-table .css-table-header {
    font-weight: bold;
    display: table-row;
    background: #f5f5f5;
}

.css-table .css-table-header .css-table-td {
    border-bottom: 1px #ddd solid;
}

.css-table .css-table-body {
    display: table-row-group
}

.css-table .css-table-tr {
    display: table-row;
}

.css-table .css-table-td {
    padding: 8px 10px;
    display: table-cell;
    vertical-align: middle;
}

.css-table .css-table-tr:hover .css-table-td {
    background: #f5f5f56b;
}

.css-table .css-table-td+.css-table-td {
    border-left: 1px #ddd solid;
}

.css-table .css-table-tr+.css-table-tr .css-table-td {
    border-top: 1px #ddd solid;
}

.css-table .css-table-inner-th {
    display: none;
}

.css-table .css-table-inner-td {
    display: block;
}


@media only screen and (max-width: 767px) {
    .css-table-wrapper {
        border: 0;
    }

    .css-table .css-table-header {
        display: none;
    }

    .css-table .css-table-tr {
        display: table;
        width: 100%;
        border-collapse: collapse;
    }

    .css-table .css-table-tr+.css-table-tr {
        margin-top: 10px;
    }

    .css-table .css-table-td {
        display: table-row;
        padding: 0;
    }

    .css-table .css-table-td+.css-table-td {
        margin-top: 10px;
    }

    .css-table .css-table-inner-th {
        width: 120px;
        font-weight: bold;
        padding: 8px 10px;
        display: table-cell;
        vertical-align: top;
        background-color: #f5f5f5;
        border: 1px #ddd solid;
    }

    .css-table .css-table-inner-td {
        padding: 8px 10px;
        display: table-cell;
        vertical-align: top;
        border: 1px #ddd solid;
    }
}


.VirtualMeetingMemberPhoto {
    width: 60px;
    height: 60px;
    position: relative;
    margin: 4px;
}

.VirtualMeetingMemberPhoto .mbrfilePic {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.VirtualMeetingMemberPhoto .icon-msg {
    background: rgba(0, 0, 0, 0) url(../images/sprites.png) no-repeat scroll -294px -16px;
    bottom: -8px;
    display: block;
    height: 26px;
    right: -5px;
    position: absolute;
    width: 26px;
    z-index: 1;
}

@media only screen and (max-width: 767px) {
    .VirtualMeetingMemberPhoto {
        width: 40px;
        height: 40px;
    }
}

.innerPage a.removePaymentStatus,
.admin-remove-btn {
	display:inline-block;
	color: red;
	font-size: 16px;
	text-decoration:none;
	margin-left:5px;
}

.modal-body.modal-frame {
    padding: 0;
}
.modal-body.modal-frame iframe {
    width: 100%;
    border: 0;
    vertical-align: bottom;
}

.ChangeMatchStatusProgressForm {
    margin: 0;
}

.change-match-status-box.gray-box {
    padding: 5px 15px 15px 15px;
    background: none;
}

.change-matchstats .change-match-status-box.update-status h5 {
    margin-top: 10px;
    margin-bottom: 5px;
}

#addPageModal .modal-lg {
    max-width: 500px;
}

.innerPage a.fa-assign-meal {
    color: #006400;
    font-size: 18px;
    text-decoration: none;
    display: inline-block;
    margin-left: 3px;
}

.innerPage .modal-content .modal-footer .btn {
    vertical-align: top;
    line-height: 1.4;
    padding: 3px 15px;
}

.ddlAssignMealInputError {
    display: none;
    color: red;
}
/* Terms and condition Modal Added By Mehul*/

#TAndCModal .modal-body {
	height:60vh;
	overflow-y:auto;
}
#TAndCModal .modal-body .TitleText{
	color:#26377d;
}

@media only screen and (max-width: 767px) {
  #TAndCModal .modal-body {
	height:80vh;
}
}
/* Superadmin Notes*/
.superadminNotes{
	overflow-x: hidden;
}
.superadminNotes .form-control {
	/*height:30px;
	 padding: 3px 20px 3px 10px; */
	color: #555;	
}
.superadminNotes .search-panel{
	padding-top:15px;
	display: flex;
    flex-direction: row;
}
.superadminNotes  .search-panel .colm:first-child {
	display: flex;
    /* padding: 0 15px; */
    flex: 1 1 100%;
}
.superadminNotes  .search-panel .colm:last-child{
	flex: 0 0 35%;
	/* padding-right: 15px; */
	padding-left: 15px;
}
.superadminNotes  .search-panel .colm .search-dropdown{
	padding-right: 15px;
    min-width: 150px;
}
.superadminNotes  .search-panel .colm .search-input{
	flex: 1 50%;
}
.superadminNotes .search-panel .btn + .btn {
	margin-left:15px;
}
.superadminNotes .pagination{
	margin:0;
	float:right;
}
.superadminNotes .pagination a{
	border:0;
	color:#000;
}
.superadminNotes .pagination a.active{
	font-weight:bold;
}
.superadminNotes .search-panel .btn-blue{
	border-radius:4px;
	line-height: 1.4;
    padding: 3px 15px;
}
.superadminNotes .search-panel .showin-txt{
	display:none;
}
.superadminNotes .search-panel .inbox-controls {
    margin: 0px 2px;
    width: auto;
}
.superadminNotes .noteswrapper .inbox-controls .note {
	display:none;
}
.superadminNotes .noteswrapper .inbox-controls .showing {
	padding-right:2px;
}
.superadminNotes .noteswrapper .inbox-controls .goto #txtGotoPage {
	margin-left:0;
}
.superadminNotes .noteswrapper .notesBtnGrp a span{
    position: relative;
    background: url(../images/notesSprite.png) no-repeat;
	height: 25px;
    width: 25px;
    display: inline-block;
    vertical-align: middle;   
}
.superadminNotes .noteswrapper .notesBtnGrp a span.folderIcon {
    background-position: 0px 3px;	
}
.superadminNotes .noteswrapper .notesBtnGrp a.nofileBtn span.folderIcon {
    background-position: -190px 3px;	
}

.superadminNotes .noteswrapper .notesBtnGrp a span.acceptIcon {
    background-position: -31px 0px;	
}
.superadminNotes .noteswrapper .notesBtnGrp a span.declineIcon {
 background-position: -66px 0px;
}
.superadminNotes .noteswrapper .notesBtnGrp a span.editIcon {
	background-position: -95px 0px;
}
.superadminNotes .noteswrapper .notesBtnGrp a span.delIcon {
    background-position: -125px 0px;
}
.superadminNotes .noteswrapper .notesBtnGrp a span.saveIcon {
    background-position: -155px 0px;
}
.superadminNotes .notesTop .noteTitle .noteID {
    font-weight: normal;
}
.superadminNotes .notes-row{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	/* border-top:1px solid #dddddd; */
	/* border-bottom:1px solid #dddddd; */
	border:1px solid #dddddd;
	padding: 5px 15px;
}
.superadminNotes .notesHead .notes-row{
	border-bottom:0;
	align-items: center;
}

.superadminNotes .notes-row + .notes-row{
	border-top:0;
}
.superadminNotes .notesBody .notes-row:nth-child(odd){
	background:#eeeeee;
}
.superadminNotes .notesContent{
	display:inline-block;
	width:100%;
	-ms-flex: 1;  /* IE 10 */  
	flex: 1;
}
.superadminNotes .notesTop, .notesBtnGrp{
	display:flex;
}
.superadminNotes .notesTop .noteTitle{
	margin:0 15px;
	font-weight:bold;
	
}
.superadminNotes .notesTop .noteTitle span,.superadminNotes  .notesTop .noteTitle a{
	margin-right:10px;
}
.superadminNotes .notesTop .noteTitle a {
	text-decoration:none;
	color:#000;
	word-break: break-word;
}
.superadminNotes .notesTop .chkBox input {
	margin:2px 0 0;
}
.superadminNotes .notesBtnGrp a{
margin-left:15px;
height:25px;
}
.superadminNotes .notesBtnGrp a + a{
	margin-left:5px;
}
.superadminNotes .notesText{
	padding: 5px 5px 0px 30px;
	word-break:break-word;
}
.superadminNotes .notesText p{
	white-space:pre-wrap;
}
.superadminNotes #textEdit, .superadminNotes #textEdit:hover, .superadminNotes #textEdit:focus {
	width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 5px;
    height: auto;
	outline:none;
	resize:vertical;
}
.superadminNotes #PRecordNotFound p {
	padding:15px 0;
}
.superadminNotes .fileViewerModal iframe {
	height:70vh;
}
.superadminNotes #myModal.fileViewerModal div.modal-content {
 
    padding-bottom: 0;
}
@media only screen and (max-width: 1024px) { 
.superadminNotes .search-panel{
    flex-direction: column;
}

.superadminNotes .search-panel .colm:last-child, .superadminNotes .search-panel .colm:first-child {
    padding: 0 15px;
	flex:1 1 auto;
}
.adminNotes-content-wrapper > .col-xs-12 {
	padding:0;
}
.adminNotes-content-wrapper .heading-blue  {
	padding:0 15px 10px;
}
.superadminNotes .notes-row{ 
border-left:0;
border-right:0;
}
.superadminNotes #PRecordNotFound p {
	padding:15px;
}
.superadminNotes .noteswrapper .inbox-controls {
    padding: 0 15px;
}
/*Added by mehul for Jconnect Ipad img overlapping issue.*/
.dashboardTopRight.dashboardCol .feature-match img.img-responsive {
       height: 100%;
    }
}
@media only screen and (max-width: 767px) { 
/* modified by dhiraj 13-11-2024 levtolev header broken */
.levtolev figure.headerTop,.LevToLev figure.headerTop {
   height: auto !important;
}
/* modified by dhiraj 13-11-2024 levtolev header broken */
.superadminNotes .search-panel .colm:first-child{
    flex-direction: column;
}
.superadminNotes  .search-panel .colm .search-dropdown{
	padding-right: 0;
    min-width: 100%;
}

.superadminNotes  .search-panel .colm .search-input{
	flex: 1 1 auto;
}
.superadminNotes .btn-blue {
    padding: 3px 5px;
}
.superadminNotes .pagination>li>a {
    padding: 5px;   
}
.superadminNotes .notesBody .notes-row{
	flex-direction:column;
}
.superadminNotes .notesText {
    padding: 5px 0px;
}
.superadminNotes .notesTop .noteTitle span {
	white-space: pre;
}
.superadminNotes .notesBtnGrp {
    align-items: center;
    justify-content: flex-end;
}
.superadminNotes .notesBtnGrp .dateClass{
	flex-grow: 1;
}
.superadminNotes .notesTop .noteTitle {
    margin: 0 10px;
}
.superadminNotes .noteswrapper  .inbox-controls .goto {
    text-align: center;
    margin: 10px 0;
}
.superadminNotes .notesContent{
	-ms-flex: 1 1 auto;  /* IE 10 */  
	flex: 1 1 auto;
}
/*Added by Mehul for Bug no - 33793 */
.headerTop {
        height: auto;
    }
}
@media only screen and (max-width: 360px) { 
.superadminNotes .search-panel .btn-blue {
    padding: 3px 5px;
}
}

.modal-open .modal-open {
    overflow: visible;
}
@media only screen and (max-width: 600px) {
    .modal-open .modal-open {
        height: 100vh;
        width: 100vw;
        overflow: hidden;
        position: fixed;
    }
}
.modal-center {
    padding:0 !important;
    margin:0 !important;
    text-align: center;
}

.modal-center .modal-dialog {
    max-width: 90% !important;
    text-align: left;
    margin: 0 !important;
    top: 0 !important;
    display: inline-block;
    vertical-align: middle;
    transform: translate(0px, 0px) !important;
}

.modal-center:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    vertical-align: middle;
    margin-left: -5px;
}
.mm-photo #imageModal img{
	max-height:300px;
	margin:0 auto;
}
.mm-photo #imageModal .btn-group {
	margin-top:0;
}
.mm-photo #imageModal .form-group {
    margin-bottom: 0;
}
.row-maillist .receipent-sitename {
	font-size: 12px;
	color: #808080;
}
.chatters-col .receipent-sitename {
    font-size: 12px;
    color: #8ea8c5;
}


.paymentModal .modal-dialog {
    width: 500px;
    max-width: 96%;
    padding-top: 10px;
    padding-bottom: 10px;
}
.paymentModal .modal-content {
    border-radius: 6px;
}
.paymentModal .modal-header {
    text-align: center;
    border-radius: 5px 5px 0 0;
}
.paymentModal .modal-header .modal-title {
    font-size: 18px;
}
.paymentModal .modal-header .close {
    top: -6px;
    right: -4px;
}


.paymentModal .payment-modal-steps {
    margin: 0;
    padding: 0;
}
.paymentModal .payment-modal-steps:after {
    content: "";
    display: block;
    clear: both;
}
.paymentModal .payment-modal-steps li {
    width:50%;
    position: relative;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    list-style: none;
    float: left;
    line-height: 36px;
    padding-left:18px;
    background: #000064;
}
.paymentModal .payment-modal-steps li.first {
    padding-left:0;
}
/*.paymentModal .payment-modal-steps li.middle {
    width:40%
}
.paymentModal .payment-modal-steps li.last {
    width:27%
}*/
.paymentModal .payment-modal-steps li.active {
    background: #e66e3e;
}
.paymentModal .payment-modal-steps li:before {
    content: "";
    position: absolute;
    z-index: 1;
    right: -19px;
    top: 0;
    border-top: 18px solid transparent;
    border-left: 19px solid #FFF;
    border-bottom: 18px solid transparent;
}
.paymentModal .payment-modal-steps li.active:before,
.paymentModal .payment-modal-steps li.last:before {
    display:none;
}
.paymentModal .payment-modal-steps li:after {
    content: "";
    position: absolute;
    z-index: 2;
    right: -18px;
    top: 0;
    border-top: 18px solid transparent;
    border-left: 18px solid #000064;
    border-bottom: 18px solid transparent;
}
.paymentModal .payment-modal-steps li.last:after {
    display:none;
}
.paymentModal .payment-modal-steps li.active:after {
    border-left: 18px solid #e66e3e;
}

.payment-modal-body-inner {
    font-size: 14px;
    padding: 15px 0;
}
.paymentModalRow {
    margin-bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
}
.paymentModalRow:after {
    content: "";
    display: block;
    clear: both;
}
.paymentModalRow.rowHeading {
    color: #26377d;
    font-size: 18px;
    font-weight: bold;
    margin-top: 15px;
}
.paymentModalRow.rowInfo {
    display: none;
    font-size: 14px;
    color: #e66e3e;
    margin-bottom: 15px;
}
.paymentModalRowLeft {
    color: #26377d;
    font-weight:bold;
    float: left;
    width: 35%;
}
.inputRow .paymentModalRowLeft {
    margin-top: 4px;
}
.paymentModalRowRight {
    position: relative;
    float: left;
    width: 65%;
}
.paymentModalRowRight .paymentModalInput {
    padding:0px 5px;
    width:100%;
    height:30px;
    outline:0;
    border: 1px #000 solid;
    border-radius:3px;
}
.paymentModalRowRight .paymentModalInput2 {
    padding-left: 16px;
}
.paymentModalSpan {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;
}
.inputRow .paymentModalSpan {
    top: 4px;
}
.paymentModalSpan2 {
    position: absolute;
    left: 17px;
    top: 5px;
}
.paymentModal .modal-footer {
    padding:8px 0 0 0;
}
.paymentModal .modal-footer .btn {
    font-size: 14px;
    line-height: 1.4;
    outline: 0;
}
.payment-steps {
    display: none;
}
.payment-steps.active {
    display: block;
}
.paymentModalSuccess {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
.paymentModalSuccessHedaing1 {
    color: #26377d;
    font-size: 23px;
    font-weight: bold;
}
.paymentModalSuccessHedaing2 {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 15px;
}
.paymentModalSuccessHedaing3 {
    color: #e66e3e;
    font-size: 16px;
    margin-bottom: 15px;
}
.paymentModalSuccessIcon {
    text-align: center;
    color: #26377d;
    font-size: 40px;
}
.paymentModalProcess {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
.paymentModalProcessIcon {
    color: #e66e3e;
    font-size: 60px;
    line-height: 70px;
}
.paymentModalProcessIcon .fa-refresh {
    display:inline-block;
    animation: spin 2s linear infinite;
}
.paymentModalProcessHeading1 {
    color: #26377d;
    font-size: 20px;
    font-weight:bold;
    margin-top: 15px;
}
.paymentModalProcessHeading2 {
    color: #e66e3e;
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 15px;
}
@media (max-width:767px) {
    .paymentModal .payment-modal-steps li {
        font-size: 14px;
    }
}

.browse-mm-controls {
    margin-bottom: 10px;
}
.browse-mm-controls:after {
    content: "";
    display: block;
    clear: both;
}
.browse-mm-controls .browse-mm-controls-left {
    float: left;
}
.browse-mm-controls .browse-mm-controls-left .selectWrapper {
    float: left;
    width: 250px;
}
.browse-mm-controls .browse-mm-controls-left .btn-src {
    float: left;
    border-radius: 4px;
    color: #006400;
    font-size: 13px;
    font-weight: 700;
    padding: 4px 10px;
    margin-top: 7px;
    margin-left: 15px;
    text-align: center;
    transition: all 0.5s ease 0s;
    cursor: pointer;
    background: #fff;
    border: 2px solid #006400;
}
.browse-mm-controls .browse-mm-controls-left .btn-src:hover {
    background: #006400;
    color: #fff;
}
.browseMMTitleWrapper .showing {
    float: right;
}
.browseMMTitleWrapper .showing .showin-txt {
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    display: none;
}
.browseMMTitleWrapper .showing a {
    font-family: "FontAwesome";
    font-size: 16px;
    border: solid 1px #c2c2c2;
    cursor: pointer;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e7e7e7));
    background: linear-gradient(to bottom, #ffffff 0%, #e7e7e7 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0);
    padding: 0px 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    position: relative;
    text-decoration: none;
    height: 25px;
}
.browseMMTitleWrapper .showing a.deactive {
    color: #b9b9b9;
}
.browseMMTitleWrapper .showing a.first {
    margin-left: 0;
}
.browseMMTitleWrapper .showing a.first:before {
  content: "\f100";
}
.browseMMTitleWrapper .showing a.pre {
    margin-left: 10px;
}
.browseMMTitleWrapper .showing a.pre:before {
     content: "\f104";
}
.browseMMTitleWrapper .showing a.next {
    margin-left: -1px;
}
.browseMMTitleWrapper .showing a.next:before {
        content: "\f105";
}
.browseMMTitleWrapper .showing a.last {
    margin-left: 10px;
}
.browseMMTitleWrapper .showing a.last:before {
  content: "\f101";
}

.location-div-inner-right {
    display: none;
}
@media (max-width:991px) {
    .browse-mm-controls .browse-mm-controls-left .selectWrapper {
        width: 200px;
    }
    
    .mmPageBmmWrapper .panel-default,
	.search-mm-new .mammWrapper .panel-default,
	.browseAll-MM .bmmWrapper .panel-default{
        border: 0;
        margin-left: -15px;
        margin-right: -15px;
    }
    .mmPageBmmWrapper .panel-body,
	.search-mm-new .mammWrapper .panel-body,
	.browseAll-MM .bmmWrapper .panel-body{
        padding: 0;
    }
    .browseAll-MM .mmPageBmmWrapper.bmmWrapper .bmm-row,
	.search-mm-new .mammWrapper .bmm-row,
	.browseAll-MM .bmmWrapper .bmm-row{
        margin: 0;
        padding: 10px 15px;
        border-width: 1px 0 0 0;
    }
	.search-mm-new .member-assign-MM .mammWrapper .bmm-row:last-child {
	border-top: 1px solid #dbdbdb; 
	}
    .browseAll-MM .mmPageBmmWrapper.bmmWrapper .bmm-row .bmm-col-name,
	.search-mm-new .mammWrapper .bmm-row .bmm-col-name,
	.browseAll-MM .bmmWrapper .bmm-row .bmm-col-name
	{
        margin-bottom: 12px;
    }
    .browseAll-MM .mmPageBmmWrapper.bmmWrapper .bmm-row .bmm-col:before,
	.search-mm-new .mammWrapper .bmm-row .bmm-col:before,
	.browseAll-MM .bmmWrapper .bmm-row .bmm-col:before
	{
        line-height: 1.4;
        padding: 0;
        margin-top: 5px;
        margin-bottom: 0;
        background: none;
    }
    .browseAll-MM .mmPageBmmWrapper.bmmWrapper .bmm-row .hide-mobile-title:before,
	.search-mm-new .mammWrapper	.bmm-row .hide-mobile-title:before{
        display: none;
    }

    .date-remove-mobile {
        display: none;
    }
    .location-div-inner {
        display: table;
        width: 100%;
    }
    .location-div-inner-left {
        display: table-cell;
        width: 60%;
    }
    .location-div-inner-right {
        display: table-cell;
    }

    .location-div-inner-left:before,
    .location-div-inner-right:before {
        content: attr(data-title);
        margin: 5px 0 0 0;
        display: block;
        font-weight: 700;
    }
}
.hidden-form-control {
    display: none;
}


/* RC css starts */
.search-mm-new .heading-blue {
    border-bottom: none;
}

.search-mm-new .member-searchMM .searchMM-name {
    border-bottom: none;
}

.search-mm-new .search-MMlocation {
    margin-bottom:10px !important;
}
.search-mm-new .searchMM-name {
    margin-bottom: 0;
}

@media (max-width:767px) {
.search-mm-new .searchMM-name {
    margin-bottom:0px !important;
}
.search-mm-new .search-MMlocation {
    margin-bottom:0px !important;
}  
   
    
}

/* RC css ends */

/* Accept Match, Decline, Hold Task */
.cls-reactivate {
    text-align: center;
    padding: 25px 0;
}
.cls-reactivate .confirmation-box {
    background: #fcf8e3;
    border: solid 1px #d9d9d9;
    padding: 30px;
    display: inline-block;
    border-radius: 5px;
    margin: 25px 0;
}
.cls-reactivate .confirmation-box p {
    font-size: 22px;
    font-weight: 700;
}
.cls-reactivate .btn-row {
    margin-top: 25px;
}

.cls-reactivate .btn-row a, .cls-reactivate .btn-row .btn  {
    border-radius: 4px;
    padding: 4px 15px;
    font-weight: 700;
    font-size: 13px;
    line-height: normal;
    vertical-align: middle;
    margin: 5px 10px 0 10px;
}

.cls-reactivate .btn-row a.btn-yes, .cls-reactivate .btn-row .btn-yes {
    border: solid 2px #006400;
    background: #fff;
    color: #006400;
    text-decoration: none;
}

.cls-reactivate .btn-row a.btn-yes:hover, .cls-reactivate .btn-row .btn-yes:hover {
    background: #006400;
    color: #fff;
}

.cls-reactivate .btn-row a.btn-no, .cls-reactivate .btn-row .btn-no {
    border: solid 2px #b10000;
    background: #fff;
    color: #b10000;
    text-decoration: none;
}

.cls-reactivate .btn-row a.btn-no:hover, .cls-reactivate .btn-row .btn-no:hover {
    background: #b10000;
    color: #fff;
}
/* Accept Match, Decline, Hold Task */

/*Css changes done by mehul on 3rd June 21 for the task - Combine different language versions of the profile into 1 version */
@media (min-width:1370px) { 
.newProfilePage .newViewProfile .mob-container .marginTop {
   width: 70%; 
}
}
/* css for the Task: Payment Confirmation page */
		.payment-success-wrapper h2 {
			font-size: 24px;
			color: #26377d;
			font-weight: 600;
			margin-bottom: 30px;
		}
		.payment-success-wrapper h2 span{
		    color: #009000;
		}
		.payment-success-wrapper h5{
			font-weight: 600;
			font-size: 16px;
			margin: 15px 0;
		}
		.payment-success-wrapper ul {
		    margin-bottom: 40px;
			padding-left: 15px;
		}
		.payment-success-wrapper h4 {
		margin: 30px 0 40px;
		}
/* Payment for the Task: Payment Confirmation page */


body .red-google-text,
body .red-google-text a {
    color: red;
}
textarea {
	resize:vertical;	
}



/**** done by sudipta for image croper *******/

.addPhoto {
    width: 250px;
    height: 250px;
    float: left;
    font-weight: normal;
    display: block;
    position: relative;
    cursor: pointer;
    text-align: center;
    padding: 70px 10px 15px;
    margin: 0;
    border: 2px dashed #e5e5e5;
}
.addPhoto.drag,
.addPhoto:hover {
    color: #F1F1F1;
    background: #1683fb;
    border-color: #FFF
}
.addPhoto input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.addPhoto p.plus:before {
    display: inline-block;
    line-height: 40px;
    content: "\002b";
    color: #e66e3e;
    font-size: 60px;
}
.addPhoto.drag p.plus:before,
.addPhoto:hover p.plus:before {
    color: #FFF;
}
.addPhoto p.browseBtn {
    color: #FFF;
    padding: 7px 20px;
    line-height: normal;
    display: inline-block;
    background: #e66e3e;
    border-radius: 7px;
}
.addPhoto.drag p.browseBtn,
.addPhoto:hover p.browseBtn {
    color: #e66e3e;
    background: #FFF;
}
.uploadedPhoto {
    float: left;
    width: 250px;
    height: 250px;
    position: relative;
    text-align: center;
    padding: 10px;
    margin-left: 15px;
	margin-bottom:15px;
    border: 1px solid #e5e5e5;
}
.uploadedPhoto p.imageHolder {
position: relative;
height: 180px;
line-height: 180px;
}
.uploadedPhoto p.imageHolder img {
width: 180px;
height: 180px;
position: relative;
z-index: 0;
}


.uploadedPhoto .deletePhoto {
    line-height: 30px;
    display: inline-block;
    color: #FFF;
    text-decoration: none;
    width: 110px;
    background: #e66e3e;
    border: 2px solid transparent;
    border-radius: 17px;
}
.uploadedPhoto .deletePhoto:hover {
    text-decoration: none;
    color: #e66e3e;
    background: #FFF;
    border-color: #e66e3e
}

.photoEditor {
    position: relative;
}
.photoEditor .img-responsive {
    max-height: 600px;
}

@media (max-width: 768px) {
    .photoEditor .img-responsive {
        max-height: 300px;
    }
}

.photoEditor .photoRotateLeft,
.photoEditor .photoRotateRight {
    float: left;
    height: 38px;
    width: 45px;
    margin-right: 15px;
    margin-top: 15px;
}
.photoEditor .photoZoomPlus,
.photoEditor .photoZoomMinus {
    float: right;
    height: 38px;
    width: 45px;
    margin-left: 10px;
    margin-top: 15px;
}
.photoEditor .photoRotateLeft {
    background: url(../images/no-repeat.png) -59px -924px no-repeat;
}
.photoEditor .photoRotateRight {
    background: url(../images/no-repeat.png) -114px -924px no-repeat;
}
.photoEditor .photoZoomPlus {
    background: url(../images/no-repeat.png) -169px -925px no-repeat;
}
.photoEditor .photoZoomMinus {
    background: url(../images/no-repeat.png) -216px -925px no-repeat;
}
#matchmakersUploadImageView {
    width:100%;
	max-width:500px;
	margin:0 auto;
}
/*Added by mehul for MyMatches and Progress Report task on 9th Aug 2021*/
.member-myMatch .heading-blue {
	margin-bottom:0;
}
/*Added by mehul for MyMatches and Progress Report task on 9th Aug 2021*/
.clsNote {
    font-style: italic;
}
/* Added by mehul for the task - Save Send Match on 10-12-2021*/
#addPageModal .error-dv + .report-match-progress {
display:none;
}
/* Added by mehul for the task - Save Send Match on 10-12-2021*/

@media only screen and (max-width: 767px) {
    .AdoptaShadchan.newIndexOdy .sticking.small-logo .headerLogo img {
        width: 100px;
    }
}

.viewmyprofile-panel-wrapper .info-panel {
    margin-bottom: 15px;
}

.viewmyprofile-panel-wrapper .panel-body {
    padding: 5px 5px 2px 5px;
}

.viewMyProfile .viewmyprofile-panel-wrapper .panel-body { 
	padding: 5px 10px 2px 10px;
}

.viewmyprofile-panel-wrapper .panel-body p {
    margin: 0 20px 3px 0;
}
.viewmyprofile-panel-wrapper .panel-body p.t-table {
    display:table;
    width:100%;
    padding-right: 20px;
}
.viewmyprofile-panel-wrapper .panel-body label {
    font-weight: normal;
    color: #26377d;
    display: inline;
    margin: 0;
}
.viewmyprofile-panel-wrapper .panel-body label.t-cell {
    width:100px;
}
.viewmyprofile-panel-wrapper .panel-body .t-cell {
    display:table-cell;
}
.viewmyprofile-panel-wrapper a.editGroup {
    position: absolute;
    z-index: 9;
    top: 5px;
    right: 5px;
}
.viewmyprofile-panel-wrapper .showHideAll {
    margin-bottom: 10px;
}

.viewmyprofile-panel-wrapper .panel-body hr {
    margin-top: 7px;
    margin-bottom: 7px;
}

@media only screen and (max-width: 767px) {
    .viewmyprofile-panel-wrapper .panel-heading {
        padding: 3px 5px;
    }
    .viewmyprofile-panel-wrapper .panel-default {
        box-shadow: none;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }
    .viewmyprofile-panel-wrapper .showHideAll {
        margin-right: 5px;
    }
	.viewMyProfile .viewmyprofile-panel-wrapper .panel-body { 
		padding: 5px 5px 2px 5px;
	}
}


.showHideAll.ViewMMProfileShowHideAll {
    margin-bottom: 10px;
    margin-right: 10px;
}

.multiselect-native-select .multiselect-selected-text {
    display: none;
    white-space: pre-wrap;
    text-align: left;
}
.multiselect-native-select.hasVal .multiselect-selected-text {
    display: block;
}
.multiselect-native-select .multiselect-selected-label {
    position: absolute;
    left: 12px;
    top: 6px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}
.multiselect-native-select.hasVal .multiselect-selected-label {
    top: 3px;
    font-size: 80%;
}
.multiselect-native-select.hasVal .multiselect.dropdown-toggle.btn.btn-default {
    height: auto;
    min-height: 43px;
    padding: 18px 20px 3px 12px;
}
.multiselect-native-select .open>.dropdown-menu {
    width: 100%;
}
.mmSForm .multiselect-container.dropdown-menu li input.multiselect-search {
    margin-top: 0;
}
.form-control {
    color: #000;
}

@media only screen and (max-width: 767px) {
    .browseAll-MM .row,
    .browseAll-MM .bmmWrapper .panel-default {
        margin-left:-5px;
        margin-right:-5px;
    }
    
    .browseAll-MM .mmPageBmmWrapper.bmmWrapper .bmm-row {
        padding: 5px 5px;
    }
    .browseAll-MM .col-xs-12 {
        padding: 0px 5px;
    }
    .browseAll-MM .note:blank {
        display: none;
    }
}

#addToNetwork iframe {
    width:100%;
    height:325px;
    border:0;
}

#page-content-wrapper.clsAddtonetworkmodal {
    min-height:10px;
}



.btn-saved {
    /* Added for MM Sections - Jack*/
    background: #006400 !important;
    color: #fff !important;
    border: solid 2px #006400 !important;
    /*border-radius: 4px;
    padding: 1px 0px;
    cursor: pointer;
    margin-top: 0px;
    margin-bottom: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-align: center;
    text-decoration: none;
    display: inline-block;*/
}
.btn-saved-green-line {
    display: inline-block;
    background: #006400 !important;
    color: #fff !important;
    border: solid 2px #006400 !important;
    border-radius: 4px;
    cursor: pointer;
    padding: 3px 15px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 0 0 5px 5px;
    line-height: 1.2;
    text-decoration: none !important;
    font-size: 13px;
}
.btn-saved:hover {
    /* Added for MM Sections - Jack*/
    background: #fff !important;
    color: #006400 !important;
}
.btn-saved-green-line:hover {
    /* Added for MM Sections - Jack*/
    background: #fff !important;
    color: #006400 !important;
}

@media only screen and (max-width: 767px) {
    .saved-matches .bmmWrapper .bmm-row .btn-review:hover,
    .saved-matches .bmmWrapper .bmm-row .btn-makematch:hover,
    .find-match .fmWrapper .bmm-row .bmm-col .btn-find:hover,
    .find-match .fmWrapper .bmm-row .bmm-col .btn-review:hover,
    .notification-box .btn-accept:hover,
    .check-match .btn-green-line:hover {
        background: #fff;
        color: #006400;
    }
    .btn-saved:hover,
    .btn-saved-green-line:hover {
        background: #006400 !important;
        color: #FFF !important;
    }

    .find-match-v2 .fmWrapper .panel-body .bmm-row .bmm-col:last-child .btn-eliminate.btn-eliminate-green:hover {
        background: #fff;
        color: #006400;
    }
    .find-match-v2 .fmWrapper .panel-body .bmm-row .bmm-col:last-child .btn-eliminate:hover {
        background: #fff;
        color: #b10000;
    }
}

#VerifyAddress .verifyAddressHeading {
    font-size: 20px;
    margin-top: 0;
}
#VerifyAddress .addressRow {
    font-size: 15px;
    margin: 5px 0;
}
#VerifyAddress .addressRow:after {
    content: "";
    display: block;
    clear: both;
}
#VerifyAddress .addressRow > div {
    float: left;
}
#VerifyAddress .addressRow > div:first-child {
    font-weight: bold;
    width: 130px;
}
#VerifyAddress .addressRow > div:last-child {
    width: calc(100% - 130px)
}

#wsc_img_banner {
	display: none !important;
}

.modal-loader {
    text-align: center;
    padding:20px;
}
.modal-loader img {
    width: 50px;
}

@media only screen and (max-width: 767px) {
    .mmSForm .quesContainerStart .btn {
        font-size: 11px;
    }
     
}

.innerPage a.clsViewMatches {
    text-decoration:none;
}
.viewMatchesModal .modal-dialog {
    width: 96%;
    top: 0 !important;
    transform: none !important;
    margin: 20px auto;
}
.viewMatchesModal .modal-dialog iframe {
    height: calc(100vh - 100px);
}


body .matchSettingWrapper .boxMiddle p {
    display: flex;
    flex-wrap: wrap;
}
body .matchSettingWrapper .boxMiddle span,
body .matchSettingWrapper .boxMiddle a {
    flex-grow: 1;
    flex-basis: 0;
    float: none;
}
body .matchSettingWrapper .boxMiddle a {
    text-align: right;
    /*white-space: normal;*/
}

table.tab td {
    vertical-align: top;
    padding-top: 5px;
}
table.tab td + td {
    padding-left: 10px;
}
#addPageModal.clsSavesendMatch .modal-lg {
	max-width:900px;
}

#dvSaveSendErrormsg {
    display: none;
    text-align:left;
    color: red;
}

#dvSaveSendSuccessMsg {
    color: green;
    margin-top:10px;
    margin-bottom: 10px;
}
.clsSavesendMatch iframe {
    height: 550px;
}
.clsSavesendMatch div.modal-header {
    padding-right: 40px;
}
.clsSavesendMatch .modal-title {
    font-size: 18px;
}
.save-send-match-email {
    padding-top:10px;
}
.save-send-match-email.report-match-progress .btn-group {
    padding-top: 15px;
    padding-bottom: 10px;
    margin-top: 0;
}
.save-send-match-email.report-match-progress .form-group {
    margin-bottom: 0;
}
.save-send-match-email > form {
    float:left;
    width:100%;
}

@media only screen and (max-width:991px) {
    .clsSavesendMatch iframe {
        height: 570px;
    }
}

@media only screen and (max-width:767px) {
    .clsSavesendMatch iframe {
        height: 650px;
    }
}

.modalMiddle {
    text-align: center;
}

.modalMiddle .modal-dialog {
    max-width: 96%;
    text-align: left;
    margin: 0 !important;
    top: 0 !important;
    transform: none !important;
    display: inline-block;
    vertical-align: middle;
}

.modalMiddle:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    vertical-align: middle;
    margin-left: -5px;
}

body .link-reviewpro_MM,
body .link-reviewpro_MM:hover {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #1480b8;
    line-height: 25px;
    display: inline-block;
    width: 33px;
    height: 32px;
    border-radius: 50%;
    border: 2px #1480b8 solid;
    margin-left: 2px;
    margin-bottom: 5px;
}

.newProfilePage .newViewProfile ul.dropdown-menu li,
.newProfilePage .newViewProfile ul.dropdown-menu ul li {
    display: block;
    border: 0;
}
.newProfilePage .newViewProfile ul.dropdown-menu ul li a.ddLinksBlack {
    border: 0;
}
.clsPaymentMenu {
    display: none !important;
}

.view-mm-profile .profile-info .pi-cell .mmprofile-pic {
    position: relative;
}
.view-mm-profile .profile-info .pi-cell .icon-msg {
    background: rgba(0, 0, 0, 0) url(../images/sprites.png) no-repeat scroll -294px -16px;
    bottom: -8px;
    display: block;
    height: 26px;
    right: -5px;
    position: absolute;
    z-index: 1;
    width: 26px;
}

@media only screen and (max-width: 767px) {
    .modalInput {
        padding-top: 0;
    }
    .imageEditor {
        margin-top: 0;
        margin-bottom: 0;
    }
    .imageEditor .editorInner {
        margin: 0 auto 52px;
    }
    #imageUpload .modal-body,
    #imageUpload .modal-footer {
        padding: 10px;
    }
}

/*.confirm-logout-popup-inner {
    text-align: center;
    padding: 20px;
}
.confirm-logout-popup-inner .confirm-modal-inner {
    max-width: 600px;
    text-align: center;
}
.confirm-logout-popup-inner h3 {
    color: #26377d;
    margin-top: 0;
}
.confirm-logout-popup-inner h4 {
    color: #1683fb;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 15px;
}
.confirm-logout-popup-inner .btn {
    font-size: 16px;
    padding: 5px 10px;
    width: 130px;
}
.confirm-logout-popup-inner .btn + .btn {
   margin-left: 10px;
}
.confirm-logout-popup-inner .confirm-modal-body {
    padding-bottom: 0;
}
.confirm-logout-popup-inner .confirm-modal-footer {
    border: 0;
    padding-top: 0;
}*/
.confirm-logout-popup .modal-dialog {
    width: 90%;
    max-width: 600px;
}
.confirm-logout-popup .modal-body {
    text-align: center;
    padding: 20px;
}
.confirm-logout-popup .modal-body h3 {
    color: #26377d;
    margin-top: 0;
}
.confirm-logout-popup .modal-body h4 {
    color: #1683fb;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 0;
}
.confirm-logout-popup .modal-footer {
    padding: 0 20px 20px 20px;
    border: 0;
}
.confirm-logout-popup .modal-footer .btn {
    line-height: normal;
    font-size: 16px;
    padding: 5px 10px;
    width: 130px;
}
.confirm-logout-popup .modal-footer .btn:hover {
    color:#000064;
}
.confirm-logout-popup .modal-footer .btn + .btn {
    margin-left: 10px;
}
.confirm-logout-popup.modal .modal-dialog,
.confirm-logout-popup.modal.fade .modal-dialog,
.confirm-logout-popup.modal.in .modal-dialog {
    margin: 0 auto;
    top: 50% !important;
    transform: translate(0, -50%) !important;
}
.pwa-install-popup .modal-dialog {
    width: 240px;
    margin: 10px auto;
}
.pwa-install-popup .modal-content {
    background: #000;
    border-radius: 10px;
}
.pwa-install-popup .modal-body {
    padding: 5px;
}
.pwa-install-popup .modal-body img {
    width: 100%;
}
.pwa-install-popup .glyphicon-remove {
    color: #FFF;
    font-size: 16px;
    line-height: 30px;
    position: fixed;
    z-index: 1;
    right: 10px;
    top: 10px;
    width: 34px;
    height: 34px;
    background: #e66e3e;
    border: 2px #FFF solid;
    border-radius: 50%;
    box-shadow: 0 0 5px #303030;
    padding: 0;
}
.pwa-install-popup .glyphicon-remove:before {
    display: block;
}
.pwa-install-popup .modal-body > div + div {
    margin-top: 10px;
}
.pwa-install-popup .modal-body > div img {
    border-radius: 8px;
}
.pwa-install-popup-ins {
    line-height: 1.4;
    color: red;
    font-weight: bold;
    padding: 6px 10px;
    border-radius: 8px;
    background: white;
}

.clsFilterdropdown {
    float: left;
    width: calc(100% - 130px);
}
@media only screen and (max-width: 767px) {
    .clsFilterdropdown {
        width: 100%;
    }

    .confirm-logout-popup .modal-body h3 {
        font-size: 20px;
    }
    .confirm-logout-popup .modal-body h4 {
        font-size: 18px;
    }
}

.home-how-it-works{    
    font-size: 14px;
    margin: 0;
    padding: 10px 0 0 0;
}
.home-how-it-works li {
	list-style: none;
	position: relative;
	padding: 0 0 0 20px;
}
.home-how-it-works li + li {
	margin-top: 10px;
	}
.home-advantages {
    font-size: 14px;
}

.home-advantages li {
    font-size: 14px;
    position: relative;
    padding: 0 0 0 20px;
}

.home-advantages li + li {
     margin-top: 10px;
}

#howitworks1 {
    padding: 40px 0 0 !important;
}

#homeadvantages {
    margin-top: -32px;
}

#aleezanetflixshow{
    font-size: 14px;
}

/*swetha*/
.home-advantages-aleezabenshalom {
    font-size: 14px;
    margin: 0;
    padding: 10px 0 0 10px;
    padding-bottom: 42px;
}

.home-advantages-aleezabenshalom li {
    list-style-type: disc;
    position: relative;
    padding: 0 0 0 20px;
}

.home-advantages-aleezabenshalom li + li {
    margin-top: 10px;
}

.Aleezabenshalommatchmaking-videoText h1 span {
    color: #ffffff;
}

.Aleezabenshalommatchmaking menuWrapper TT ul li a {
    color: #000;
}

.Aleezabenshalommatchmaking index_video MMsignup index_video innerPage {
    min-height: 637px;
}

#Matchmaker_events {
    width: 100%;
}

@media only screen and (max-width: 991px) {
    .videoTextInner.Aleezabenshalommatchmaking-videoText {
        margin-bottom: 10px;
    }
    .Aleezabenshalommatchmaking-videoText p span {
        font-size: 18px;
        line-height: 1.2;
        border-bottom: 0;
        margin-top: 10px;
        margin-bottom: 0;
    }
    .Aleezabenshalommatchmaking-videoText h1 {
        font-size: 32px;
        line-height: 35px;
        margin: 5px 0;
    }
    .Aleezabenshalommatchmaking .videoText {
        background: #000064 !important;
    }

}
@media only screen and (max-width: 767px) {
    .aleezabenshalom-how-it-works.contentSection {
        padding: 17px 0;
    }

    .home-advantages-aleezabenshalom.contentSection {
        padding: 17px 0;
        margin: 10px;
    }
}

.AdoptaShadchan .menu li {
    position: relative;
}
.AdoptaShadchan .menu li ul {
    display: none;
    text-align: left;
    position: absolute;
    z-index: 9999;
    left: 0;
    top: 100%;
    padding: 0;
    margin: 0;
    background: #693e66;
}
.AdoptaShadchan .menu li:hover ul {
    display: block;
}
.AdoptaShadchan .menu li ul li {
    float: none;
}
.AdoptaShadchan .menu li ul li + li {
    border-top: 1px #785076 solid;
}
.AdoptaShadchan .menu li ul li a {
    line-height: 1.4;
    color:#FFF;
    white-space: nowrap;
    font-weight: normal;
    padding: 8px 10px;
    background: #693e66;
}
.AdoptaShadchan .menu li ul li:hover a {
    background: #785076;
}

.sticking .dropdown-backdrop {
    display: none;
}

.ck-editor__main p {
    margin: 0;
}
.report-match-progress .ck.ck-editor__main>.ck-editor__editable {
    height: auto;
    max-height: 300px;
}

.headerRight.adminHeader .searchli {
    display: none;
}

#installButton {
    font-weight: normal;
    font-size: 14px;
    position: fixed;
    z-index: 100;
    right: 10px;
    bottom: 10px;
    color: #FFF;
    padding: 8px 14px;
    background: #e66e3e;
    border: 1px #fff solid;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.AdoptaShadchan .confirm-logout-popup .modal-body h3 {
    color: #693e66;
}
.AdoptaShadchan .confirm-logout-popup .btn-primary {
    color: white;
    border-color: #693e66;
    background-color: #693e66;
}
.AdoptaShadchan .confirm-logout-popup .btn-primary:hover {
    color: #693e66;
    border-color: 693e66;
    background-color: white;
}

@media only screen and (max-width: 991px) {
    .headerLogo {
        float: left;
        position: static;
        margin-top: 3px;
        margin-bottom: 3px;
        width: 250px;
    }
    .headerLogo a {
        position: relative;
        display: block;
        height: 55px;
        line-height: 55px;
    }
    /* madeh changes by dhiraj 13-01-2025 external header */
    .headerLogo img,
    .small-logo .headerLogo img,
    .large-logo .headerLogo img {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        max-width: 100% !important;
        max-height: 100% !important;
        width: auto !important;
        height: auto !important;
    }
/* madeh changes by dhiraj 13-01-2025 external header */
    .headerRight.adminHeader .searchli {
        display: inline-block;
    }
    .headerRight.adminHeader .SearchIcon {
        color: #000064;
        font-family: "Glyphicons Halflings";
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        position: relative;
        display: block;
        width: 30px;
        height: 22px;
        margin-right: 15px;
    }
    .headerRight.adminHeader .SearchIcon:after {
        content: "\e003";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    #sidebar-wrapper .sidebar-wrapper-inner {
        width: 300px;
        max-width: 80%;
    }
    .sidebar-nav li a,
    .sidebar-nav .subMenu li a,
    .menuText .sidebar-nav li a,
    .sidebar-nav .subMenu li a {
        padding: 12px 5px 12px 50px;
    }
    .sidebar-nav>.sidebar-brand .navProfilePicWrap {
        width: 100%;
    }
    .sidebar-nav>.sidebar-brand .ptofilePic {
        padding: 0;
        margin: 0;
        width: 40px;
        height: 40px;
    }
    .sidebar-nav>.sidebar-brand .navProfilePicName {
        text-align: left;
        margin-top: 9px;
        float: right;
        width: calc(100% - 50px);
    }
    .sidebar-nav>.sidebar-brand .navProfilePicRight {
        display: none;
    }
    .sidebar-nav>.sidebar-brand .ptofilePicRight {
        float: right;
        width: calc(100% - 50px);
    }
    .sidebar-nav>.sidebar-brand .ptofilePicRight p + p {
        margin-top: 3px;
    }
}

@media only screen and (max-width: 767px) {
    .show-chat-details header,
    .show-chat-details footer {
        display: none;
    }
    header .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
    .menu {
        line-height: normal;
    }
    .clsIncompleteUser .menu {
        display: none;
    }
    .menu .hamIcon.menu-toggle,
    .menu .hamIcon {
        margin: 0;
        border-radius: 0;
        border-width: 0 0 0 1px;
        border-color: #e3e3e3;
    }
    
    .headerLogo {
        margin-left: 5px;
        width: 160px;
    }
    .headerLogo a {
        height: 34px;
        line-height: 34px;
    }
/* made changes dhiraj 17-01-2025 header line missing in hebrew */
    .headerRight:not(.adminHeader) {
        position: static;
        float: left;
        clear: left;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: 1px #e3e3e3 solid !important;
    }
/* made changes dhiraj 17-01-2025 header line missing in hebrew */
    .headerRight.adminHeader {
        position: static;
    }
    .clsIncompleteUser .headerRight {
        text-align: right;
        font-size: 12px;
        float: right;
        clear: right;
        width: calc(100% - 170px);
        border: 0;
        padding: 7px 5px 0 0;
    }
    .clsIncompleteUser .headerRight .btn {
        font-size: 12px;
        line-height: 20px;
        padding: 0px 8px;
        display: inline-block;
    }
    .headerRight > ul > li {
        float: left;
    }
    /* made changed by dhiraj header changes 13-01-2025 */
    .headerRight:not(.adminHeader) > ul > li {
        margin-left: 3px;
    }
    .headerRight>ul>li {
        float: left;
        padding-left: 5px;
        padding-right: 5px;
    }
    /* made changed by dhiraj header changes 13-01-2025 */
    .headerRight:not(.adminHeader) > ul > li:not(.langDrop, .logout-li, .loginUser) {
        width: calc((100% - 55px) / 2);
    }
    /* made changed by dhiraj header changes 17-03-2025 Ui is not proper, on header in mobile browser for Login and signup buttons. */
    .AdoptaShadchan .headerRight:not(.adminHeader) > ul > li:not(.langDrop, .logout-li, .loginUser) {
        width:auto !important;
    }
    .AdoptaShadchan .headerRight:not(.adminHeader) > ul#ulBeforeLogin{
        text-align: center;
    }
    /* made changed by dhiraj header changes 17-03-2025 Ui is not proper, on header in mobile browser for Login and signup buttons. */
    .headerRight:not(.adminHeader) > ul > li.logout-li {
        width: 80px;
    }
    .headerRight:not(.adminHeader) > ul > li.logout-li > .btn {
        padding: 3px 0px;
    }
    .headerRight:not(.adminHeader) > ul > li.loginUser {
        width: calc(100% - 135px);
        margin-top: 3px;
        text-align: right;
    }
    .headerRight:not(.adminHeader) > ul > li.loginUser > .nameWel {
        max-width: 100%;
    }
    .clsIncompleteUser .headerRight:not(.adminHeader) > ul > li {
        width: auto;
        margin-left: 0;
    }
    .clsIncompleteUser .headerRight:not(.adminHeader) > ul > li:last-child {
        width: 70px;
    }
    .clsIncompleteUser .headerRight:not(.adminHeader) > ul > li:first-child {
        width: calc(100% - 70px);
    }
    /* made changes by dhiraj 23-06-2026 Incomplete MM not having logout button PWA and mobile devices */
    .headerRight > ul > li.loginUser {
        display: block !important;
    }
    /* made changes by dhiraj 23-06-2026 Incomplete MM not having logout button PWA and mobile devices */
    .headerRight > ul > li.logout-li {
        margin-top: 8px;
        margin-right: 10px;
    }
    .headerRight > ul > li.logout-li .btn {
        font-size: 12px;
    }
    .headerRight > ul > li.langDrop {
        width: 40px;
    }
    .headerRight ul li.langDrop > div {
        display: block;
    }
    .headerRight ul li.langDrop div > a {
        text-align: center;
        display: block;
        padding: 4px 0 0 0;
    }
    .headerRight.adminHeader ul li.langDrop div > a {
        text-align: center;
        display: block;
        height: 40px;
        padding: 11px 0 0 0;
    }
    
    /*.headerRight.adminHeader>ul>li.chat-note,*/
    .headerRight.adminHeader>ul>li.bullhornli {
        display: none;
    }
    .headerRight.adminHeader .SearchIcon {
        width: 40px;
        height: 40px;
        margin-right: 0;
    }
    .chat-notification {
        margin-right: 5px;
        margin-top: 11px;
    }
    .chat-notification.has-count {
        margin-right: 0px;
        margin-top: 8px;
    }
    .chat-notification .chat-icon {
        background: url(../images/icn-chat-small.png) no-repeat left bottom;
        padding: 0 0 7px 0;
        min-width: 20px;
        min-height: 17px;
        display: block;
    }
    
    .chat-notification .chat-icon .chat-count {
        font-size: 10px;
        min-width: 16px;
        line-height: 16px;
        height: 16px;
        min-height: 5px;
        vertical-align: top;
        font-family: arial;
        margin-left: 12px;
    }
    .chat-notification .chat-icon .chat-count:empty {
        display: none;
    }
    
    .headerRight.adminHeader>ul>li + li {
        margin-left: 0;
    }
    /* made changes by dhiraj 18-06-2025 Matchmaker - Internal Header */
    .showSearch .headerTop.direction-top .searchWrapper{
        display: block !important;
    }
    /* made changes by dhiraj 18-06-2025 Matchmaker - Internal Header */
    .headerTop.direction-top .searchWrapper {
        display: none;
    }

    .showSearch .headerTop .searchWrapper {
        top: 40px;
    }
    

    #page-content-wrapper {
        padding-top: 10px;
        padding-bottom: 10px;
        min-height: 100px;
    }
    /* made changes by dhiraj 14-02-2024 levtolev ui issue resolved*/
    .L2LorangeTheme .finalview-container div#page-content-wrapper img {
        width: auto;
    }
    /* made changes by dhiraj 14-02-2024 levtolev ui issue resolved*/
    /* made changes by dhiraj 15-02-2024 levtolev ui issue resolved*/
    .mobileDevice .finalview-container div#page-content-wrapper.table-benefits img {
        width: auto;
    }
    .finalview-container div#page-content-wrapper .table-benefits img {
        width: auto !important;
    }
    /* made changes by dhiraj 15-02-2024 levtolev ui issue resolved*/
    /* made changes by dhiraj 09-02-2024 Purim Basket Campaign 2024 */
    /* .finalview-container div#page-content-wrapper img {
        width: 100%;
    } */
    /* made changes by dhiraj 26-02-2024 Ui is not proper for loading symbol when login as MM. */
    .finalview-container div#page-content-wrapper .divDashComLoading img {
        width: auto !important;
    }
    /* made changes by dhiraj 26-02-2024 Ui is not proper for loading symbol when login as MM. */
    .finalview-container div#page-content-wrapper [action="Payment.aspx"] .banner-shalachmanot img {
        width: auto;
    }
    .finalview-container div#page-content-wrapper div#progress-modal .loader img {
        width: 130px !important;
    }
    .finalview-container div#page-content-wrapper .banner-shalachmanot img, .mem-thanks img {
        width: auto !important;
    }
    #page-content-wrapper.chat-page-wrapper,
    #page-content-wrapper #page-content-wrapper {
        padding-top: 0;
        padding-bottom: 0;
        min-height: 10px;
        height: auto;
    }
    /* made changes by dhiraj 09-02-2024 Purim Basket Campaign 2024 */
    /*.show-chat-details #page-content-wrapper.chat-page-wrapper {
        height: 100vh;
    }*/
    #page-content-wrapper.chat-page-wrapper > .col-xs-12 {
        padding: 0;
    }
    .finalview-container {
        padding-bottom: 0;
    }
    .dashboardTopLeft {
        width: calc(100% - 10px);
        margin-top: 0;
        margin-left: 5px;
        padding: 5px 10px;
        border: 1px #dadada solid;
    }
    .dashboardTopLeft .borderBox {
        border: 0;
        padding: 0;
    }
    .dashboardRow + .dashboardRow,
    .dashboardRow .dashboardCol + .dashboardCol {
        margin-top: 10px;
    }
    .dashboardCol:empty {
        display: none !important;
    }
    .boxMiddle a {
        vertical-align: middle;
        text-align: center;
        width: 40px;
        display: inline-block;
        margin-right: 0;
    }
    .boxMiddle a + a {
        margin-left: 10px;
    }
    .borderBox .icon,
    .borderBox .count {
        float: none;
        margin: 0;
    }
    
    .dashboardCol .panel-body {
        padding: 5px;
    }
    .borderBox {
        padding: 5px 10px;
    }
    .borderListWrapper {
        height: auto;
        max-height: none;
    }
    .dashboardScroll {
        height: auto;
    }
    
    .orangeBgCrcle a {
        font-size: 14px;
        line-height: 24px;
        width: 26px;
        height: 26px;
    }

    .featuredMember .featuredMemberMiddle,
    .eventParticipation .featuredMemberMiddle {
        height: auto !important;
    }
    .dashboardScroll {
        margin-top: 0;
    }
    .dashboardScroll .list-group,
    .dashboardScroll .list-group p {
        margin-bottom: 0;
    }
    .memberNotificationsWrapper .dashboardScroll {
        float: left;
        width: 100%;
    }
    .borderListItem {
        padding-right: 0;
        margin-top: 3px;
        padding-top: 3px;
    }
    .match-criteria .row {
        margin-top: 0;
    }
    .match-criteria .row + .row {
        margin-top: 3px;
    }
    .match-criteria .col-xs-12 {
        float: none;
        width: auto;
    }
    .match-criteria .col-xs-12 .text-primary:after {
        content: ":";
    }

    .resp-tab-content {
        padding: 5px;
        border: 1px solid #868686;
    }
    .featuredMember .featuredMemberMiddle p + p {
        margin-top: 0;
    }
    .featuredMember .featuredMemberLeft,
    .eventParticipation .featuredMemberLeft {
        width: 55px;
    }
    .featuredMember + .featuredMember {
        margin-top: 5px;
        padding-top: 5px;
    }

    .footerBg {
        padding: 10px 0;
    }
    .footerBg .footerLeft {
        margin-top: 0;
    }

    .chat-wrapper .chatter-list .search {
        padding: 8px 5px;
        border-radius: 0;
        border-width: 0 0 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .chat-wrapper .chatter-list .search .icon-compose {
        width: 35px;
        height: 30px;
        background: url(../images/chaticonsspritev3.png) no-repeat 0 1px;
    }
    .chat-wrapper .chatter-list .search .icon-support {
        width: 30px;
        height: 30px;
        background-position: 0 -41px
    }
    .chat-wrapper .chatter-list .search .icon-grpChat {
        width: 30px;
        height: 30px;
        background: url(../images/chaticonsspritev4.png) no-repeat -4px -338px;
    }
    .chat-wrapper .chatter-list .search .icon-support:hover {
        background-position: 0 -41px
    }
    .chat-wrapper .chatter-list .search .chat-filter .chat-filter-label {
        padding: 6px 20px 0 28px;
        height: 30px;
        min-width: 100px;
    }
    
    .chat-wrapper .chatter-list .search .chat-filter .filter-icon {
        left: 5px;
    }
    .chat-wrapper .chatter-list .search .chat-filter .chat-filter-label .filter-icon {
        top: 6px;
    }
    .chat-wrapper .chatter-list .search .col-search .stylish-input-group .form-control {
        height: 30px;
        padding: 4px 30px 5px 5px;
    }
    .chat-wrapper .chatter-list .search .col-search .stylish-input-group button.searchIconChat {
        height: 28px;
        background-position: 7px -208px;
    }
    .chat-wrapper .chatter-list .search .col-search .stylish-input-group button.searchIconChat:before {
        background: url(../images/chaticonsspritev3.png) no-repeat -6px -250px;
    }
    .chat-wrapper .chatter-list .search .col-search .stylish-input-group button.searchIconChat:hover,
    .chat-wrapper .chatter-list .search .col-search .stylish-input-group .form-control:focus + button.searchIconChat {
        background-position: -77px -208px;
    }
    .chat-wrapper .chatter-list .list-container-wrapper {
        border-radius: 0;
        margin: 0;
        padding: 0;
        border-width: 1px 0 0 0;
        border-color: #d7d7d7;
        background: white;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .chat-wrapper .chat-details .newmsg-container .chatters {
        padding: 10px;
        margin-bottom: 0;
    }
    .chat-wrapper .chat-details .newmsg-container .chatters h4 {
        font-size: 16px;
    }
    .chat-wrapper .chat-details .compose-container {
        border: 0;
    }
    .chat-wrapper .chat-details .compose-container .to input {
        padding: 8px 10px;
    }
    .chat-wrapper .chatter-list .row-maillist {
        position: relative;
        padding: 5px;
    }
    .chat-wrapper .chatter-list .row-maillist .info p.sender {
        font-size: 16px;
    }
    .chat-wrapper .chat-details .chat-conversation .message .profile-pic {
        display: none;
    }

    .chat-wrapper .chatter-list .row-maillist + .row-maillist {
        border-top: 0;
    }
    .chat-wrapper .chatter-list .row-maillist + .row-maillist::before {
        content: "";
        position: absolute;
        left: 5px;
        right: 5px;
        top: 0;
        height: 1px;
        background-color: #79c1ff;
    }

    /*.chat-wrapper .chatter-list .list-container {
        height: calc(100vh - 90px);
    }*/
    .chat-page-wrapper .chat-wrapper .chatter-list .list-container .nano {
        height: 100%;
        min-height: 60px;
    }
    .chat-wrapper .back-chatlist {
        margin-top: 10px;
        padding-left: 10px;
    }
    .chat-wrapper .chat-details .chatters {
        border-color: #d7d7d7;
        border-width: 1px 0 1px 0;
        margin: 0;
        padding: 5px 40px 5px 5px;
        background: #f5f9fc;
    }
    .chat-wrapper .chat-details .chat-conversation {
        border: 0;
        padding: 5px 2px;
        border-radius: 0;
        background: white;
    }
    .chat-wrapper .chat-details .write-message,
    .compose-mail .write-message {
        border-radius: 0;
        border-width: 1px 0 0 0;
        margin: 0;
    }
    .chat-wrapper .chat-details .chat-conversation .message + .message {
        padding-top: 5px;
    }
    .chat-wrapper .chat-details .chat-conversation .message.has-pic .msg {
        width: 100%;
    }
    .chat-wrapper .chat-details .chat-conversation .message .msg>p {
        font-size: 10px;
        line-height: 1.1;
    }
    .chat-wrapper .chat-details .chat-conversation .message .msg>div {
        line-height: 1.2;
        margin-top: 2px;
    }
    .chat-wrapper .chat-details .chat-conversation .message .msg .emojioneemoji,
    .chat-wrapper .chat-details .chat-conversation .message .msg .emojione {
        width: 20px;
        height: 20px;
    }
    .emojionearea .emojionearea-button {
        display: none;
    }

    .monthly-plan .block-plan.offerWrap.planGold .price,
    .monthly-plan .block-plan.offerWrap.planPlatinum .price {
        padding-bottom: 0;
        padding-top: 5px;
    }

    .payment-form .existing-card {
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 10px;
        display: block;
        width: auto;
    }

    .monthly-plan .msg-saveupto {
        font-size: 12px;
        margin-top: 3px;
    }

    .innerPage .mmSFormTop {
        margin-top: 10px;
        padding-bottom: 0;
    }
    .payment-history {
        padding-left: 5px;
        padding-right: 5px;
    }
    .payment-form .heading {
        font-size: 20px;
        margin: 0;
        padding: 10px 0 10px 5px;
    }
    /* made changes by dhiraj 07-02-2025 Credit Card Number sub headding */
    .sub-heading-cc{
        padding: 0px 0 0px 10px;
    }
    /* made changes by dhiraj 07-02-2025 Credit Card Number sub headding */
    .payment-history .plan .plan-body {
        padding: 5px;
        min-height: 10px;
        margin-bottom: 5px;
    }
    .payment-history .plan {
        padding: 0;
        margin-bottom: 5px;
        border: 1px #d9d9d9 solid;
    }
    .payment-history .plan h5 {
        margin: 0;
        padding: 5px;
        background: #f7f7f7;
    }
    .payment-history .plan p {
        margin-bottom: 0;
    }
    .payment-history .plan label {
        margin-bottom: 0;
    }
    .payment-history .plan .btn-update-plan {
        margin-left: 5px;
        margin-bottom: 5px;
    }

    .shalachmanot .panel-heading {
        padding: 5px 5px;
    }
    .shalachmanot .panel-body  {
        padding: 5px;
    }
    .shalachmanot .panel-body p  {
        margin-bottom: 5px;
    }
    .shalachmanot .panel-body p  {
        margin-bottom: 5px;
    }
    .shalachmanot hr {
        margin: 5px 0;
    }
    .payment-form .credit-card-row {
        margin-top: 0;
    }

    .container, .container-fluid {
        padding-left: 5px;
        padding-right: 5px;
    }
    .row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .row > .row,
    .mm-editprofile .bsmc .row .bsmc-row {
        margin-left: 0;
        margin-right: 0;
    }
    .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .form-group,
    .labelInputWrapper {
        margin-bottom: 5px;
    }

    .textarea.labelInputWrapper.wrapperActive,
    .textarea.labelInputWrapper.wrapperFocus {
        padding: 0;
    }
    .labelInputWrapper {
        padding: 0;
    }
    .src-filter .form-group .labelInputWrapper.wrapperActive,
    .src-filter .form-group .labelInputWrapper.wrapperFocus {
        padding: 0;
    }
    .labelPlaceholder {
        transition: none;
        z-index: 0;
        left: 8px;
        right: 5px;
    }
    .textarea .labelPlaceholder {
        position: static;
        padding: 3px 0 0 8px;
    }
    .textarea .form-control {
        padding: 0 5px 5px 8px;
    }
    
    .labelInputWrapper input.form-control {
        position: relative;
        z-index: 1;
        height: auto;
        padding: 5px 5px 5px 8px;
        background: none;
    }
    .labelInputWrapper.noneditable .form-control {
        background: none;
    }
    .labelInputWrapper.wrapperActive,
    .labelInputWrapper.wrapperFocus {
        padding: 0;
    }
    .labelInputWrapper.wrapperActive input.form-control,
    .labelInputWrapper.wrapperFocus input.form-control {
        padding: 16px 5px 3px 8px;
    }
    
    .selectWrapper .selectname {
        left: 8px;
        right: 5px;
    }
    .selectWrapper select.form-control {
        padding: 2px 20px 2px 8px;
    }
    .selectWrapper select.form-control.select-space {
        padding: 18px 20px 2px 8px;
    }
    .marketing-code .btn-updt {
        padding: 2px 20px 2px 8px;
    }
    .mmSForm h3 {
        margin-top: 8px;
    }
    .term-condition p {
        margin: 0 0 5px 0;
    }
    #page-content-wrapper .languageChange {
        float: right;
    }

    .browseAll-MM .bmmWrapper .bmm-row .bmm-col:after {
        content: "";
        display: block;
        clear: both;
    }
    .browseAll-MM .bmmWrapper .bmm-row .bmm-col:before {
        content: attr(data-title) ":";
        float: left;
        margin: 0 5px 0 0 !important;
    }
    .location-div-inner {
        display: block;
    }
    .location-div-inner-left {
        display: block;
        width: auto;
    }
    .location-div-inner-left:before, .location-div-inner-right:before {
        content: attr(data-title) ":";
        float: left;
        margin: 0 5px 0 0;
    }
    .inbox-controls {
        margin: 10px 0 0 0;
    }
    .loginForgotpwd > h1 {
        max-width: 370px;
        margin-left: auto;
        margin-right: auto;
    }
    .loginForgotpwd .owl-carousel {
        margin: 0 auto 0px auto;
    }
    .loginForgotpwd .labelInputWrapper input.form-control {
        padding: 10px 5px 10px 8px;
    }
    .loginForgotpwd .labelInputWrapper.wrapperActive input.form-control,
    .loginForgotpwd .labelInputWrapper.wrapperFocus input.form-control {
        padding: 17px 5px 3px 8px;
    }
    .loginForgotpwd .btn {
        margin-top: 10px;
    }
    .mmSForm .form-group .selectWrapper + .selectWrapper,
    .mm-profile-section .form-group .selectWrapper + .selectWrapper {
        margin-top: 5px;
    }

    .viewmyprofile-panel-wrapper .info-panel {
        margin: 0;
    }

    .instruCtion {
        margin-top: 10px;
        padding: 5px;
    }
    .progressHeader,
    .instruCtion + .languageChange {
        margin-top: 10px;
    }
    .progressHeader li {
        min-height: 16px;
    }
    .progressHeader li:before {
        border-width: 2px;
    }
    .progressHeader li:after {
        top: 7px;
        height: 2px;
    }
    .enter-comment.gray-box {
        padding: 0;
    }
    .refer .left {
        margin-bottom: 5px;
    }
    p {
        margin: 0 0 5px;
    }
    .mm-editprofile .rel-orientation label {
        display: inline-block;
    }
    .view-score .vs-scores .vs-row .vs-col {
        padding: 5px 0;
    }

    .mymatch-advsrc .bmmWrapper .bmm-row:after,
    .hltd-mem .bmmWrapper .bmm-row:after,
    .pending-member .mmWrapper .mm-row:after,
    .saved-matches .bmmWrapper .bmm-row:after,
    .mem-index .mmWrapper .mm-row:after,
    .member-myMatch .mmWrapper .mm-row:after,
    .viewScore .view-score .vs-scores .vs-row:after {
        width: calc(100% + 10px);
        left: -5px;
    }
    .mm-member-activity-table .panel-body {
        padding: 0;
    }
    .mm-member-activity .mm-member-activity-table .ph-row {
        border-width: 0 0 1px 0;
        margin-bottom: 0;
    }
    .innerPage .btn-row {
        padding: 10px 0 0 0;
    }
    .privacy ul>li {
        margin-bottom: 5px;
    }
    .hltd-mem .bmmWrapper .bmm-row .bmm-col:last-child,
    .hltd-mem .bmmWrapper .bmm-row .bmm-col.action {
        margin-bottom: 0;
        margin-left: 0;
    }

    .contentSection {
        padding: 20px 0;
    }

    .hide-mobile-wrapper .borderListItem.hide-mobile {
        display: none;
    }
    .hide-mobile-wrapper .readMore.hide {
        display: block !important;
    }
    .tooltip {
        display: none !important;
    }
}


@media all and (display-mode: standalone) {
    body:not(.clsAfterLogin) .menu {
        display: none;
    }

    ul#ulBeforeLogin > li:not(.langDrop) {
        display: none;
    }

    .hide-on-pwa {
        display: none;
    }
    footer {
        display: none;
    }
    .sidebar-nav li.only-for-pwa {
        display: block;
    }

    @media only screen and (max-width: 991px) {
        .innerPage .innerPagePadding {
            margin-top: 10px;
            padding-bottom: 10px;
        }
    }

    @media only screen and (max-width: 767px) {
        /*.headerRight:not(.adminHeader) {
            position: absolute;
            width: calc(100% - 180px);
            padding-top: 0;
            padding-bottom: 0;
            border-top: 0;
            right: 5px;
            top: 5px;
        }
        .headerRight > ul > li.langDrop {
            float: right;
        }*/

        /*#page-content-wrapper:not(.chat-page-wrapper),
        .clsIncompleteUser .index_video.innerPage {
            height: calc(100vh - 42px);
            overflow: auto;
        }

        body,
        html {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }*/
        .height-apply .headerTop.sticking {
            box-shadow: none;
            border-bottom: 2px solid #C1C1C1;
        }

        /*.SYAS .headerTop {
            background-color: #1683fb;
            border-bottom: 0;
        }
        
        .SYAS .headerLogo img {
            opacity: 0;
        }
        
        .SYAS .headerLogo a {
            background-repeat: no-repeat;
            background-size: contain;
            background-position: left top;
            background-image: url(../images/logo-white.png);
        }
        
        .SYAS .headerRight ul li.langDrop div > a {
            color: white;
        }*/
    }
}


.pwa-login-page .pwa-login-page-inner {
    width: 80%;
    max-width: 370px;
    margin: 0 auto 0 auto;
}
/* made changes by dhiraj 18-01-2024 PWA = UI is not proper on Login page for M & MM */
.pwa-login-page .pwa-login-page-inner h1{
    text-align: center !important;
    display: block;
}
.pwa-login-page .bodyLoginCarousel .item h1 {
    display:none;
}
/* made changes by dhiraj 18-01-2024 PWA = UI is not proper on Login page for M & MM */
.pwa-login-page .pwa-login-page-inner > h1 {
    color: #26377d;
    font-size: 30px;
    margin-bottom: 15px;
    margin-top: 20px;
}
.pwa-login-page .loginForgotpwd > h1,
.pwa-login-page .loginRight {
    display: none;
}
.pwa-login-page .loginForgotpwd,
.pwa-login-page .pwa-login-page-inner-wrapper {
    width: 100%;
}
.pwa-login-page .loginForgotpwd .owl-carousel {
    width: 80%;
    min-width: 304px;
}

.pwa-login-page .hide-on-pwa {
    display: none;
}

.pwa-login-page .menu {
    display: none;
}
.pwa-login-page .headerRight {
    position: absolute;
    right: 5px;
    top: 7px;
    padding: 0;
    width: auto;
    border: 0;
}
.pwa-login-page .headerRight > ul> li:not(.langDrop) {
    display: none;
}
.pwa-login-page footer {
    display: none;
}
.pwa-login-page .innerPage .innerPagePadding {
    margin: 0;
    padding: 0;
}
.audio-recorder-popup .modal-dialog {
    max-width: 90%;
    width: 400px;
}
.audio-recorder-popup .modal-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 5px;
}
.audio-recorder-popup .modal-content .modal-header {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    color: #26377d;
    padding: 10px 10px 0 10px;
    background: none;
}
.audio-recorder-popup .close-btn {
    font-size: 24px;
    line-height: 1;
    color: red;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 24px;
    height: 24px;
    border: 0;
    padding: 0;
    background-color: transparent;
}
.audio-recorder-popup .modal-body {
    text-align: center;
    padding: 10px;
}
.audio-recorder-popup .modal-start-recording {
    font-size: 24px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 0;
    margin-bottom: 10px;
    background: #b8d2e3;
}
.audio-recorder-popup .visualizer {
    position: relative;
    text-align: center;
    padding: 0 10px 10px 10px;
}
.audio-recorder-popup .visualizer canvas {
    display: block;
    width: 100%;
    height: 40px;
    margin-bottom: 5px;
}
.audio-recorder-popup .modal-top-recording {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -20px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 0;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: red;
}
.audio-recorder-popup .modal-top-recording::after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: white;
    border-radius: 2px;
}
.modal__body__inner {
    display: flex;
    width: 100%;
}
.modal__body__inner .audio__player {
    flex-grow: 1;
}
.modal__body__inner .modal_audio_delete {
    padding-right: 5px;
}
.modal__body__inner .modal_audio_done {
    padding-left: 5px;
}
.modal__body__inner .modal_audio_delete button,
.modal__body__inner .modal_audio_done button {
    color: red;
    font-family: FontAwesome;
    font-size: 18px;
    line-height: 1;
    position: relative;
    height: 100%;
    width: 36px;
    height: 36px;
    background: #b8d2e3;
    border: 0;
    border-radius: 5px;
}
.modal__body__inner .modal_audio_delete button {
    background-color: #ffd2d2;
}
.modal__body__inner .modal_audio_delete button:before {
    content: "\f1f8";
}
.modal__body__inner .modal_audio_done button:before {
    color: #26377d;
    content: "\f1d8";
}
.download-audio-outer:after,
.download-video-outer:after {
	content: "";
	display: block;
	clear: both;
}
.audio-init,
.audio-download {
	float: right;
    width: 200px;
}
.modal.custom-modal {
    overflow: auto;
    text-align: center;
}
.modal.custom-modal::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 100vh;
}
.modal.custom-modal .modal-dialog {
    text-align: left;
    margin: 0;
    padding: 15px 0;
    display: inline-block;
    vertical-align: middle;
}
.modal.in-progress .modal-dialog {
    max-width: 400px;
}
.modal.download-image-modal .modal-dialog .modal-body {
    padding: 4px;
    background-color: white;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.modal.download-image-modal .download-img-btn {
    text-align: center;
    display: block;
    text-decoration: none;
    padding: 6px 0;
    margin: 10px auto 0 auto;
    border-radius: 5px;
    color: #FFF;
    background-color: #1683fb;
    border: 0;
    width: 100px;
    box-shadow: 0 0 5px #00000057;
}
.hide_download .modal.download-image-modal .download-img-btn {
    display: none;
}
.modal.download-image-modal .modal-content {
    border: 0;
    box-shadow: none;
    background-color: transparent;
}
.modal.in-progress .modal-content {
    border-radius: 6px;
}
.modal.download-image-modal .close-btn {
    padding: 0;
    margin: 0;
    display: block;
    position: absolute;
    z-index: 10;
    right: -12px;
    top: -12px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: white;
    border: 2px #36478c solid;
    box-shadow: 0 0 5px #00000057;
}
.modal.download-image-modal .close-btn:before,
.modal.download-image-modal .close-btn:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 2px;
    background: #36478c;
    transform-origin: center;
    transform: translate(-50%, -50%) rotate(45deg);
}
.modal.download-image-modal .close-btn:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.modal.download-image-modal .modal-dialog {
    width: 800px;
    max-width: 80%;
}
.modal.download-image-modal .modal-body video {
    display: block;
    width: 100%;
    height: auto;
}
.modal.download-image-modal .modal-body img {
    display: block;
    width: 100%;
    height: auto;
}
.modal.download-image-modal.image-modal .modal-dialog {
    width: 600px;
}
.modal.download-image-modal.video-modal .modal-dialog {
    width: 500px;
}
.modal.download-image-modal.pdf-modal .modal-dialog {
    width: 800px;
}
.modal.upload-image-modal .modal-dialog {
    padding: 26px 0;
    max-width: 90%;
    width: 500px;
}
.modal.select-file-type .modal-dialog {
    max-width: 300px;
}
.modal.upload-image-modal .modal-content {
    border-radius: 6px;
    border: 0;
}
.modal.upload-image-modal .modal-dialog .modal-body {
    padding: 10px;
}
.modal.upload-image-modal .modal-dialog .modal-body video {
    display: block;
    border-radius: 5px;
}
.modal.upload-image-modal .modal-dialog .modal-body .chatLoader {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}
.modal.upload-image-modal .modal-header {
    font-size: 16px;
    position: relative;
    padding: 8px 24px 8px 10px;
    border-radius: 5px 5px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.modal.upload-image-modal .close-btn {
    position: absolute;
    right: 8px;
    top: 50%;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    transform: translate(0, -50%);
}
.modal.upload-image-modal .close-btn:before,
.modal.upload-image-modal .close-btn:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 4px;
    background: white;
    transform-origin: center;
    transform: translate(-50%, -50%) rotate(45deg);
}
.modal.upload-image-modal .close-btn:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.modal.upload-image-modal .modal-footer {
    padding: 10px;
}
.modal.upload-image-modal .modal_send_wrapper {
    display: flex;
    gap: 10px;
}
.modal.upload-image-modal .modal_send_wrapper .popup-caption-input {
    flex-grow: 1;
    height: auto;
    max-height: 55px;
    text-align: left;
    overflow: auto;
    word-wrap: break-word;
}
.modal.upload-image-modal .modal_send_wrapper .popup-caption-input:empty::before {
    content: attr(placeholder);
    color: #555
}
.modal.upload-image-modal .modal_send_wrapper button.btn-primary {
    width: 34px;
    border-radius: 4px;
    padding: 0;
}
.modal.upload-image-modal .image_bg_wrapper,
.modal.upload-image-modal .pdf_bg_wrapper {
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: #ebebeb;
}
.modal.upload-image-modal .pdf_bg_wrapper iframe {
    position: relative;
    width: 100%;
    height: 100%;
    border: 0;
}
.modal.upload-image-modal .file-type {
    position: relative;
    font-size: 20px;
    width: 60px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 2px #000064 solid;
    border-radius: 10px;
    color: #000064;
}
.modal.upload-image-modal .file-type + .file-type {
    margin-left: 4px;
}
.modal.upload-image-modal .file-type input {
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0;
}
.popup_file_upload {
    text-align: left;
    padding: 20px 10px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.popup_file_upload .file_icon {
    font-size: 50px;
}
.popup_file_upload .file_icon_right {
    padding-left: 10px;
    flex-grow: 1;
}
.popup_file_upload .file_icon_retry {
    display: none;
    padding-left: 10px;
}
.popup_file_upload.file_upload_failed .file_icon_retry {
    display: block;
}
.popup_file_upload .file_icon_retry .retry_file_upload {
    font-size: 18px;
    width: 36px;
    height: 36px;
}
.popup_file_upload .file_title_failed {
    color: red;
    display: none;
}
.popup_file_upload.file_upload_failed .file_title_failed {
    display: block;
}
.popup_file_upload.file_upload_failed .file_title {
    display: none;
}
.popup_file_upload .file_size {
    margin-top:5px;
}
.popup_file_upload .upload_percentage_bg {
    background: #dfdfdf;
    height: 10px;
    position: relative;
    border-radius:3px;
}
.popup_file_upload .upload_percentage {
    background: #737373;
    width: 0%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius:3px;
}
.popup_file_upload.file_upload_failed .upload_percentage {
    background-color: red;
}
.popup_file_upload .file_title .right {
    float: right;
}
/************* audio player ***********************/
.audio__player__inner,
.audio__placeholder {
    font-family: arial;
    font-size: 12px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    height: 36px;
    background: #b8d2e3;
}
.audio__player__inner.__notfound,
.audio__placeholder.__notfound {
    color: #78a8c7;
    background: #b8d2e3;
}
.audio__player__inner .audio__loading,
.audio__placeholder .audio__loading {
    position: relative;
    display: block;
    width: 36px;
    height: 36px;
}
.audio__placeholder .audio__loading {
    display: none;
}
.audio__placeholder.__loading .audio__loading {
    display: block;
}
.audio__player__inner .loading__spinner,
.audio__placeholder .loading__spinner {
    display: none;
    width: 12px;
    height: 12px;
    border: 2px solid #375e77;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spin .4s linear infinite;
    animation: spin .4s linear infinite;
}
.audio__player__inner .loading .loading__spinner,
.audio__placeholder .loading .loading__spinner {
    display: inline-block;
}
.audio__player__inner .play__pause__btn,
.audio__placeholder .__play,
.audio__player__inner .audio__download__button {
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 1;
    color: #375e77;
    width: 36px;
    height: 36px;
    position: relative;
    background: none;
    border: 0;
}
.audio__player__inner.__notfound .audio__download__button {
    display: none;
}
.audio__player__inner .audio__download__button,
.audio__player__inner .audio__download__button:hover,
.audio__player__inner .audio__download__button:focus,
.audio__player__inner .audio__download__button:active {
    color: #375e77;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: #b0c9d9;
    border-radius: 0 4px 4px 0;
}
.hide_download .audio__player__inner .audio__download__button {
    display: none;
}
.audio__placeholder.__loading .__play {
    display: none;
}
.audio__player__inner.__notfound .play__pause__btn,
.audio__placeholder.__notfound .__play {
    cursor: default;
    color: #78a8c7;
}
.audio__player__inner .play__pause__btn.play:after,
.audio__placeholder .__play:after {
	content: "\f04b";
}
.audio__player__inner .play__pause__btn.pause:after {
	content: "\f04c";
}
.audio__player__inner .audio__download__button:after {
    content: "\f019";
}
.audio__player__inner .controls__current__time {
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
}
.audio__player__inner .controls__slider,
.audio__placeholder .__slider {
    position: relative;
    flex-grow: 1;
    margin: 0px 10px;
    height: 4px;
    min-width: 60px;
}
.audio__placeholder .__slider {
    background-color: #78a8c7;
}
.audio__placeholder .__download_percentage {
    background-color: #5e5e5e;
    width: 0%;
    height: 4px;
}
.audio__player__inner .controls__progress {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 0;
    height: 4px;
    background-color: #5e5e5e;
}
.audio__player__inner .controls__progress__loaded {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 4px;
    background-color: #78a8c7;
}
.audio__player__inner .progress__pin {
    right: -7px;
    top: -5px;
    height: 14px;
    width: 14px;
    border-radius: 8px;
    background-color: #375e77;
    position: absolute;
    pointer-events: all;
    /*-webkit-box-shadow: 0 1px 1px 0 rgb(0 0 0 / 32%);
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 32%);*/
}
.audio__player__inner.__notfound .progress__pin {
    display: none;
}
.audio-not-found {
    font-size: 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 212px;
    background: #b8d2e3;
}
.thumb-preview {
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.thumb-preview > a {
    display: flex;
    height: 100%;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
}
.image-preview,
.pdf-preview,
.video-preview {
    display: block;
    position: relative;
    background-color: #d9d9d9;
}
.image-preview .loading__spinner,
.pdf-preview .loading__spinner,
.video-preview .loading__spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border: 4px solid #375e77;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spin .4s linear infinite;
    animation: spin .6s linear infinite;
}
.image-preview .not-found,
.pdf-preview .not-found,
.video-preview .not-found {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.pdf-preview iframe {
    display: block;
    width: 100%;
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}
@keyframes spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}
/*************** end audio playper ******************/

#AIModal .modal-dialog {
    max-width: 600px;
}
#AIModal.open_image_slider .modal-dialog {
    max-width: 450px;
}
#AIModal iframe {
    width: 100%;
    height: 300px;
    border: 0;
}

#AIModal .popup-2 {
    display: none;
}
#AIModal.open_image_slider .popup-1 {
    display: none;
}
#AIModal.open_image_slider .popup-2 {
    display: block;
}
.ai_popup_top .ai_popup_top_form {
    display: flex;
    gap: 15px;
    justify-content: flex-end;
    padding-bottom: 15px;
    border-bottom: 1px #c9c9c9 solid;
}
.ai_popup_top .ai-form-control {
    flex-basis: 200px;
}
.ai_popup_top .btn-primary {
    height: 34px;
    border-radius: 4px;
}
.ai_popup_top select,
.ai_popup_top input[type="text"] {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.ai_popup_bottom {
    display: flex;
    gap: 15px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.ai_popup_bottom .ai_popup_bottom_left {
    position: relative;
    flex-basis: 100px;
}
.ai_popup_bottom .ai_popup_bottom_left .img__count {
    color: #FFF;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    padding: 0px 4px;
    background: rgb(0 0 100 / 48%);
}
.ai_popup_bottom .ai_popup_bottom_left img {
    width: 100px;
    padding: 2px;
    border: 1px #000064 solid;
}
.ai_popup_bottom .ai_popup_bottom_left img ~ img {
    display: none;
}
.carousel-open .ai_popup_top,
.carousel-open .ai_popup_bottom_wrapper {
    display: none;
}
.ai-image-carousel .item {
    overflow: hidden;
    padding-top: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.ai-image-carousel .owl-nav {
    margin: 0;
}

.ai-image-carousel .owl-nav .owl-prev,
.ai-image-carousel .owl-nav .owl-next {
    position: absolute;
    z-index: 1;
    left: 10px;
    top: 50%;
    right: 0;
    margin:0;
    transform: translate(0, -50%);
}
.ai-image-carousel .owl-nav .owl-next {
    right: 10px;
    left: auto;
}

.feature-match .f-right > form {
    display: block;
    margin-top: 5px;
}
.feature-match .f-right select,
.feature-match .f-right input[type="text"] {
    margin-top: 5px;
    display: block;
    width: 100%;
    height: 30px;
    padding: 0px 5px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.feature-match .f-right .btn {
    border-radius: 4px;
    margin-top: 5px;
}
.dashboardRow.dashboardRowNewTop {
    display: flex;
}
@media only screen and (max-width:1199px) {
    .dashboardRow.dashboardRowNewTop {
        flex-direction: column;
    }
}
@media only screen and (max-width:767px) {
    #AIModal .modal-dialog,
    #AIModal.open_image_slider .modal-dialog {
        width: 95%;
        margin: 15px auto;
    }
    }


@media only screen and (max-width:400px) {
    .ai_popup_top .ai_popup_top_form {
        flex-direction: column;
    }
    .ai_popup_top .ai-form-control {
        flex-basis: auto;
    }
    .ai_popup_bottom {
        display: block;
    }
    .ai_popup_bottom::after {
        content: "";
        display: block;
        clear: both;
    }
    .ai_popup_bottom .ai_popup_bottom_left {
        float: left;
        margin-right: 10px;
    }
}
.retest-password .container {
    max-width: 700px;
}
.reset_password_note {
    max-width: 410px;
    margin: 20px auto 0 auto;
}
.reset_password_note h4 {
    color: red;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 18px;/* make cahnged by dhiraj 08-02-2024 Member password reset link */
}
.reset_password_note h5 {
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 5px;
}
.reset_password_note ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.reset_password_note ul li {
    padding-left: 14px;
    position: relative;
}
.reset_password_note ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 6px;
    height: 6px;
    background-color: black;
    border-radius: 50%;
}
.reset_password_note ul li.has:before {
    width: 10px;
    height: 6px;
    background-color: transparent;
    border-radius: 0;
    border-left: 2px #000064 solid;
    border-bottom: 2px #000064 solid;
    transform: rotate(-45deg);
    top: 4px;
}
.reset_password_note ul b {
    color: red;
}
.reset_password_note ul .has,
.reset_password_note ul .has b {
    color: #000064;
}
.reset_password_note_inner {
    border-radius: 5px;
    padding: 10px;
    /*background-color: #ffefef;*/ /* make cahnged by dhiraj 08-02-2024 Member password reset link */
}
.reset_password_note_inner.valid {
    background-color: #e0efff;
}
.select_already_div {
    display: flex;
    gap: 20px;
    align-items: center;
}
.web_view footer {
    display: none;
}
.twoFaStepsWrapper {
    width: 370px;
    margin: 0 auto;
}
.twoFaStepsWrapper .radio label input[checked="checked"] {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
}
.twoFaStepsWrapper h1 {
    margin-bottom: 20px;
    margin-top: 0;
}
.otp-input-wrapper {
    display: flex;
    column-gap: 10px;
    /*max-width: 300px;*/
    margin: 0px auto 0 auto;
}
.otp-input-wrapper > div {
    flex: 1;
}
.otp-input-wrapper input {
    text-align: center;
    padding: 5px 3px;
    width: 100%;
    border: 1px #747474 solid;
    border-radius: 4px;
}

.loginverificationInner .btn,
.twoFaStepsWrapper .btn {
    cursor: pointer;
    min-width: 100px;
}
.loginverificationInner .btn + .btn,
.twoFaStepsWrapper .btn + .btn {
    margin-left: 5px;
}
.loginverificationInner .btn:disabled,
.twoFaStepsWrapper .btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}
.clsHideOnNativeWebview {
    display: none !important;
}
/* made changes by dhiraj kolhe 13-02-2024 Purim Basket Campaign 2024*/
.clsshalochMMList ul{
    padding: 0px 25px;
}
.clsshalochMMList ul li{
    list-style: none;
    text-indent: -5px;
    text-align: left;
}
.clsshalochMMList ul li:before{
    content: '*';
    position: relative;
    left: -10px;
    top: 2px;
}
/* made changes by dhiraj kolhe 13-02-2024 Purim Basket Campaign 2024s*/
/* made changes by dhiraj kolhe 19-02-2024 Incorrect Title is displayed for Country on MM signup page.*/
.register-for-premium{
    color:#0563C1;
    margin-bottom:20px;
    display: block;
}
@media only screen and (min-width:768px) and (max-width:1920px) {
    .basics-gold-column .table-benefits .t-row .t-col.features {
      padding: 10px !important;
      width: 50% !important;
    }
    .basics-gold-column .table-benefits .t-row .t-col.basic {
      width: 50% !important;
      padding: 9px !important;
      border-left: solid 1px #cacaca !important;
    }
    .basics-gold-column .table-benefits .t-row .t-col.platinum {
      width: 50% !important;
      padding: 9px !important;
      border-left: solid 1px #cacaca !important;
    }
    .basics-gold-column .table-benefits .t-row .t-col.gold {
        width: 50% !important;
        padding: 9px !important;
        border-left: solid 1px #cacaca !important;
      }
    .basics-gold-column .table-benefits .pad-top20 a {
      color: #0563C1 !important;
      margin-bottom: 10px !important;
      display: inline-block !important;
    }
    .basics-gold-column a {
      color: #0563C1 !important;
    }
    .basics-gold-column a:hover {
      color: #e66e3e !important;
      text-decoration: underline;
    }
    #page-content-wrapper:has(.table-benefits) {
        padding-top: 20px;
    }
  }
.pad-top20 .text-center {
    text-align: left !important;
}
.pad-top20 .text-center h6 {
    width: 100%;
}
[lang="he"] .pad-top20 .text-center h6 {
    float: left;
    width: 100%;
}
@media only screen and (min-width:200px) and (max-width:768px) {
.pad-top20 .text-center h6 span:nth-child(2) {
    margin-right: 0%;
    display: inline-block;
}
/* made changes by dhiraj 24-05-2024 UI is not proper - Aleezabenshalommatchmaking/Aleeza-Netflix-Show.aspx */
#aleezanetflixshow .common_wrapper h1.text-left.headline {
    font-size: 23px;
}
/* made changes by dhiraj 24-05-2024 UI is not proper - Aleezabenshalommatchmaking/Aleeza-Netflix-Show.aspx */
/* made changes by dhiraj 24-05-2024 Email : Buttons close together */
.find-match .fmWrapper .panel-body .bmm-row .bmm-col:last-child a, .find-match .fmWrapper .panel-body .bmm-row .bmm-col:last-child button {
    margin-right: 5px;
}
/* made changes by dhiraj 24-05-2024 Email : Buttons close together */
/* made changes by dhiraj 24-05-2024 Email : Buttons close together */
.inbox-controls .showing a.pre, .inbox-controls .showing a.next, .browseMMTitleWrapper .showing a.next, .browseMMTitleWrapper .showing a.pre {
    margin-left: 10px;
    padding: 0px 10px;
}
/* made changes by dhiraj 24-05-2024 Email : Buttons close together */
}
.Platinummembership-txt:before {
    content: "\a";
    white-space: pre;
}
.Platinummembership-txt {
    display: inline;
}
.register-for-premium{
    color:#0563C1;
    margin-bottom:20px;
    font-size: 16px;
    display: inline-block;
}
.table-benefits ~ .pad-top20 {
    text-align: right;
}
.view-score.mmtrainingTasks:has(~ .table-benefits) {
    display: none;
}
.table-benefits ~ .pad-top20 p:last-child a {
    margin-bottom: 20px;
    font-size: 18px;
}
#page-content-wrapper:has(.table-benefits) a:hover {
    color: #e66e3e !important;
}
.finalview-container:has(.table-benefits) {
    padding-bottom: 0 !important;
}
#page-content-wrapper:has(.table-benefits) {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}
body .networkPopup {
    z-index: 99999;
}
.qb-disconnect .modal-content:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
}
/* made changes by dhiraj & Sudipta 20-12-2023 Aleeza ben shalom site update- new page= Font size is not proper */
@media only screen and (max-width: 991px) {
    .Aleezabenshalommatchmaking .headerVideoWrapper h1,
    .Aleezabenshalommatchmaking .headerVideoWrapper h1 span,
    .Aleezabenshalommatchmaking .innerPage h2 {
        font-size: 20px;
    }
    .Aleezabenshalommatchmaking-videoText p span {
        font-size: 16px;
    }
}
/* made changes by dhiraj & Sudipta 20-12-2023 */
/* made changes by dhiraj 09-05-2024 AlzaBen- UI is Not proper on mobile view. */
.Aleezabenshalommatchmaking .innerPage .common_wrapper table .TopicHeader {
    word-break: break-all;
}
/* made changes by dhiraj 09-05-2024 AlzaBen- UI is Not proper on mobile view. */
/* made changes by dhiraj 24-01-2024 in PF 1 for Member UI is not proper */
.mmSForm.profileStep {
    margin-top: 0px;
    margin-bottom: 20px;
}
/* made changes by dhiraj 24-01-2024 in PF 1 for Member UI is not proper */
/* made changes by dhiraj 16-05-2024 Photo upload = When try to upload large size Image then UI is not proper. */
div#matchmakersUploadImageModal .btn-group, div#matchmakersUploadImageModal .btn-group .form-group{
    margin: 0;
}
div#matchmakersUploadImageModal .photoEditor.clearfix.editorInner a {
    outline: 0;
}
/* made changes by dhiraj 16-05-2024 Photo upload = When try to upload large size Image then UI is not proper. */
/* made changes by dhiraj 17-06-2024 Ui is not proper for the "Continue" button on thank you page. */
div#page-content-wrapper table tbody span {
    top: 0px !important;
}
/* made changes by dhiraj 25-06-2024 Ui is not proper for the "Continue" button on thank you page.*/
.btnSigninmembers {
    margin-bottom: 20px;
}
/* made changes by dhiraj 25-06-2024 Ui is not proper for the "Continue" button on thank you page.*/
#membervideo video{
    width:100%;
    height:100%;
    vertical-align: bottom;
}
#membervideo .modal-body{
    padding:10px;
}
/* modified by dhiraj 22-08-2024 levtolev header broken */
.levtolev figure.headerTop {
    height: 62px;
}
/* modified by dhiraj 22-08-2024 levtolev header broken */

/**made changes by Dipika createmalemember UI changes 26-09-2024**/
.mmSForm .control-label.date-ofbirth-field {
    width: 188px;
}
.date-ofbirth .col-sm-3.col-xs-12:last-child {
    padding-right: 0;
}
@media only screen and (max-width: 767px) {
    .date-ofbirth .col-sm-3.col-xs-12 {
        padding: 0 0 5px 0;
    }
    .createmalemember .formGroupRight .labelPlaceholder {
        line-height: 0.9;
    }
    .createmalemember .form-group #tooltip {
        margin-top: 10px;
    }
}
/**made changes by Dipika createmalemember UI changes 26-09-2024**/

.input-floating-wrapper,
.select-floating-wrapper {
    line-height: 1.2;
    display: flex;
    position: relative;
}
.input-floating-wrapper .input-floating-inner {
    position: relative;
    flex-grow: 1;
}
.input-floating-inner > input,
.input-floating-inner > textarea,
.select-floating-inner > select {
    border: 1px solid #b9b9b9;
    transition: all 200ms;
}
.input-floating-inner > input:not(:placeholder-shown),
.input-floating-inner > input:-webkit-autofill,
.input-floating-inner > textarea:not(:placeholder-shown),
.input-floating-inner > textarea:-webkit-autofill,
.select-floating-wrapper > select.has-val  {
    padding: 18px 12px 5px 12px;
    height: auto;
}
.input-floating-inner .label-placeholder,
.select-floating-wrapper .label-placeholder {
    cursor: text;
    opacity: 0;
    overflow: hidden;
    color: #585858;
    font-size: .8em;
    font-weight: normal;
    margin: 0;
    position: absolute;
    left: 12px;
    right: 12px;
    top: 8px;
    white-space: pre;
    text-overflow: ellipsis;
}
.input-floating-inner > input:not(:placeholder-shown) ~ .label-placeholder,
.input-floating-inner > input:-webkit-autofill ~ .label-placeholder,
.input-floating-inner > textarea:not(:placeholder-shown) ~ .label-placeholder,
.input-floating-inner > textarea:-webkit-autofill ~ .label-placeholder,
.select-floating-wrapper > select.has-val ~ .label-placeholder {
    opacity: 1;
}

.input-floating-wrapper .iti_selected-flag {
    position: static;
    border: 1px solid #b9b9b9;
    border-radius: 4px 0 0 4px;
    border-right: 0;
}
.input-floating-wrapper .country-code {
    border-radius: 0 4px 4px 0;
}
/* dipika changes for spanish login text for olamisync website only. login-popupttl class added from backend*/
h1.login-popupttl {
    font-size: 35px;
}

.date-ofbirth-wrapper {
    display: flex;
}
.mmSForm .date-ofbirth-wrapper .control-label {
    width: auto;
}
.date-ofbirth-wrapper .selectGroupInner {
    flex-grow: 1;
    display: flex;
}
.date-ofbirth-wrapper .selectGroupInner > .col-xs-12 {
    flex-grow: 1;
}

.iframe-modal .close {
    color: #ffffff !important;
    cursor: pointer;
    font-size: 28px;
    opacity: 1;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 999;
    margin-top: 0;
    text-shadow: none;
    text-decoration: none;
    background: #ff5400;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 5px #000;
}

.iframe-modal .modal-body-frame {
    position: relative;
}
.iframe-modal .modal-body-frame .chatLoader {
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -20px;
}
.iframe-modal.modal-loading .modal-body-frame .chatLoader {
    display: block;
}
.inner-window .innerPage .innerPagePadding {
    padding: 20px 0;
    margin: 0 !important;
}
.inner-window .loginForgotpwd .item {
    padding-bottom: 0;
}

.modal-auto-center {
    text-align: center;
}
.modal-auto-center::before {
    margin-left: -4px;
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 1px;
    height: 100%;
}
.modal-auto-center .modal-dialog {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}
@media only screen and (max-width: 767px) {
    .date-ofbirth-wrapper,
    .date-ofbirth-wrapper .selectGroupInner {
        flex-direction: column;
    }

    #uploadProfileImageModal .modal-dialog,
    #imageUpload .modal-dialog {
        width: calc(100% - 10px);
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        padding: 5px;
    }
    #uploadProfileImageModal .modal-dialog .modal-title,
    #imageUpload .modal-dialog .modal-title {
        font-size: 18px;
    }
    /* made changes by dhiraj 17-01-2025 UI header changes */
    .newIndex .headerRight {
        padding-top: 10px !important;
    }
    .newIndex .sticking .headerLogo{
        top: 0px !important;
    }
    .headerTop:not(.sticking) .menu .hamIcon {
        right: 0px;
        top: 0px !important;
        height: 40px;
        width: 40px;
        border-radius: 0% !important;
    }
    /* made changes by dhiraj 17-01-2025 UI header changes */
    /* made changes by dhiraj tabel page scroll issue 11-02-2025 */
.table-scroll-float{

}
.table-scroll-float table {
    width: 100%;
}
.table-scroll-float tr{

}
.table-scroll-float #main,.table-scroll-float #edge{
    width: 100%;
}
.table-scroll-float * {
    max-width: 100%;
}
/* made changes by dhiraj tabel page scroll issue 11-02-2025 */
}

/* OlamiSync video height */
.OlamiSync #membervideo video {
    max-height: 400px;
}
/* OlamiSync video height */
/* JMontreal for arrow use FontAwesome*/
.JMontreal .faq-question ul li .question:before {
    content: "\f101";
    display: inline-block;
    left: -12px;
    top: -2px;
    position: absolute;
    font-family: "FontAwesome";
    font-size: 14px;
}
/* JMontreal for arrow use FontAwesome*/

/* fancybox not align center first time page load */
#fancybox-wrap.heightDesktop {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    position: fixed !important;
}

/*made changes by dhiraj 16-12-2024  "Sign Up today" link text Hover on it  */
.signup_today,a.signup_today{
    text-decoration: underline !important;
}
.signup_today:hover,a.signup_today:hover{
    text-decoration: none !important;
}
.dadicated-mm{
    display: block !important;
}
.dadicated-mm span{
    display: none;
}
.dadicated-mm span:nth-child(2){
    display: block !important;
}
/* made changes by dhiraj 16-12-2024  "Sign Up today" link text Hover on it  */
/* made changes by dhiraj 20-12-2024  Security Breach Loopholes - Matchmakers - Phase 2 */
@media only screen and (min-width:320px) and (max-width:767px) {
    #coachingTable.table-bordered tbody tr td,#coachingTable.table-bordered thead tr th{
        padding: 0;
    }
    #coachingTable thead{
        visibility: hidden !important;
    }
    #coachingTable.table-bordered tbody tr td:nth-child(2) p, #coachingTable.table-bordered tbody tr td:nth-child(3) p,#coachingTable.table-bordered tbody tr td:nth-child(4) p, #coachingTable.table-bordered tbody tr td:nth-child(5) p {
        padding: 0px !important;
    }
    #coachingTable.table-bordered tbody tr td:nth-child(2), #coachingTable.table-bordered tbody tr td:nth-child(3) {
        padding: 0px 8px;
        width: 60%;
    }
    #coachingTable.table-bordered tbody tr td:nth-child(4), #coachingTable.table-bordered tbody tr td:nth-child(5) {
        width: 100%;
        padding: 0px 8px;
    }
    #coachingTable tr {
        padding: 10px 0px;
        display: inline-block;
    }
    .update-contact-info{
        font-size: x-small !important;
        float: left !important;
        margin-top: 5px;
        margin-bottom: 10px;
    }   
    .update-contact-info-head{
        min-height: 60px !important;
    }
    /* made changes by dhiraj 17-02-2025 my coaching UI changes */
    #coachingTable thead{
        visibility: hidden !important;
        height: 0px;
        position: absolute;
    }
    #filterName{
        height: 34px;
    }
    /* #coachingTable td {
        display: flex;
    } */
    #coachingTable>tbody>tr>td>table>tbody>tr {
        display: flex;
        flex-direction: column;
    }
    #coachingTable td .bmm-row::after{
        display: none;
    }
    #coachingTable td .res-coaching #nameDetails[data-title]:before,#coachingTable td .bmm-row[data-title]:before,#coachingTable td .bml-info[data-title]:before {
        display: none !important;
    }
    #coachingTable td .bmm-row {
        padding: 0px 10px 10px 10px;
    }
    #coachingTable>tbody>tr>td>table{
        border:0;
    }
    #coachingTable>tbody>tr>td>table>tbody>tr{
        max-width: calc(100% - 130px);
        float: left;
        margin-bottom: 10px;
        border: 0 !important;
    }
    #coachingTable>tbody>tr>td>table>tbody>tr:last-child {
        margin-left: 25px;
        width: 100% !important;
    }
    #coachingTable>tbody>tr>td>table>tbody>tr:last-child td #nameDetails{
        min-width: 100% !important;
    }
    #cellphone,#tsosorfc{
        min-width: 100% !important;
        overflow-wrap: break-word;
    }
    #coachingTable>tbody>tr>td{
        max-width:100%;
        float: left;
        border: 0;
    }
    .hltd-mem .src-filter #SearchBox{
        padding: 0px !important;
        margin: 0px !important;
    }
    .coaching-filter{
        display: block !important;
        padding: 0px 10px;
    }
    .coaching-filter .col-sm-4.col-xs-12 .labelInputWrapper,.coaching-filter .col-sm-4.col-xs-12 .selectWrapper{
            margin-bottom: 5px !important;
    }

    /* made changes by dhiraj 17-02-2025 my coaching UI changes */
    /* made changes by dhiraj 28-03-2025 Internal Pages : Matchmaker - Part 1 - LHS menus to be standardized & Internal Pages : Matchmaker - Footer Removal from CMS  */
    .video-site-inf td {
        width: 100%;
        display: block;
    }
    /* made changes by dhiraj 28-03-2025 Internal Pages : Matchmaker - Part 1 - LHS menus to be standardized & Internal Pages : Matchmaker - Footer Removal from CMS  */
}
@media only screen and (min-width:510px) and (max-width:900px) {
    #coachingTable.table-bordered tbody tr td,#coachingTable.table-bordered thead tr th{
        padding: 0;
    }
    #coachingTable thead{
        visibility: hidden !important;
        height: 0px;
        position: absolute;
    }
    .bmm-col.TT.coaching-section {
        margin-left: 0px !important;
    }
    #coachingTable td .res-coaching #nameDetails[data-title]:before,#coachingTable td .bmm-row[data-title]:before,#coachingTable td .bml-info[data-title]:before {
        content: attr(data-title);
        display: block;
        font-weight: bolder;
        font-size: calc(100vw - 98.7vw);
        margin-bottom: 10px;
        background-color: #f5f5f5;
        position: relative;
        padding: 8px;
        width: 100%;
        line-height: 1.42857143;
        border: 0px solid #ddd !important;
    }
    #coachingTable td .bmm-row {
        padding: 0px 0px 10px 10px;
    }
    #coachingTable>tbody>tr>td>table{
        border:0;
    }
    #coachingTable>tbody>tr>td>table>tbody>tr{
        /* max-width: calc(100% - 130px);
        float: left; */
        margin-bottom: 10px;
        border: 0 !important;
    }
    #coachingTable>tbody>tr>td>table>tbody>tr:last-child {
        margin-left: 0px;
        width: 100% !important;
    }
    #coachingTable>tbody>tr>td>table>tbody>tr:last-child td #nameDetails,#cellphone, #tsosorfc,div#bml-info{
        min-width: auto !important;
        width: 100%;
    }
    #cellphone,#tsosorfc{
        min-width: auto !important;
        overflow-wrap: break-word;
    }
    #coachingTable>tbody>tr>td>table>tbody{
        max-width:100%;
        float: left;
        border: 0;
        display: flex;
    }
    #coachingTable tr {
        display: flex;
    }
    #coachingTable.table-bordered thead,#coachingTable td .bmm-row:after{
        display: none;
    }
    #coachingTable.table-bordered tbody tr td{
        padding: 0 !important;
    }
    #coachingTable.table-bordered tbody tr td .inner-wrapper-spacing {
        padding: 0px 10px;
    }
    #coachingTable.table-bordered tbody tr td{
        padding-bottom: 10px;
    }
}
@media only screen and (min-width:901px) and (max-width:1024px) {
    #coachingTable.table-bordered tbody tr td,#coachingTable.table-bordered thead tr th{
        padding: 0;
    }
    #coachingTable thead{
        visibility: hidden !important;
        height: 0px;
        position: absolute;
    }
    #coachingTable>tbody>tr>td>table>tbody>tr {
        display: contents;
        flex-direction: column;
    }
    #coachingTable td .bmm-row::after{
        display: none;
    }
    #coachingTable td .res-coaching #nameDetails[data-title]:before,#coachingTable td .bmm-row[data-title]:before,#coachingTable td .bml-info[data-title]:before {
        content: attr(data-title);
        display: block;
        font-weight: bolder;
        font-size: calc(100vw - 98.8vw);
        margin-bottom: 10px;
        background-color: #f5f5f5;
        position: relative;
        padding: 8px;
        width: 100%;
        line-height: 1.42857143;
        border: 0px solid #ddd !important;
    }
    #coachingTable td .bmm-row {
        padding: 10px 10px;
    }
    #coachingTable>tbody>tr>td>table{
        border:0;
    }
    #coachingTable>tbody>tr>td>table>tbody>tr{
        max-width: calc(100% - 130px);
        float: left;
        margin-bottom: 10px;
        border: 0 !important;
    }
    #coachingTable>tbody>tr>td>table>tbody>tr:last-child {
        margin-left: 0px;
    }
    #coachingTable>tbody>tr>td>table>tbody>tr:last-child td #nameDetails{
        min-width: 100% !important;
    }
    #cellphone,#tsosorfc{
        min-width: 100% !important;
        overflow-wrap: break-word;
    }
    #coachingTable>tbody>tr>td{
        max-width:100%;
        border: 0;
    }
    .coaching-filter{
        display: block !important;
    }
    #coachingTable td .bmm-row[data-title="Photo"] .bmm-col.TT.coaching-section{
        margin-left: 0px !important;
        float: left;
        width: 100%;
    }
    #coachingTable.table-bordered tbody tr td .inner-wrapper-spacing {
        padding: 0px 10px;
    }
    #coachingTable.table-bordered tbody tr td{
        padding-bottom: 10px;
    }
}
@media only screen and (min-width:1366px) and (max-width:1920px) {
    #coachingTable.table-bordered tbody tr td .inner-wrapper-spacing .btnMyClient, #coachingTable.table-bordered tbody tr td .inner-wrapper-spacing .btnAssignCoaching{
        max-width: 200px;
    }
}
#coachingTable.table-bordered tbody tr td .inner-wrapper-spacing {
    word-break: break-word;
}
/* made changes by dhiraj 20-12-2024  Security Breach Loopholes - Matchmakers - Phase 2 */
.ex-hebrew-css .footerCarousel.owl-carousel.owl-rtl .owl-item .item ul li {
    text-align: left;
}
/* made changes by dhiraj 17-01-2025 #nprogress hide */
#nprogress{
    display: none !important;
}
/* made changes by dhiraj 17-01-2025 #nprogress hide */
/* made changes by dhiraj 27-01-2025 partners_logo_carousel overflow */
.partner_carousel_showhide .partners_logo_carousel {
    overflow: hidden;
}

/* made changes by dhiraj 27-01-2025 partners_logo_carousel overflow */
.purimbasket-img {
    max-width: 100vw;
    padding: 0 20px;
}

/* made changes by dhiraj 17-02-2025 my coaching UI changes */
#coachingTable{

}
#coachingTable tr{
    
}
#coachingTable td{
    
}
#coachingTable th {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.btnMyClient{
    background: #006400 !important;
    color: #fff !important;
    border: solid 2px #006400 !important;
    padding: 3px 20px;
    display: inline-block;
    border-radius: 4px;
    transition: all 700ms;
    text-decoration: none !important;
    width: 100%;
    text-align: center;
}
.btnAssignCoaching{
    color: #006400 !important;
    text-decoration: none;
    border: solid 2px #006400 !important;
    padding: 3px 20px;
    display: inline-block;
    border-radius: 4px;
    transition: all 700ms;
    text-decoration: none !important;
    width: 100%;
    text-align: center;
}
.btnAssignCoaching:hover{
    background: #006400 !important;
    color: #ffffff !important;
    text-decoration: none;
    border: solid 2px #006400 !important;
}
#coachingTable.table-bordered tbody tr td,#coachingTable.table-bordered thead tr th{
    border: 0px solid #ddd !important;
}
#coachingTable.table-bordered tbody tr td div p{
    padding: 0px 0px;
}
#coachingTable.table-bordered tbody tr{
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.DiscussionComments .panel-body .mmCommentActual{
    overflow-wrap: break-word;
}
.hltd-mem .src-filter #SearchBox,.hltd-mem .src-filter .coaching-filter{
    padding: 0px !important;
    margin: 0px !important;
}
div#coachingTable-header ul li {
    width: 20%;
    float: left;
    list-style: none;
    padding: 8px 10px;
    display: flex;
    background-color: #f5f5f5;
    align-items: center;
    justify-content: flex-start;
}
.res-coaching-block.TT.profile-picture{
    
}
div#coachingTable-header ul {
    display: flex;
    margin: 0px;
    padding: 0px;
}
.hltd-mem .src-filter .coaching-filter .form-group .label-small, .hltd-mem .src-filter .coaching-filter .form-group .select-space {
    font-weight: 100;
}
.hltd-mem .src-filter .coaching-filter .form-group .label-small {
    font-weight: 100;
    color: #747474;
}
table#coachingTable thead th u {
    text-decoration: underline;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
table#coachingTable thead th{
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
table#coachingTable .bmm-row.TT[data-title="Photo"] .bmm-col.TT.coaching-section{
    margin-left: 0px !important;
}
/* made changes by dhiraj 17-02-2025 my coaching UI changes */
@media only screen and (min-width:1366px) and (max-width:1920px) {
/* made changes by dhiraj 07-03-2025 External pages - ContactUs page removal from CMS */
footer figure.footerBg .footerLeft .footerCarousel.owl-carousel.TT.owl-loaded.owl-drag {
    overflow: visible !important;
}
footer figure.footerBg .footerLeft .footerCarousel.owl-carousel.TT.owl-loaded.owl-drag .owl-stage-outer.owl-height {
    overflow: visible !important;
}
}
/* made change by dhiraj 07-04-2025 Issues_Matchmaker - Footer Removal from CMS */
footer figure.footerBg ul li{
    font-size: 13px !important;
}
/* made change by dhiraj 07-04-2025 Issues_Matchmaker - Footer Removal from CMS */
/* made changes by dhiraj 07-03-2025 External pages - ContactUs page removal from CMS */
/* made changes by dhiraj 17-03-2025 External pages - Aggrement_page */
.footerMMAfterLogin{
    padding: 10px 0px !important;
}
/* made changes by dhiraj 17-03-2025 External pages - Aggrement_page */
/* made changes by dhiraj 21-04-2025 In mobile view select the languages then grayout getting displayed scroll down then its vanished */
#LanguageDropdown .open .dropdown-backdrop{
    display: none;
}
/* made changes by dhiraj 21-04-2025 In mobile view select the languages then grayout getting displayed scroll down then its vanished */
/* made changes by dhiraj 05-05-2025 The "Province*" title text and default text get overlapped on edit contact info for MM. */
.state-region .selectname.label-small {
    z-index: 1000;
}
/* made changes by dhiraj 05-05-2025 The "Province*" title text and default text get overlapped on edit contact info for MM. */
/* made changes by dhiraj 20-06-2025 Matchmaker - Internal Header */
[action="ProfileStep1.aspx"] section.mm-profile-section .checkbox-wrapper input[name="txtOther"]:disabled
 {
    background: #e1e1e1;
    border: 1px solid #bfbaba;
}
.headerRight ul li.logout.mmtraining {
    display: block;
    margin-top: 5%;
}
/* made changes by dhiraj 20-06-2025 Matchmaker - Internal Header */
/* made changes by dhiraj 20-06-2025 After logging in to MM, when selecting multiple values on the dropdown and opening the Menu, the UI is not proper. */
#SearchBox #dvKeywords .select2.select2-container {
  width: 100% !important;
}
#SearchBox #dv2ndKeywords .select2.select2-container {
  width: 100% !important;
}
/* made changes by dhiraj 20-06-2025 After logging in to MM, when selecting multiple values on the dropdown and opening the Menu, the UI is not proper. */