@import 'style.css';
.tab-wrapper ul {
    width: auto
}
 

/* Project Div Stucture*/

body {
    /* overflow: hidden; */
    overflow-y: auto;
    padding-right: 0 !important;
}

body::after {
    content: '';
    display: block;
}

.mainBody {
    min-height: 100vh;
}

@media(min-width:1680px){
    .outerWrapper .innerPage {
        min-height: 60vh;
    }
}

.outerWrapper {
  overflow: hidden;
}

.innerPage {
    position: relative;
}

.footerWrap {
    width: 100%;
    overflow: hidden;
    background: #f8f9fa;
    position: relative;
}


/* Project Div Stucture*/

.align-content-center {
    -ms-flex-line-pack: start !important;
    align-content: start !important;
    padding-top: 15px !important;
}

.tabWrap article {
    width: 100%
}

.fc-toolbar.fc-header-toolbar [type="button"] {
    text-transform: capitalize;
}

.calender_header select {
    font-size: 25px
}

.navigation .navbar-nav .nav-item a {
    letter-spacing: 0.25px !important;
}

.login-wapper {
    background: url(../images/login.jpg?v=1.5) no-repeat;
    height: 100%;
    background-size: cover;
    background-position: bottom;
}


/* Change Autocomplete styles in Chrome*/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid #fff;
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0px 1000px #000 inset;
    transition: background-color 5000s ease-in-out 0s;
}

a {
    color: #685a5c
}

.form-control,
.form-control:focus {
    background-color: transparent;
    color: #fff
}

.loginWrap .form-group input {
    box-shadow: 0px 0px 0px rgba(212, 212, 212, 0.2);
    border-bottom: solid 1px #fff !important;
    border-radius: 0px !important;
}

.loginWrap .form {
    width: 700px;
}

.flex {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.flex .fg {
    width: 50%;
}

.flex .forgetPassword {
    width: 50%;
}


/* for devices less than 767px */

@media(max-width:767px) {
    .loginWrap .form {
        width: 100%;
    }
    .loginWrap .form .formlogo {
        padding-bottom: 0 !important;
        height: 120px !important;
        background-size: 65% !important;
    }
    .loginWrap .form form {
        margin-top: -35px !important;
    }
}

@media(max-width:527px) {
    .loginWrap .form form {
        width: 75%;
    }
}

@media(max-width:387px) {
    .loginWrap .form form {
        width: 90%;
    }
}

@media(max-width:327px) {
    .loginWrap .form form {
        width: 95%;
    }
}

@media(max-width:401px) {
    .loginWrap .form .formlogo {
        width: 100% !important;
        height: 125px !important;
    }
}

@media(max-width:381px) {
    .loginWrap .checkbox {
        margin-bottom: 1em;
    }
    .logincheckpwd .fg {
        display: block !important;
    }
}

.loginWrap .addRelated {
    position: relative !important;
}


/* .loginWrap.fullHeight{
      height: 100vh !important;
    } */

.loginWrap .form form .forgetPassword label {
    float: right;
}

@media (min-height:250px) and (max-height:600px){
    body.login-screen{
        height: 615px !important;
    }
    .loginWrap .loginflexheight{
        height: 615px !important;
    }
}

/* @media(max-width:767px) and (max-height:520px) {
    .loginWrap .form form .forgetPassword label {
        padding: 0 !important;
    }
    .loginWrap .form form .btnWrap .primary {
        padding: 0 !important;
    }
    .btnWrap .primary {
        height: 40px !important;
    }
    .loginWrap .form .formlogo {
        padding: 0;
        background-size: 50% !important;
        height: 90px !important;
    }
    .back-to-website-link {
        top: 10px !important;
        font-size: 12px;
    }
    .loginWrap .form form .btnWrap {
        padding-top: 50px !important;
    }
    .loginWrap .form form .form-control {
        padding: 0 !important;
        padding-left: 5px;
    }
    .loginWrap .checkbox {
        margin-bottom: 0 !important;
    }
    .responcenter .back-to-website-link {
        top: 10px !important;
    }
    .loginWrap .login-footer {
        padding: 0 !important;
    }
    .loginWrap .form-group {
        margin-bottom: 5px !important;
    }
    .login-footer h5 {
        font-size: 14px;
    }
    .back-to-website-link:after {
        background-size: 50% !important;
    }
    .loginWrap .form form .form-group {
        min-height: 50px !important;
    }
} */
/* 
@media(max-width:767px) and (max-height:427px) {
    .loginWrap .form .formlogo {
        padding: 0;
        background-size: 45% !important;
    }
    .responcenter .back-to-website-link {
        top: 0 !important;
    }
    .loginWrap .form form .form-group {
        min-height: 50px !important;
    }
    .loginWrap .form form .btnWrap {
        padding-top: 25px !important;
    }
}

.loginWrap .form .formlogo.smallLogo {
    background-size: 35% !important;
    height: 85px !important;
} */

@media(max-width:540px) {
    .login-footer {
        padding: 0 !important;
    }
}

/* @media(max-width:767px) and (max-height:351px) {
    .loginWrap .form form .btnWrap {
        padding-top: 35px !important;
    }
    .btnWrap .primary {
        height: 30px !important;
    }
    .login-wapper .btnWrap [type="submit"].primary {
        font-size: 15px;
    }
}

@media (min-height:499px) and (max-height:600px) {
    .back-to-website-link {
        top: 10px !important;
    }
    .loginWrap .form .formlogo {
        padding: 0;
        background-size: 60% !important;
        height: 110px !important;
    }
    .loginWrap .form form .btnWrap {
        padding-top: 50px !important;
    }
} */

.loginWrap .form-group input {
    box-shadow: 0px 0px 0px rgba(212, 212, 212, 0.2);
}

.loginWrap .form-group input {
    border: none !important;
    box-shadow: 0px 0px 0px rgba(212, 212, 212, 0.2) !important;
    ;
    border-bottom: solid 1px #fff !important;
}

.loginWrap .form .formlogo {
    width: 300px;
    background: url(../images/login-logo.png?v=1.5) no-repeat top;
    height: 145px;
    background-size: 70%;
}

.loginWrap .form .formlogo img {
    width: 100px;
    display: none !important;
}

.loginWrap .form form .form-control {
    padding-left: 5px;
}

.back-to-website-link {
    position: relative !important;
    width: 200px;
    left: 200px;
    top: 60px;
    color: #fff;
    font-size: 16px
}

.back-to-website-link:hover {
    color: #00C6FF
}

.back-to-website-link:after {
    content: "";
    background: url(../images/prev.png?v=1.5) no-repeat;
    display: block;
    width: 54px;
    height: 6px;
    position: absolute;
    left: -58px;
    top: 6px;
    /* transform: rotate(180deg);*/
}

.loginWrap .form form .form-group {
    margin-bottom: 20px;
    min-height: 60px;
}


/*.loginWrap .control__indicator {
		border: 2px solid #c89a54;}*/

.loginWrap .control__indicator {
    border: 1.5px solid #ffffff;
    background: none;
    border-radius: 4px;
    top: 1px;
}

.loginWrap .form form label {
    font-size: 16px
}


/* .loginWrap .form form .btnWrap {
     padding-top: 100px;} */

.btnWrap .primary {
    background: #c89a54;
    color: #fff;
    height: 50px;
    width: 268px;
    border: 0px;
}

.loginWrap .checkbox {
    float: left
}

.loginWrap .forgetPassword label {
    float: right
}


/*.loginWrap .control__indicator {
		border: 2px solid #c89a54;}*/

.loginWrap .control__indicator {
    border: 1.5px solid #ffffff;
    background: none;
    border-radius: 4px;
    top: 1px;
}

.loginWrap .form form label {
    font-size: 16px
}
/* 
.loginWrap .form form .btnWrap {
    padding-top: 100px;
} */
/* question mark tooltip */
.questionmarktooltip{
    border: none;
    background: none;
    position: absolute;
    top: 12px;
    right: 2%;
    font-size: 18px;
    color: darkgray;
    cursor: pointer;
}
/* question mark tooltip */
.btnWrap .primary {
    background: #c89a54;
    color: #fff;
    height: 50px;
    width: 268px;
    border: 0px;
}

.loginWrap .checkbox {
    float: left
}

/* .login-footer {
    bottom: 0px !important;
    text-transform: capitalize;
} */

.loginWrap .forgetPassword {
    float: right
}

.info-block .col img {
    margin-left: 25%;
}

.info-block .col p {
    font-weight: 400 !important;
}

.info-block .col a {
    font-weight: 700 !important;
}

.headUsersection .profile {
    cursor: pointer;
}

body.login-screen {
    position: relative;
    height: 100vh;
}

.inline-block {
    display: inline-block !important;
}

.vtop {
    vertical-align: top !important;
}

.admin .crawlInfo select {
    color: #685A5C !important;
    background-size: 14px;
    padding: 4px !important;
    border-radius: 4px !important
}

.admin .eventWrap .tableWrap .table .custom-select {
    background-size: 14px;
}

.admin .eventWrap.event .statusWrap .custom-select {
    background-size: 14px;
}

.admin .addNewsWrap .newsWrap .blocks .form-group .custom-select {
    background-size: 14px;
}

.admin .addNewsWrap a.back:after {
    background-size: 12px;
}

.admin .eventWrap .editWrap .custom-select {
    background-size: 14px;
}

.admin .eventlist .filter .form-group .custom-select {
    background-size: 14px;
}

.admin .editform .custom-select {
    background-size: 14px;
}

.editform .emailAddress .custom-select,
.editform .sendTo .custom-select,
.editform .bocaAddres .custom-select {
    background-size: 14px;
}


/* question mark tooltip */
.questionmarktooltip,
.newpasswordIcons,
.changePasswordIcon {
    border: none;
    background: none;
    position: absolute;
    top: 12px;
    right: 2%;
    font-size: 18px;
    color: darkgray;
    cursor: pointer;
}

.questionmarktooltip {
    top: 12px;
    right: 2%;
}

.newpasswordIcons {
    top: 5px;
    right: 6%;
}

.changePasswordIcon {
    top: 35px;
    right: 2%;
}

.loginsimages,
.loginsimageshide {
    width: 20px;
    height: 20px;
    background: transparent;
    /* opacity: 0.7; */
}

.loginsimagesshow {
    width: 20px;
    height: 14px;
    background: transparent;
}

.hide-this {
    display: none !important
}

.show-this {
    display: block !important
}

.passwordShowIcon {
    background: url(../images/showpwd.png?v=1.5) no-repeat;
}

.passwordHideIcon {
    background: url(../images/hide.png?v=1.5) no-repeat;
}


/* question mark tooltip */

.btnWrap .primary {
    background: #c89a54;
    color: #fff;
    height: 50px;
    width: 268px;
    border: 0px;
}

.heading h2 {
    color: #685A5C
}

.announcementWrap h2 {
    color: #685A5C
}

.giftCard-Wrapper .tabWrap {
    border-bottom: solid 0px #685a5c;
}

.giftCard-Wrapper .active.mygiftcards a {
    background: none !important;
    color: #203a4f;
    font-size: 22px;
    text-transform: capitalize
}

.giftCard-Wrapper .giftcardWrap .table-striped {
    border: none !important;
}

.giftCard-Wrapper .giftcardWrap .table-striped thead th {
    background: transparent !important;
    color: #685A5C;
    border: none !important;
    font-size: 18px;
    text-align: left;
}

.giftCard-Wrapper .giftcardWrap .table-striped thead {
    border: none !important
}

.giftCard-Wrapper .pageWrap .table.table-striped tbody td {
    border: none !important
}

.giftCard-Wrapper .pageWrap .table.table-striped tbody tr {
    border: none;
    border-bottom: solid 2px #f3f3f3;
    box-shadow: 1px 1px 4px 2px #e3e3e3;
    border-radius: 5px !important
}

.giftCard-Wrapper .pageWrap .table.table-striped tbody tr td {
    font-size: 16px;
    padding: 10px 10px
}

.giftCard-Wrapper .pageWrap .table.table-striped tbody td .icon-gift {
    float: left;
}

.giftCard-Wrapper .pageWrap .table.table-striped tbody td .icon-gift img {
    width: 40px;
    height: 30px;
    position: relative;
    top: 5px
}

.giftCard-Wrapper .pageWrap .table.table-striped tbody td .text {
    display: inline-block !important;
    position: relative;
    height: 30px;
    line-height: 30px;
    padding-top: 8px;
    padding-left: 10px;
    text-align: left;
    float: left;
    color: #685A5C
}

.myguestcards-wrapper .active.myguestcards-title a {
    background: none !important;
    font-size: 22px;
    text-transform: capitalize;
    color: #203a4f;
}

.myguestcards-wrapper .tabWrap {
    border-bottom: solid 1px #c89b54
}

.myguestcards-wrapper .sub-header-wrapper {
    background: #fff !important;
    width: 100%;
    /* height: 300px; */
}

.myguestcards-wrapper .sub-header {
    position: relative;
}

.myguestcards-wrapper .sub-header .myguestcards-message {
    display: inline-block;
}

.myguestcards-wrapper .sub-header .myguestcards-message ul li {
    font-size: 12px;
    padding: 1px;
    width: 625px;
    color: #685A5C
}

.myguestcards-wrapper .myguestcards-button-group {
    float: right;
    vertical-align: top;
}

.myguestcards-wrapper .myguestcards-button-group [type="button"] {
    margin: 0px 5px
}

.myguestcards-wrapper .myguestcards-button-group [type="button"][disabled] {
    /* border: solid 1px #685A5C; */
    border: 1px solid #5773A2;
    color: #5773A2;
    opacity: 0.5;
}

.myguestcards-wrapper .myguestcards-button-group [type="button"][disabled]:hover {
    color: #fff;
}

.myguestcards-wrapper .filter-input-wrapper {
    padding-top: 15px;
    padding-bottom: 5px;
}

.myguestcards-wrapper .filter-input-wrapper [type="button"] {
    background: #49b5e6;
    border-color: #ccc!important;
    color: #fff;
}

.myguestcards-wrapper .btn-msg-wrapper {
    padding-bottom: 10px;
    border-bottom: solid 1px #ededed
}

.myguestcards-wrapper .guestcardWrap .detailView thead tr th {
    background-color: #f8f8f8 !important;
    color: #685A5C;
    border: none;
}

.myguestcards-wrapper .guestcardWrap .detailView tbody:first-child {
    border-top: none !important
}

.myguestcards-wrapper .guestcardWrap .detailView tbody tr {
    border: none;
    border-bottom: solid 2px #f3f3f3;
    box-shadow: 1px 1px 4px 2px #e3e3e3;
    border-radius: 5px !important
}

.myguestcards-wrapper .guestcardWrap .detailView tbody td {
    padding: 18px 20px;
    color: #685A5C;
}

.myguestcards-wrapper .pageWrap {
    padding-top: 30px
}

.myguestcards-wrapper .pagelinks {
    margin-left: 10px;
}

.myguestcards-wrapper .input-daterange input {
    text-align: left;
}

.myguestcards-wrapper .control__indicator {
    border: solid 1px #ccc;
}


/*profile menu*/

.profile .dropdown .dropdown-menu {
    padding: 0px;
    min-width: 160px;
    box-shadow: 1px 1px 8px rgba(74, 74, 74, 0.33);
    ;
    background: #fff;
}

.profile .dropdown .dropdown-menu a {
    background: #fff;
    border-bottom: none !important;
    font-size: 16px;
    padding: 8px 10px
}

.profile .dropdown .dropdown-menu a:hover {
    background: #5773A2;
    color: #fff
}

.dropdown-menu .Active-Menu-Selected-Item {
    background: #685A5C;
    color: #fff !important
}

.cardWrap .cardView .media-body .personDetails {
    padding: 1px 0px 22px 0px;
    /* position: relative; */
    /* display: grid; */
}

.navigation .navbar-nav .nav-item .dropdown-menu {
    background: #fff;
}

.navigation .navbar-nav .nav-item .dropdown-menu a:hover {
    background: #5773A2;
}

.member-directory-innerWrap .cardView {
    width: 100%;
}

.member-directory-main-wrap .container.filter-container {
    position: relative
}

.member-directory-main-wrap .container.filter-container .filterBy {
    width: 97%;
}

.member-directory-innerWrap .member-name {
    white-space: nowrap;
    display: block;
    /* left: 0px; */
    /* position: relative; */
    font-size: 16px;
    font-weight: bold !important;
}

.member-directory-innerWrap .personDetails table {
    border-bottom: none !important;
}

.member-directory-innerWrap .personDetails table td {
    padding: 5px 10px !important;
    text-align: left !important;
    line-height: 1.5 !important;
    width: auto;
    padding: 0px 10px !important
}

.member-directory-innerWrap .personDetails .member-address-cell {
    min-width: 202px;
    max-width: 210px !important;
    padding: 0px 50px !important;
}

.member-directory-innerWrap .personDetails .member-phone-cell {
    min-width: 170px;
    max-width: 174px;
    text-align: left !important;
    padding: 0px !important;
}

.member-directory-innerWrap .cardView {
    padding: 0px !important;
    margin: 2px 0px;
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.04);
    border-radius: 4px;
}

.profile-pic-wrap {
    width: 200px;
    min-width: 175px !important
}

.member-directory-innerWrap .personDetails {
    margin-top: 0px !important;
}

.member-directory-innerWrap .personDetails .member-address-cell .icon-calout {
    font-weight: bold !important;
    text-align: left !important;
    padding: 0px !important;
    position: relative;
    left: -18px;
}

.member-directory-innerWrap .personDetails table td {
    padding: 0px 0px !important;
    /* border: solid 1px red !important; */
    box-sizing: border-box;
    /* word-break: break-all; */
}

.member-directory-innerWrap .personDetails .member-address-cell .icon-calout:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url("../images/address.png");
    position: relative;
    background-size: 20px 20px;
    right: 4px;
    top: 4px
}

.member-directory-innerWrap .personDetails .member-phone-cell {
    width: 150px !important
}

.member-directory-innerWrap .personDetails .member-phone-cell .icon-phone {
    font-weight: bold !important;
    text-align: left !important;
    padding: 0px !important;
    position: relative;
    left: -18px;
}

.member-directory-innerWrap .personDetails .member-phone-cell .icon-phone:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url("../images/call.png");
    position: relative;
    background-size: 20px 20px;
    right: 4px;
}
.member-directory-innerWrap .personDetails .member-address-cell .icon-location {
    font-weight: bold !important;
    text-align: left !important;
    padding: 0px !important;
    position: relative;
    left: -18px;
}

.member-directory-innerWrap .personDetails .member-address-cell .icon-location:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url("../images/Location.png");
    position: relative;
    background-size: 20px 20px;
    right: 4px;
}
.member-directory-innerWrap .personDetails .member-address-cell .icon-address {
    font-weight: bold !important;
    text-align: left !important;
    padding: 0px !important;
    position: relative;
    left: -18px;
}
.member-directory-innerWrap .personDetails .member-address-cell .icon-address:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url("../images/address.png");
    position: relative;
    background-size: 20px 20px;
    right: 4px;
}
.member-directory-innerWrap .personDetails .member-address-cell .address{
   
    position: relative;
    left: -18px;
}
.member-directory-innerWrap .personDetails .member-phone-cell .member-mailid .icon-mail {
    font-weight: bold !important;
    text-align: left !important;
    padding: 0px !important;
    position: relative;
    left: -18px;
}

.member-directory-innerWrap .personDetails .member-phone-cell .member-mailid .icon-mail:before {
    content: "";
    width: 16px;
    height: 14px;
    display: inline-block;
    background: url("../images/mailblack.png");
    position: relative;
    background-size: 16px 14px;
    right: 4px;
    top: 4px
}

.member-addbuddy-cell div {
    min-width: 100px;
    padding: 0px 10px !important;
    text-align: left !important
}

.addFromBuddy {
    display: block;
    clear: both;
    position: relative;
    top: 12px;
    padding-top: 28px;
    position: relative;
}

.addFromBuddy:after {
    position: absolute !important;
    top: -5px;
    left: 30px !important;
}

.remove.removeFromBuddy {
    display: block;
    clear: both;
    position: relative;
    top: 12px;
    padding-top: 28px;
    position: relative;
}

.remove.removeFromBuddy:after {
    position: absolute !important;
    top: -5px;
    left: 30px !important;
}

.filter-fields {
    background: transparent !important
}

.filter-main-wrap {
    display: block;
    margin-top: -79px;
}

.filterWrap.filter-fields-wrap {
    background: #fff !important;
}

.member-directory-main-wrap .tabWrap {
    background: #fff;
}

.member-directory-main-wrap .alphabetWrap ul li.active a:after {
    display: none;
}

.member-directory-main-wrap .alphabetWrap ul li.active a {
    padding: 0px 9px 15px;
    color: #fff
}

.member-directory-main-wrap .alphabetWrap ul li.active {
    border-radius: 50px;
    background-color: #5773A2;
    width: 30px;
    height: 30px;
}

.member-directory-main-wrap .filter-fields .btn.primary {
    background: #5773A2;
    color: #fff;
    border: 1px solid #5773A2;
}

.login-wapper {
    background: url(../images/login.jpg?v=1.5) no-repeat;
    height: 100%;
    background-size: cover;
}

/* .loginWrap .form-group label {
    color: #000 !important
} */

.loginWrap .form-group input {
    border: none !important;
    box-shadow: 0px 0px 10px rgba(212, 212, 212, 0.2)
}

.loginWrap label,
.forgetPassword a {
    color: #fff !important
}

.login-wapper .btnWrap [type="submit"].primary {
    background: #5773A2;
    color: #fff;
    width: 100% !important;
    padding: 10px 10px !important;
    font-size: 18px;
    font-weight: bold;
}


.loginWrap-.form form {
    width: 58%;
    background: rgba(227, 227, 227, 0.3);
    padding: 50px;
    border-bottom: inset 1px rgba(230, 245, 248, 0.37);
    border-top: outset 1px rgba(230, 245, 248, 0.37);
    border-left: outset 1px rgba(230, 245, 248, 0.37);
    border-right: inset 1px rgba(230, 245, 248, 0.37);
    box-shadow: inset 0px 0px 50px rgba(64, 135, 156, 0.2);
    border-radius: 5px;
}

.loginWrap .form {
    float: none;
    margin: 0px auto
}

.loginWrap .form-group input {
    border: none !important;
    box-shadow: 0px 0px 10px rgba(212, 212, 212, 0.2)
}

.loginWrap label,
.forgetPassword a {
    color: #fff !important
}
/* #forgotpassword-form .forgotpwdinput {
    border: 1px solid #ced4da;
} */
#forgotpassword-form .fp-input {
    margin:auto !important; 
}
#verifyOTP-form .fp-input {
    margin:auto !important;
}
/* #verifyOTP-form  .form-control {
  border: 1px solid #ced4da;
} */
#resetNewPassword-form .fp-input {
    margin:auto !important;
}
/* #resetNewPassword-form .form-control {
    border: 1px solid #ced4da;
} */

.login-wapper .btnWrap [type="submit"].primary {
    background: #fff;
    color: #5773A2;
    width: 100% !important;
    padding: 10px 10px !important;
    font-size: 18px;
    font-weight: bold;
}

.login-footer {
    position: absolute;
    color: #fff;
    text-align: center;
    width: 100%;
    left: 0px;
    bottom: 0;
}

.loginflexheight {
    height: 95vh !important;
}

.loginWrap-.form form {
    width: 58%;
    background: rgba(227, 227, 227, 0.3);
    padding: 50px;
    border-bottom: inset 1px rgba(230, 245, 248, 0.37);
    border-top: outset 1px rgba(230, 245, 248, 0.37);
    border-left: outset 1px rgba(230, 245, 248, 0.37);
    border-right: inset 1px rgba(230, 245, 248, 0.37);
    box-shadow: inset 0px 0px 50px rgba(64, 135, 156, 0.2);
    border-radius: 5px;
}

.back-to-website-link {
    position: relative !important;
    width: 200px;
    left: 200px;
    top: 60px;
    color: #fff;
    font-size: 14px;
}

.back-to-website-link a {
    color: #fff !important;
}

.back-to-website-link:after {
    content: "";
    background: url(../images/prev.png?v=1.5) no-repeat;
    display: block;
    background-size: 60%;
    width: 30px;
    height: 18px;
    position: absolute;
    left: -25px;
    top: 0px;
    /* transform: rotate(180deg); */
}

/* .loginWrap {
    height: calc(100vh - 24px);
} */

.info-block .col h2 {
    font-size: 30px !important
}

.info-block .col p {
    font-size: 16px;
    font-family: inherit !important;
    font-weight: normal;
}

.info-block .col a {
    font-size: 18px;
    font-family: inherit !important;
    font-weight: 600 !important;
    display: block;
    margin-top: 24px;
}

.contact-medium a,
.contact-medium a:hover {
    font-family: inherit;
    font-size: 18px;
    font-weight: bold;
}

.footerWrap .footerSocial .social {
    display: table !important
}

.footerWrap .footerSocial .social li {
    display: table-cell !important;
    text-align: left;
}

.footerWrap .footerSocial .contactUs li a {
    font-family: inherit !important;
    font-size: 15px;
    font-weight: bold !important;
}

.footerWrap .footerSocial .contactUs {
    display: contents;
}

.info-block .col p {
    font-size: 16px;
    font-family: inherit !important;
    font-weight: normal;
}

.info-block .col a {
    font-size: 18px;
    font-family: inherit !important;
    font-weight: normal !important;
    display: block;
    margin-top: 24px;
}

.contact-medium a,
.contact-medium a:hover {
    font-family: inherit;
    font-size: 18px;
    font-weight: bold;
}

.footerWrap .footerSocial .contactUs li a {
    font-family: inherit !important;
    font-size: 15px;
    font-weight: normal !important;
}

.nav-item .nav-link {
    padding: 0 0 5px 0;
    color: #685a5c !important;
    font-size: 18px;
    /* letter-spacing: 1.5px; */
    font-family: "SourceSansPro-bold";
    border-bottom: 6px solid transparent;
    text-transform: capitalize;
}

.navigation .navbar-nav .nav-item .nav-link:hover {
    color: #5773A2 !important;
}

.nav-item:hover>.nav-link {
    color: #5773A2 !important
}

.clubNewsContainer .views {
    display: none;
}

.thumb-imgWrap img {
    max-width: 110px !important;
    max-height: 110px !important;
    border: solid 1px #ccc;
}

.clubnewsWrap .clubNewsContainer .links {
    width: 100%;
    float: left;
    background: transparent;
}

.clubnewsWrap .img-container {
    position: relative;
    box-shadow: 2px 2px 17px 1px rgba(22, 22, 22, 0.2);
    min-height: 240px;
    min-width: 200px;
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
    border-radius: 5px;
    background: #f5f5f5
}

.clubnewsWrap .clubNewsContainer .links ul li {
    display: inline-block;
    width: 45%;
    margin: 20px 0px 0px 40px;
    border: solid 0px red;
    padding: 0px;
}

.clubnewsWrap .clubNewsContainer .links .thumb-imgWrap {
    /* float:left; */
    display: table-cell;
    min-width: 200px;
    /* box-shadow: 4px 4px 7px rgba(0,0,0,0.4); */
    z-index: 1000;
    /* border-radius: 5px; */
}

.clubnewsWrap .clubNewsContainer .links .thumb-imgWrap img {
    border: solid 0px red;
    background-size: cover;
    min-height: 220px;
    min-width: 170px;
    border-radius: 5px;
    overflow: hidden;
}

.clubnewsWrap .clubNewsContainer .links .thumb-textWrap {
    /* float:left; */
    height: 130px;
    /* border:solid 1px red; */
    /* float:left; */
    background: transparent !important;
    width: 80%;
    display: table-cell;
    vertical-align: top;
    padding: 15px 0px 20px 0px;
    z-index: 100;
}

.clubnewsWrap .clubNewsContainer .links .thumb-textWrap .text-container {
    background: #fff;
    height: 100%;
    padding: 20px 20px;
    box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.2);
    /* border-radius: 5px; */
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.clubnewsWrap .clubNewsContainer .links .thumb-textWrap .text-container a {
    color: #685a5c;
}

.clubnewsWrap .clubNewsContainer .links .thumb-textWrap .text-container span {
    color: #685a5c;
}

.text-container .wrapper {
    position: relative;
    top: -7px;
    margin-bottom: 20px;
}

.text-container .wrapper span {
    width: 140px;
    display: inline-block !important;
    position: relative
}

.text-container .wrapper span.share {
    right: 0px;
    float: right;
    text-align: right;
    color: #5773A2 !important
}

.text-container .wrapper .newsdate {
    display: inline-block;
    position: relative;
    left: -20px;
    background: #685a5c;
    padding-left: 20px;
    color: #fff !important;
    text-align: left;
    padding-right: 20px
}

.text-container .wrapper span.share:after {
    background: url(../images/share-icon.png?v=1.5) no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    content: "";
    background-size: contain;
    right: 50px;
    top: 5px
}

.text-container .wrapper span.newsdate:after {
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 8px solid #fafafa;
    display: block;
    /* left: 0px; */
    position: absolute;
    content: "";
    right: 0px;
    top: 0px;
}

.heading .content .imgWrap {
    max-width: 100px !important;
    max-height: 100px !important
}

.member-directory-innerWrap {
    position: relative
}

.guideline-btn {
    position: absolute !important;
    right: 0px;
    width: 200px;
    top: 18px;
    color: #49b5e7;
    text-decoration: underline;
    cursor: pointer;
}

.all-member-guidelines .modal-footer {
    text-align: center
}

.all-member-guidelines .modal-footer .btn {
    margin: 0px auto;
    position: relative
}

.all-member-guidelines .container p {
    text-align: left
}

.all-member-guidelines .modal-body .modalWrap {
    padding: 30px 20px
}

.all-member-guidelines .modal-content h3 {
    color: #5773A2;
    position: relative;
    top: 20px;
    left: 50px
}

.all-member-guidelines .modal-body .modalWrap p strong {
    font-weight: bold !important
}

.clubnews-popup .content img {
    width: 500px;
    height: auto;
    /* margin: 30px 0px 0px 28px; */
}

.clubnews-popup .modal-body button {
    position: absolute;
    right: -14px;
    top: 2px;
    clear: both;
    border: none;
    font-size: 20px !important;
}

.clubnews-popup .modal-body button:hover {
    background: none !important;
    color: #c4a46b
}

.clubnews-popup .modal-content {
    width: 600px;
    position: relative;
    box-sizing: border-box;
    box-shadow: 2px 3px 15px 7px rgba(1, 1, 1, 0.12);
}

.clubnews-popup .modal-content {
    width: 564px;
    max-height: 770px;
    position: relative;
    box-sizing: border-box;
    box-shadow: 2px 3px 15px 7px rgba(1, 1, 1, 0.12);
    /* background-color: rgba(243, 243, 243, 0.61); */
}


/* .news-img {
    height: 620px !important;
    width: 480px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    margin: 0px auto;
} */

.modal-body .title {
    color: #5773A2
}

.clubnews-popup .modal-body .title {
    color: #5773A2
}

.clubnews-popup .modal-footer {
    margin: 0px auto 10px auto;
}

.clubnews-popup .modal-footer {
    margin: 0px;
    padding: 0px;
    float: right;
}

.clubnews-popup .modal-footer {
    margin-bottom: 50px !important;
    padding: 0px;
}

.clubnews-popup .modal-footer .img-link-btn {
    margin: 10px;
    padding: 10px;
    display: inline-block;
    position: absolute !important;
    right: 40px !important;
    cursor: pointer;
    color: #255a73;
    border: solid 1px #ccc;
    border-radius: 40px;
    line-height: 10px;
    background: #5773A2;
    color: #fff;
}

.club-news-wrap {
    width: 410px
}

.img-Wrap div {
    width: 100%;
    background-size: cover !important;
    background-repeat: no-repeat;
    border-radius: 5px;
    /* border: solid 5px #fff; */
    box-shadow: 1px -6px 20px -2px rgb(204, 204, 204);
    display: none;
}

.Open,
.Closed,
.Sold.Out,
.Opening.Soon .No.Registration {
    background: none !important;
}

.member-announcement .tabWrap .tab ul li {
    min-width: 140px !important;
}

.clubnewsArchive .clubNewsContainer .links ul li {
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.25);
    padding: 15px;
    border-radius: 5px;
}

.clubnewsArchive .clubNewsContainer .links ul li * {
    color: #000
}

.clubnewsArchive .clubNewsContainer .links ul li a {
    color: #c89b54
}

.clubnewsArchive .clubNewsContainer .links ul li a:hover {
    color: #49b5e6;
    cursor: pointer
}


/*.clubnewsWrap .dateSelect{width: 100%;display: block;text-align: right;margin-top: 0px;position: relative;top: -190px;right: 50px;}*/

.guest-policy-guidlines .modal-footer {
    text-align: center
}

.guest-policy-guidlines .modal-footer .btn {
    margin: 0px auto;
    position: relative;
    border: solid 1px
}

.guest-policy-guidlines .modal-body {
    max-height: calc(100vh - 300px);
    overflow-y: auto;
    margin-top: 30px;
    /* box-shadow: inset 27px 24px 60px rgba(246, 246, 246, 0.3); */
    background: #fbfbfb;
}

.guest-policy-guidlines .container p {
    text-align: left
}

.guest-policy-guidlines .modal-body .modalWrap {
    padding: 30px 20px
}

.guest-policy-guidlines .modal-content {
    height: calc(100vh - 190px);
}

.guest-policy-guidlines .modal-content h3 {
    color: #5773A2;
    position: relative;
    top: 20px;
    left: 50px
}

.guest-policy-guidlines .modal-body .modalWrap p strong {
    font-weight: bold !important
}

.guest-policy-guidlines .modal-content button {
    position: absolute;
    right: -14px;
    top: 2px;
    clear: both;
    border: none;
    font-size: 20px !important;
}

.guest-policy-guidlines .modal-content button:hover {
    background: #5773A2;
    color: #ffffff;
}

.guest-policy-guidlines .footerWrap {
    display: none !important
}

.guest-policy-guidlines .horizontal-line {
    position: relative;
    height: 1px;
    border-bottom: solid 1px #e4e4e4;
    margin: 10px 0px;
    clear: both;
}

.guest-policyGL {
    display: inline-block;
    float: right;
    position: relative;
    top: -40px;
    right: 40px;
    cursor: pointer;
    color: #49b5e6;
    text-decoration: underline
}


/*sandeep*/

.upcomingEvents .eventWrap .event .imgWrap {
    border: solid 2px #e6e6e6;
    box-shadow: 0px -5px 6px 1px rgba(0, 0, 0, 0.14);
    z-index: 1000;
    overflow: hidden;
    text-align: center;
    background: #fff;
    width: auto !important;
    float: none;
    border: none;
    height: 250px !important;
    border-radius: 5px;
    margin-bottom: 10px;
}

.clubnewsWrap .author {
    white-space: nowrap;
    height: 30px;
    text-align: left;
}

.clubnewsWrap .author span.text {
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    color: #777777 !important;
    width: auto;
    position: relative;
}

.clubnewsWrap .author span.author-name {
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    color: #777777 !important;
    width: auto;
    position: relative;
    right: 0px;
}

.admin .clubnewsWrap.preview .views {
    display: block !important;
}

.addclub-news {
    /*height: 41px;*/
    width: auto;
    border-radius: 50px;
    margin: 10px !important;
}

.confirmedmembers-popup .modal-footer {
    text-align: center
}

.confirmedmembers-popup .modal-footer .btn {
    margin: 0px auto;
    position: relative;
    border: solid 1px
}

.confirmedmembers-popup .modal-body {
    max-height: calc(100vh - 300px);
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 30px;
    /* box-shadow: inset 27px 24px 60px rgba(246, 246, 246, 0.3); */
    background: #f6f6f6;
}

.confirmedmembers-popup .container p {
    text-align: left
}

.confirmedmembers-popup .modal-body .modalWrap {
    padding: 0px 0px
}

.confirmedmembers-popup .modal-content {
    height: calc(100vh - 280px);
}

.confirmedmembers-popup .modal-content h3 {
    color: #C4A46B;
    position: relative;
    top: 20px;
    left: 50px
}

.confirmedmembers-popup .modal-body .modalWrap p strong {
    font-weight: bold !important
}

.confirmedmembers-popup .modal-content button {
    position: absolute;
    right: -14px;
    top: 2px;
    clear: both;
    border: none;
    font-size: 20px !important;
}

.confirmedmembers-popup .modal-content button:hover {
    background: none !important;
    color: #c4a46b
}

.confirmedmembers-popup .footerWrap {
    display: none !important
}

.confirmedmembers-popup .horizontal-line {
    position: relative;
    height: 1px;
    border-bottom: solid 1px #e4e4e4;
    margin: 10px 0px;
    clear: both;
}

.confirmedmembers-popup .container {
    padding-right: 10px !important;
    padding-left: 10px !important
}

.confirmedmembers-popup .modal-content .title {
    color: #5773A2 !important;
    position: relative;
    top: 20px;
    left: 20px;
    height: 30px !important
}

.confirmedmembers-popup #tab-1,
.confirmedmembers-popup #tab-2,
.confirmedmembers-popup label {
    width: 170px;
    background: #fff;
    white-space: pre-wrap;
    height: 50px;
    position: relative;
    padding: 6px 0px;
    color: #b5b5b5;
}

.confirmedmembers-popup #tab-1,
.confirmedmembers-popup #tab-2,
.confirmedmembers-popup label h1 {
    font-size: 16px;
    padding: 10px;
    white-space: pre-wrap;
    height: 40px;
    line-height: 20px;
    /* display:table-cell; */
    white-space: nowrap;
    /* color: #ccc; */
}

.confirmedmembers-popup label {
    display: inline-block;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.confirmedmembers-popup #tab-1,
.confirmedmembers-popup #tab-2 {
    display: none;
}

.confirmedmembers-popup #tab-1:checked+label,
.confirmedmembers-popup #tab-2:checked+label {
    color: #49b5e6;
    background: #fff;
}

.confirmedmembers-popup .tab1-content,
.confirmedmembers-popup .tab2-content {
    background: #fff;
    display: none;
    padding: 10px;
    margin-top: -11px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    height: calc(100vh - 520px);
}

.confirmedmembers-popup #tab-1:checked~.tab1-content,
.confirmedmembers-popup #tab-2:checked~.tab2-content {
    display: block !important
}

.message_board {
    margin-top: 10px;
    z-index: 0
}

.message_board .note {
    /* top: -10px !important; */
    /* border: solid; */
    padding: 5px 0px 40px 20px;
    color: #685A5C;
    font-size: 16px;
}

.mycal1 {
    width: 19px;
    height: 18px;
    display: inline-block;
    background: url(../images/mycalendar.png?v=1.5);
    background-size: cover;
    position: absolute;
    right: 5px;
    filter: invert(39%) sepia(7%) saturate(733%) hue-rotate(303deg) brightness(20%) contrast(69%)
}

.fc-event .fc-content {
    padding: 0px 5px 0px 0px !important
}

.calender_header {
    position: relative
}

.mycallegend {
    display: inline-block;
    position: absolute;
    top: 88px;
    right: 123px;
}

.mycallegend div a {
    color: #49b5e6;
    text-decoration: underline
}

.mycallegend div {
    display: inline-block;
    position: relative;
    color: #685A5C;
    margin: 0px 0px 0px 40px
}

.mycallegend span.mycal1 {
    top: 4px;
    left: -23px
}


/*Simple Scrollbar css*/

.admin .navigation .navbar-nav .nav-item .dropdown-menu .dropdown-item {
    color: #685a5c
}

.admin .navigation .navbar-nav .nav-item.active a.nav-link {
    color: #685a5c;
}

.admin .navigation .navbar-nav .nav-item a {
    color: #685a5c;
}

.admin .navigation .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
    color: #fff !important;
}

.admin .navigation .navbar-nav .nav-item .dropdown-menu a.nav-link:hover {
    background: #49B5E7;
    color: #fff;
}

.admin .navigation .navbar-nav .nav-item.active:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #5773A2;
    position: relative;
    top: -2px;
    left: 0px;
    display: none;
}

.navigation .navbar-nav .nav-item.active:after {
    /*	  
	content: "";
    width: 100%;
    height: 2px;
    background: #5773A2;
    position: relative;
    top: -2px;
    left: 0px;
    display: block
	*/
}

.admin .navigation .navbar-nav .nav-item .nav-link:after {
    display: none !important
}

.dashboardWrap section {
    box-shadow: 0px 1px 9px 2px #efefef !important;
}

.admin .dashboardWrap section h2 {
    border-bottom: solid 1px #f1f1f1;
    text-align: center !important;
    color: #685a5c
}

.admin .eventWrap .tableWrap .table th {
    background: #fff;
    color: #000;
    font-weight: bold
}

.admin .eventWrap .tableWrap .table thead {
    border-bottom: solid 1px #f1f1f1
}

.admin .eventWrap .tableWrap .table tbody tr {
    border-bottom: solid 1px #f1f1f1
}

.TAG-Section {
    background: #fff;
    border-radius: 10px;
    padding: 0px 10px 0px 10px;
    box-sizing: border-box;
}

.TAG-Section .img-container {
    background-size: cover !important
}

.allEvent .tableWrap table tbody td span a {
    color: #49b5e6 !important;
}

.allEvent .tableWrap table tbody td span a span {
    color: #685a5c !important
}

.admin .dashboardWrap section .btns {
    text-align: center !important;
    margin-bottom: 0px;
}

.dashboardWrap .eventWrap .list .scroll li ul li {
    width: 48% !important;
    display: block;
    float: left;
    height: 145px;
    vertical-align: top;
    border-radius: 5px;
    overflow: hidden;
}

.TAG-Section .blocks .scroll li {
    border: none !important
}

.admin .dashboardWrap section .blocks {
    margin: 0px 20px !important;
    width: 100%;
}

.admin .eventWrap .tableWrap .table .request a {
    color: #685a5c
}

.btns {
    text-align: center
}

.img-container h4 {
    color: #fff;
}

.TAG-Section {
    background: #fff;
    border-radius: 10px;
    padding: 0px 10px 0px 10px;
    box-sizing: border-box;
}

.TAG-Section .img-container {
    background-size: cover !important;
    border-radius: 5px;
}

.dashboardWrap .MSG-Section .viewallWrap {
    margin: 0px auto !important;
    width: 120px;
    /* padding-bottom:0px; */
    position: relative;
    float: none;
    padding-top: 20px;
}

.CNews-Section {
    background: #fff;
    border-radius: 10px
}

.CNews-Section .clubNewsContainer .links {
    width: auto !important
}

.CNews-Section .blocks .links ul {
    display: block;
    margin: 0px;
    padding: 0px;
    position: relative
}

.CNews-Section .blocks .links {
    background: none
}

.CNews-Section .blocks .links ul li {
    display: inline-block;
    margin: 0px 5px;
    vertical-align: top;
    width: 570px;
    height: 250px;
    border: none;
}

.CNews-Section .blocks .links ul li .thumb-imgWrap {
    width: 180px;
    height: 200px;
    z-index: 2 !important;
    position: relative;
    box-shadow: 0px 0px 10px 2px #ccc;
}

.allEvent .tableWrap table tbody td span a span {
    color: #685a5c !important
}

.admin .dashboardWrap section .btns {
    text-align: center !important;
    margin-bottom: 0px;
}

.dashboardWrap .eventWrap .list .scroll li ul li {
    width: 48% !important;
    display: block;
    float: left;
    height: 145px;
    vertical-align: top;
    border-radius: 5px;
    overflow: hidden;
}

.TAG-Section .blocks .scroll li {
    border: none !important
}

.admin .dashboardWrap section .blocks {
    margin: 0px 20px !important;
    width: 100%;
}

.admin .dashboardWrap .tab-wrapper .tab {
    background: #fff;
    border-top: solid 1px #f1f1f1
}

.MSGDetails {
    width: 90%;
    border-collapse: collapse;
    margin: 0px auto
}

.MSGDetails thead tr th {
    border: solid 0px #151515 !important;
    /* text-align:left; */
    height: 60px;
    font-size: 16px;
    font-weight: bold !important;
}

.MSGDetails thead tr {
    border-bottom: solid 1px #f1f1f1;
    border-top: solid 1px #f1f1f1
}

.MSGDetails tbody tr {
    border-bottom: solid 1px #f1f1f1
}

.MSGDetails tbody tr td {
    border: solid 0px #ccc !important;
    height: 60px;
    font-size: 16px;
}

.MSG-Section {
    background: #fff;
    position: relative;
    box-sizing: border-box;
    padding: 10px 0px 10px 0px;
    border-radius: 10px;
}

.MSG-Section .blocks {
    padding: 0px !important;
    margin: 0px !important;
    width: auto !important
}

.MSG-Section .mb-linkid span {
    display: block;
    font-size: 40px;
    color: #5773A2;
    text-align: center;
    margin: 0px auto !important;
}

.MSG-Section .mb-linkid {
    text-align: center
}

.txt-left {
    text-align: left
}

.txt-right {
    text-align: right
}

.txt-center {
    text-align: center !important
}

.MSG-Section .blocks h2 {
    padding: 10px 0px 10px 0px !important;
    border: none !important
}

.dashboardWrap .MSG-Section .viewallWrap {
    margin: 0px auto !important;
    width: 120px;
    /* padding-bottom:0px; */
    position: relative;
    float: none;
    padding-top: 20px;
}

.CNews-Section {
    background: #fff;
    border-radius: 10px
}

.CNews-Section .clubNewsContainer .links {
    width: auto !important
}

.CNews-Section .blocks .links ul {
    display: block;
    margin: 0px;
    padding: 0px;
    position: relative
}

.CNews-Section .blocks .links {
    background: none
}

.CNews-Section .blocks .links ul li {
    display: inline-block;
    margin: 0px 5px;
    vertical-align: top;
    width: 570px;
    height: 250px;
    border: none;
}

.CNews-Section .blocks .links ul li .thumb-imgWrap {
    width: 180px;
    height: 200px;
    z-index: 2 !important;
    position: relative;
    box-shadow: 0px 0px 10px 2px #ccc;
    border-radius: 5px;
}

.CNews-Section .blocks .links ul li .thumb-imgWrap .img-container {
    width: 180px;
    height: 200px;
    padding: 10px 0px 0px 15px;
    background: rgb(249, 239, 220);
    border-radius: 5px;
    box-shadow: inset 0px 0px 40px rgb(243, 243, 243);
    background-color: #f5f5f5;
}

.CNews-Section .blocks .links ul li .thumb-imgWrap img {
    min-width: 150px;
    min-height: 180px
}

.CNews-Section .blocks .links ul li .thumb-textWrap {
    position: relative;
    height: 180px;
    top: -190px;
    /* left: 170px; */
    width: 520px;
    background: #fff;
    border-radius: 5px;
    z-index: 1;
    box-shadow: 0px 0px 10px 2px #ccc;
    padding-left: 171px;
}

.CNews-Section .blocks .links ul li .thumb-textWrap .wrapper {
    width: 98%;
    padding: 10px 20px;
    vertical-align: top;
    /* font-size: 10px; */
    margin-bottom: -20px;
}

.CNews-Section .blocks .links ul li .thumb-textWrap .text-container a {
    color: #000 !important;
    padding: 10px 20px;
    display: block;
    font-size: 16px;
    position: relative;
    /* top:-40px; */
}

.CNews-Section .blocks .links ul li .thumb-textWrap .text-container .author {
    /* position: absolute; */
    /* top: 100px; */
    /* left: 21px; */
    padding: 0px 20px;
}

.CNews-Section .blocks .links ul li .thumb-textWrap .text-container .author span {
    color: #000 !important;
    /* position: absolute; */
    /* top:-40px; */
    /* padding:20px; */
    width: 100%;
    height: 30px;
    white-space: nowrap;
    display: inline-block;
    /* top: 53px; */
    font-size: 12px;
}

.CNews-Section .blocks .links ul li .thumb-textWrap .wrapper .newsdate {
    left: -10px
}

.CNews-Section .btns.clubnews-viewall {
    position: relative;
    text-align: center
}

.CNews-Section .viewallWrap {
    margin: 30px 0px 20px auto !important;
    position: relative;
    width: 100px;
    display: inline-block;
    float: none !important;
}

.CNews-Section .clubnews-title {
    padding: 20px 0px !important
}

.caltypes li {
    margin-left: 30px
}

.TAG-Section .btns.clubnews-viewall {
    height: 50px;
    position: relative;
    text-align: center
}

.TAG-Section .viewallWrap {
    margin: 30px 0px 20px auto !important;
    position: relative;
    width: 100px;
    display: inline-block;
    float: none !important;
}

.announcements-section {
    background: #fff;
    border-radius: 10px;
    margin: none !important
}

.announcements-section .viewallWrap {
    margin: 30px 0px 20px auto !important;
    position: relative;
    width: 100px;
    display: inline-block;
    float: none !important;
}

.admin-announcement-popup .modal-body .modalWrap .content {
    padding: 20px;
}

.admin-announcement-popup .content img {
    height: 620px !important;
    width: 100%;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    margin: 0px auto;
}

.announcements-section h2 {
    height: 60px;
    display: block !important;
    padding-top: 15px !important;
}

.announcements-content {
    box-shadow: 2px 1px 10px 2px #ebebeb;
    width: 496px;
    padding: 0px !important;
    border: solid 0px;
    border-radius: 5px;
    overflow: hidden;
}

.announcements-block {
    margin: 0px !important;
    padding: 0px;
    text-align: center
}

.announcements-block li {
    display: inline-block;
    width: 550px;
    vertical-align: top;
    border: none !important;
    text-align: center;
}

.announcements-block li .img-wrap {
    display: inline-block;
    vertical-align: top;
    z-index: 5;
    overflow: hidden;
    width: 180px;
    height: 160px;
}

.announcements-block li .img-wrap img {
    background-size: cover;
    width: 180px;
    height: 160px;
    position: relative;
}

.announcements-block li .content-wrap {
    display: inline-block;
    height: 142px;
    width: 310px;
    position: relative;
    left: 0px;
    z-index: 1 !important;
}

.announcements-wrapper .announcements-title {
    text-align: left;
    padding: 10px 30px;
    padding-bottom: 30px;
}

.announcements-block li .content-wrap .description {
    font-size: 14px;
    text-align: left;
    padding: 0px 30px;
}

.social-media-links {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 18px
}

.admin-myclubnews .cbn-year-ctrl {
    position: relative !important;
    top: 30px;
    left: 20px;
}

.admin-myclubnews .filter-gorup {
    max-width: 975px !important;
    width: 1000px
}

.admin-myclubnews .actionsBtn {
    position: relative;
    left: -30px
}

.admin-myclubnews .add-club-news a {
    /*height:36px*/
}

.admin-myclubnews .add-club-news {
    position: relative;
    top: 20px;
    right: 20px
}

.admin-clubnews-popup {
    z-index: 3000 !important
}

.admin-clubnews-popup .content img {
    height: 620px !important;
    width: 100%;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    margin: 0px auto;
}

.admin-clubnews-popup .modal-body button {
    position: absolute;
    right: -14px;
    top: 2px;
    clear: both;
    border: none;
    font-size: 20px !important;
}

.admin-clubnews-popup .modal-body button:hover {
    background: none !important;
    color: #c4a46b
}

.social-media-links ul li {
    width: 32px;
    height: 32px;
    margin: 0px 5px;
    display: inline-block;
    border: solid 1px
}

.social-media-links {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 18px
}

.social-media-links ul {
    margin: 0px
}

.social-media-links ul li {
    width: 38px;
    height: 38px;
    margin: 0px 8px;
    display: inline-block
}

.social-media-links ul li {
    background-repeat: no-repeat !important;
    width: 32px;
    height: 32px;
    ;
    border: none;
}

.social-media-links ul li a {
    height: 100%;
    height: 100%;
    display: block;
}

.social-media-links ul li {
    box-shadow: 3px 3px 7px rgba(64, 62, 62, 0.2);
    background: transparent;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer !important
}

.social-media-links ul li:hover {
    cursor: pointer;
}

.social-media-links ul .facebook-link {
    background: url(../images/socialicons/Facebook.png?v=1.5);
}

.social-media-links ul .twitter-link {
    background: url(../images/socialicons/Twitter.png?v=1.5);
}

.social-media-links ul .googleplus-link {
    background: url(../images/socialicons/googleplus.png?v=1.5);
}

.social-media-links ul .pinterest-link {
    background: url(../images/socialicons/pinterest.png?v=1.5);
}

.social-media-links ul .youtube-link {
    background: url(../images/socialicons/Youtube.png?v=1.5);
}

.social-media-links ul .instagram-link {
    background: url(../images/socialicons/insta.png?v=1.5);
}

.social-media-links ul .vimeo-link {
    background: url(../images/socialicons/vimeo.png?v=1.5);
}

.admin-TAG .eventWrap .tableWrap table>thead>tr>th {
    background: #f5f5f5 !important
}

.admin-TAG .date {
    width: 100%;
}

.admin-TAG .date {
    width: 215px;
    float: left;
    position: relative;
    height: 50px
}

.admin-TAG .date .datepicker {
    width: auto !important;
    border-radius: 25px !important;
    background: #fff
}

.admin-TAG .date-label-wrap {
    background: #fff;
    /* width: 1234px; */
    clear: both;
    display: table;
    position: relative;
}

.admin-TAG .duplicate {
    width: 200px;
    display: block;
    float: left !important;
    height: 50px
}

.btn.disabled, .btn:disabled {
    pointer-events: none;
}
.pointer-events-none {
    pointer-events: none;
}

.admin-TAG .date-label-wrap {
    display: block;
    clear: both;
    width: 100%;
    height: 70px;
    text-align: center
}

.admin-TAG .date-label-wrap div {
    font-size: 20px;
    padding: 20px
}

.admin-TAG .colorpickerbox {
    max-width: 30px;
    max-height: 30px;
    position: relative;
    top: 6px
}

.admin-TAG table tbody td input,
.admin-TAG table tbody td select {
    border: solid 1px #ccc !important
}

.admin-TAG .tableWrap {
    background: white;
    margin-bottom: 0px
}

.admin-TAG table tbody td {
    border: solid 0px #ccc !important
}

.admin-TAG table tbody tr {
    border-top: solid 1px #f1f1f1
}

.admin-TAG .tableFooter {
    margin-bottom: 0px;
}

.admin-TAG .addMoretablerow {
    position: relative;
    left: 40px;
    color: #49b5e6
}

.admin-TAG table tbody td .removeGlance {
    filter: invert(0%);
}

.admin-myclubnews .tableWrap {
    background: #fff;
    padding-bottom: 0px
}

.admin-myclubnews .tableFooter {
    margin-bottom: 20px;
}

.admin-myclubnews .clubnewsform .wrap {
    background: none !important
}

.admin-myclubnews .clubnewsform .wrap input {
    background: #fff
}

.admin-myclubnews .clubnewsform .statusWrap {
    background: #fff !important;
    min-height: 30px;
    margin: 0px;
    padding: 0px;
}

.admin-myclubnews .eventWrap.event .statusWrap {
    margin-bottom: 0px
}

.admin-myclubnews .tableWrap table thead th {
    background: #fff !important
}

.admin-myclubnews .eventWrap .tableWrap .table td {
    border-top: none !important
}

.admin-myclubnews .eventWrap .tableWrap .table tr {
    border-top: solid 1px #f1f1f1
}

.admin-myclubnews .cbn-month-ctrl {
    border-radius: 25px !important;
    border-color: #c4a46b
}

.admin-myclubnews .cbn-year-ctrl {
    border-radius: 25px !important;
    border-color: #c4a46b
}

.admin-myclubnews .cbn-month-ctrl {
    position: relative !important;
    top: 30px;
    left: 20px;
}

/* .admin-myclubnews .cbn-year-ctrl {
    position: relative !important;
    top: 30px;
    left: 20px;
}

.admin-myclubnews .filter-gorup {
    max-width: 920px !important;
    width: 900px
} */

.admin-myclubnews .actionsBtn {
    position: relative;
    left: -30px
}

.admin-myclubnews .add-club-news a {
    /*height:36px*/
}

.admin-myclubnews .add-club-news {
    position: relative;
    top: 20px;
    right: 20px
}

.btns.form-group button {}

.admin-clubnews-popup {
    z-index: 3000 !important
}


/* .admin-clubnews-popup .content img {
    width: 500px;
    height: auto;
    margin: 10px;
} */

.admin-clubnews-popup .modal-body button {
    position: absolute;
    right: -14px;
    top: 2px;
    clear: both;
    border: none;
    font-size: 20px !important;
}

.admin-clubnews-popup .modal-body button:hover {
    background: none !important;
    color: #c4a46b
}

.admin-clubnews-popup .modal-content {
        position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: .3rem;
    outline: 0;
}

.button_disable{
    pointer-events: none !important;
    opacity: 0.5 !important;
}

.admin-clubnews-popup .news-img {
    /* height: 620px !important;
    width: 480px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important; */
    margin: 0px auto;
}

.admin-clubnews-popup .modal-body .title {
    color: #5773A2
}

.admin-clubnews-popup .modal-footer {
    margin: 0px auto 10px auto;
}

.admin-clubnews-popup .modal-footer {
    margin: 0px;
    padding: 0px;
    float: right;
}

.admin-clubnews-popup .modal-footer {
    margin-bottom: 50px;
    padding: 0px;
}

.admin-clubnews-popup .modal-footer .img-link-btn {
    margin: 10px;
    padding: 10px;
    display: inline-block;
    position: absolute !important;
    right: 40px !important;
    cursor: pointer;
    color: #255a73;
    border: solid 1px #ccc;
    border-radius: 40px;
    line-height: 10px;
    background: #49b5e7;
    color: #fff;
}

.paginationGroup .page {
    float: left;
    padding: 10px
}

.paginationGroup .page .first,
.paginationGroup .page .previous,
.paginationGroup .page .next,
.paginationGroup .page .last {
    cursor: pointer;
    padding: 0px 5px;
    color: #333;
    font-size: 18px
}

.paginationGroup .paginate_button {
    cursor: pointer;
}

.paginationGroup .displayInfo {
    position: relative;
    right: 20px;
    padding: 10px 0px;
}

.paginationGroup .page .first.disabled,
.paginationGroup .page .previous.disabled,
.paginationGroup .page .next.disabled {
    color: #999
}

.admin-myclubnews .imgWrap.editNews img {
    filter: invert(39%) sepia(7%) saturate(733%) hue-rotate(303deg) brightness(20%) contrast(10%)
}

.admin .editEvent {
    display: inline-block;
    float: right;
    position: relative;
    top: 10px;
    right: 50px;
}

.admin .editEvent .icon-edit {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../images/edit_gold.png?v=1.5);
    background-size: cover !important;
    position: relative;
    top: 4px;
    float: right;
}

.admin .eventlist table tr td a .icon-edit {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../images/edit_gold.png?v=1.5);
    background-size: cover !important;
    position: relative;
    top: 4px;
    filter: invert(39%) sepia(7%) saturate(733%) hue-rotate(303deg) brightness(20%) contrast(10%);
}

.dashboard-eventlist tr td a .icon-edit {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../images/edit_gold.png?v=1.5);
    background-size: cover !important;
    position: relative;
    top: 2px;
    filter: invert(39%) sepia(7%) saturate(733%) hue-rotate(303deg) brightness(20%) contrast(10%);
}


/* .admin .eventlist .dataTables_wrapper tbody td a {
    color: #49b5e6 !important;
} */

.admin .eventlist .dataTables_wrapper tbody td span {
    color: #685a5c !important;
}

.admin .eventlist .dataTables_wrapper tbody td .request a {
    color: #685a5c !important;
}

.admin .eventlist .dataTables_wrapper table thead tr {
    background: #fff !important
}

.admin .eventlist .filter .form-group button.btn.primary {
    margin-bottom: 0px !important;
}

.admin .EventPreviewModal .modal-dialog {
    min-width: 1024px;
}

.admin .EventPreviewModal .close-btn {
    position: absolute;
    right: 0px;
    border: none;
    display: inline-block;
    margin: 10px
}

.admin .EventPreviewModal .close-btn:hover {
    background-color: none;
}

.admin .EventPreviewModal h3.title {
    font-size: 18px;
    padding: 10px;
}

.admin .EventPreviewModal .HR {
    border-top: solid 1px #f1f1f1f1;
    margin: 10px 0px;
}

.admin .admin-eventmemberlist .eventDetails {
    margin-top: 0px;
    display: block !important;
    position: relative;
    top: -16px;
    left: 29px;
}

.admin .admin-eventmemberlist .eventDetails li span {
    color: #5a4e50;
    font-size: 16px;
    opacity: 0.8;
}

.admin .admin-eventmemberlist .eventDetails li {
    display: inline-block;
    margin-right: 10px;
    padding-right: 12px;
    border-right: 1px solid #b8b2b3;
    margin-top: 6px;
    height: 30px;
}

.admin-eventmemberlist .buttons-wrap {
    display: inline-block;
    float: right;
    margin: 20px 0px
}

.admin-eventmemberlist .back-btn-wrap a {
    position: relative;
    color: black;
    font-size: 18px;
    height: 40px !important;
    display: block;
}

.admin-eventmemberlist .eventDetailWrap .actionBtn button {
    margin-left: 0px !important;
    margin-top: 0.5em;
}

.admin-eventmemberlist .subHeader {
    padding: 6px 0px !important;
}

.login-user-name span {
    text-transform: lowercase;
    font-size: 16px !important;
    display: inline-block !important;
}

.login-user-name span:first-letter {
    text-transform: capitalize !important;
}

.googleanalytics-section {
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.googleanalytics-section .innerblocks {
    background: #fff !important;
}

.backToLOE {
    padding: 10px 0px 0px 10px;
    position: relative;
    left: 20px;
    color: #685a5c;
    /* text-decoration: underline; */
    font-size: 18px;
    cursor: pointer;
    width: 10px;
}

.backToLOE a {
    position: relative;
    font-size: 16px;
    text-decoration: none !important;
    color: #685a5c;
    padding-left: 15px;
}

.backToLOE a:after {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    border: 0 solid #5773A2;
    border-width: 0px 2.5px 2.5px 0;
    display: inline-block;
    top: 5px;
    transform: rotate(135deg);
    left: 0;
}

.backToELOE {
    position: relative;
    color: #49B5E7;
    text-decoration: none;
    font-size: 18px;
    cursor: pointer;
    height: 30px;
    margin: 10px;
}

.backToELOE a {
    position: relative;
    font-size: 16px;
    text-decoration: none !important;
    color: #685a5c;
    padding-left: 15px;
}

.backToELOE a:after {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    border: 0 solid #5773A2;
    border-width: 0px 2.5px 2.5px 0;
    display: inline-block;
    top: 5px;
    transform: rotate(135deg);
    left: 0;
}

.admin .eventWrap.eventlist .tableWrap {
    background: #fff !important;
}

.admin .eventWrap.eventlist .tableWrap {
    background: #fff !important;
}

.admin .eventWrap.eventlist .tableWrap {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.admin .eventWrap.eventlist .tableWrap td {
    border: none
}

.DeleteMember .modal-footer {
    text-align: center
}

.DeleteMember .modal-footer .btn {
    margin: 0px auto;
    position: relative;
    border: solid 1px;
    margin: 20px 10px
}

.DeleteMember .modal-body {
    max-width: calc(600px);
    max-height: calc(200px);
    overflow-y: hidden;
    margin-top: 30px;
    /* box-shadow: inset 27px 24px 60px rgba(246, 246, 246, 0.3); */
    background: #fbfbfb;
}

.DeleteMember .container h4 {
    text-align: center
}

.DeleteMember .modal-body .modalWrap {
    padding: 30px 20px
}

.DeleteMember .modal-content {
    height: calc(300px);
    max-width: calc(600px)
}

.DeleteMember .modal-content h3 {
    color: #C4A46B;
    position: relative;
    top: 20px;
    left: 20px
}

.DeleteMember .modal-body .modalWrap p strong {
    font-weight: bold !important
}

.DeleteMember .modal-content button {
    position: absolute;
    right: -14px;
    top: 2px;
    clear: both;
    border: none;
    font-size: 20px !important;
}

.DeleteMember .modal-content button:hover {
    background: none !important;
    color: #c4a46b
}

.DeleteMember .footerWrap {
    display: none !important
}

.DeleteMember .horizontal-line {
    position: relative;
    height: 1px;
    border-bottom: solid 1px #e4e4e4;
    margin: 10px 0px;
    clear: both;
}

.admin header.header {
    z-index: 1000;
    position: relative;
}

.admin .eventWrap .tableWrap .table .registration,
.admin .eventWrap .tableWrap .table .waiting,
.admin .eventWrap .tableWrap .table .cancel,
.admin .eventWrap .tableWrap .table .noregistration {
    padding-top: 8px
}

.paginate_button {
    letter-spacing: 10px
}

.paginate_button.previous,
.paginate_button.first,
.paginate_button.next,
.paginate_button.last {
    letter-spacing: 1px
}

.admin .calenderWrap .eventDetail .template .btn.primary {
    /*margin:0px !important;border:none;color:#fff  */
}

.admin .calenderWrap .eventDetail .template .btn.primary:hover {
    /*background:none;color:#fff */
}

.admin .message-board-status {
    color: #49b5e6
}

.clubnews-category [id="Fitness&Spa"] .all.icon {
    position: relative;
}

.insta-wrapper {
    max-height: 500px !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    padding: 4px;
}

.insta-wrapper .instalink-content .instalink-header img {
    width: auto !important;
    height: 40px
}

.instalink-feed-post.instalink-feed-post-loaded.instalink-feed-post-square {
    max-height: 350px !important
}

.admin .clubNewsContainer .views .content .imgWrap {
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100%;
}

.admin .clubNewsContainer .views .content .imgWrap {
    /* max-width:100% !important; */
    max-height: 100vh important;
}

.admin .cbn-title {
    font-size: 20px !important
}

.admin .cbn-title span {
    font-size: 20px !important;
}

.cbn-dispdate,
.cbn-archivedate,
.cbn-author,
.cbn-deptname,
.DateDisplay {
    font-size: 18px;
}

.admin .clubNewsContainer .views .content .imgWrap img {
    width: 100%;
    float: left;
}

.admin .viewallWrap .btnsWrap span {
    top: 0px;
    vertical-align: middle;
}

.eventWrap.memeberdirectory .hideMember {
    outline: solid 1px #685a5c !important
}

.admin .eventWrap .tableWrap .table .Cancelations {
    width: 36px;
    height: 36px;
    margin: 0 auto;
    font-size: 16px;
    border-radius: 50%;
    color: #000000 !important;
    padding-top: 6px;
    cursor: pointer;
}

.admin .eventWrap .tableWrap .table .confirmed {
    width: 36px;
    height: 36px;
    margin: 0 auto;
    font-size: 16px;
    border-radius: 50%;
    color: #685a5c !important;
    padding-top: 6px;
    cursor: pointer;
}

.admin .eventWrap .tableWrap .table .waiting {
    width: 36px;
    height: 36px;
    margin: 0 auto;
    font-size: 16px;
    border-radius: 50%;
    color: #685a5c !important;
    padding-top: 6px;
    cursor: pointer;
}

.admin .eventWrap .tableWrap .table .request {
    border-radius: 50%;
    color: #685a5c !important;
    padding-top: 5px;
    width: 36px;
    height: 36px;
    margin: 0 auto;
    font-size: 16px;
    cursor: pointer;
    font-weight: bolder
}

.totaltickets span {
    padding-top: 8px;
    display: inline-block;
    /* width: 36px; */
    height: 36px;
}

.TicketsList {
    margin: 0px auto;
    padding: 0px !important
}

.TicketsList .modal-body {
    margin: 0px;
    padding: 10px
}

.TicketsList .modal-content h3 {
    max-width: 300px;
    /* border:solid; */
    display: block;
    position: relative;
    left: 0px;
    padding: 10px;
    min-height: 40px;
    float: left;
}

.TicketsList .modal-content .close-btn {
    width: 10px;
    height: 10px;
    display: block;
    border: none;
    position: absolute;
    right: 0px !important;
    padding: 10px 20px;
}

.TicketsList .sno {
    display: block;
    position: absolute;
    border: solid
}

.TicketsList .modal-content .btn.secondary:hover {
    background: none;
    color: #c4a46b
}

.TicketsList .modalWrap {
    padding: 10px !important;
    margin: 0px
}

.ticketslist {
    margin: 0px !important;
    padding: 0px;
    /* list-style-type: decimal !important; */
}

.ticketslist li {
    text-align: left;
    padding: 10px;
    border-bottom: solid 1px #e6e6e6;
    font-size: 18px;
    /* list-style-type: decimal !important; */
    /* height: 62px; */
    /* padding-top: 0px; */
    /* margin: 0px; */
}

.ticketslist li .remove {
    display: none
}

.ticketslist li .member-name {
    display: block;
    word-break: break-word; 
}

.ticketslist li .member-id {
    color: #49b5e6;
    display: block;
}

.TicketsList .sno {
    display: block;
    position: absolute;
    border: solid
}

.TicketsList .modal-content .btn.secondary:hover {
    background: none;
    color: #c4a46b
}

.TicketsList .modalWrap {
    padding: 10px !important;
    margin: 0px
}

.ticketslist {
    margin: 0px !important;
    padding: 0px;
    /* list-style-type: decimal !important; */
}

.ticketslist li {
    text-align: left;
    padding: 10px;
    border-bottom: solid 1px #e6e6e6;
    font-size: 18px;
    /* list-style-type: decimal !important; */
    /* height: 62px; */
    /* padding-top: 0px; */
    /* margin: 0px; */
}

.ticketslist li .remove {
    display: none
}

.ticketslist li .member-name {
    display: block;
}

.ticketslist li .member-id {
    color: #49b5e6;
    display: block;
}


/*.logoWrap .logo{width: 90px;position: absolute;top: -7px;color: #5773A2;}*/

.logoWrap .logo {
    width: 130px !important;
    position: absolute;
    top: 5px;
    color: #5773A2;
}

.logoWrap img {
    width: 130px !important;
    position: absolute;
    top: 5px;
    color: #5773A2;
}

.logoWrapDashbaordpage .logo {
    position: absolute;
    width: 130px !important;
    color: #f47d4c;
    top: 5px;
}

body {
    color: #685a5c
}

.clubNews .view-all a {
    color: #5773A2;
    border: solid 1px #5773A2;
    margin-bottom: 20px;
}

.downloadappSection {
    background: linear-gradient(to bottom, white 0%, white 29%, whitesmoke 29%, whitesmoke 71%, whitesmoke 100%) !important;
}

.clubNews .news-date-wraper {
    border: solid 3px rgba(104, 90, 92, 0.55);
    background: #5cc4b9;
    height: 90px;
}

.eventNewsSection .tab-wrapper .tab {
    background: #fff;
    border-top: none !important
}

.eventNewsSection {
    border-bottom: solid 0px #ccc !important
}

.tab-menu-container .tab-menu .menu-item {
    font-size: 20px !important
}

.todayatglance-section {
    background: linear-gradient(to bottom, white 0%, white 24%, whitesmoke 20%, whitesmoke 70%, whitesmoke 100%) !important;
    border-bottom: none
}

.todayatglance-section .newsWrap {
    padding-bottom: 24px !important;
    color: #685a5c
}

.upcomingEvents .view-all:hover,
.clubNews .view-all a:hover {
    background: #5773A2;
    color: #fff;
}

.subHeader {
    background: whitesmoke !important
}

.dropdown-item {
    color: #685a5c !important
}

.dropdown-item:hover {
    color: #fff !important
}

.admin-TAG .date .datepicker {
    background: #fff;
    border-color: #ccc;
    border-radius: 2px !important
}

.admin-TAG .date .datepicker:hover {
    background: #fff;
    border-color: #ccc;
    border-radius: 2px !important
}

.secondary {
    background: #ffffff !important;
    color: #5773A2;
    border: solid 1px #5773A2
}

.secondary:hover {
    background: #5773A2 !important;
    color: #fff
}


/* .admin .eventWrap.event .statusWrap .custom-select {
    border: solid 1px #685a5c
} */

.admin .navigation .navbar-nav .nav-item:hover>a {
    color: #5773A2 !important;
}

.admin .navigation .navbar-nav .nav-item.active:hover>a.nav-link {
    color: #5773A2 !important;
}

.editform .edit .upload {
    color: #5773A2
}

input:checked+.slider {
    background-color: #5773A2;
}

.btn[data-dismiss="modal"] {
    background: none;
    color: #5773A2;
}

.successDelete {
    color: #5773A2 !important;
}
.successDelete:hover {
    background: #5773A2 !important;
    color: #fff !important;
}
.btn[data-dismiss="modal"]:hover {
    background: none;
    color: #5773A2 ;
}

.admin .eventWrap .tableWrap .table td {
    color: #685a5c;
    font-size: 18px;
    padding: 15px 15px;
    border-top: 2px solid #F4F4F4;
}

.admin .eventWrap .tableWrap #glanceTable_wrapper .table td {
    color: #685a5c;
    font-size: 18px;
    padding: 15px 4px;
    border-top: 2px solid #F4F4F4;
}

.admin .eventWrap .tableWrap #glanceTable_wrapper .table td.customChekbox {
    padding: 15px !important;
}

.detailWrap .post .title h2 {
    color: #5773A2
}

/* .coe-waper.COEEvents .subHeader {
    background: linear-gradient(to top, white 0, white 63%, whitesmoke 0%, whitesmoke 100%, #ffffff 100%) !important;
} */

.giftCard-Wrapper .tabWrap {
    background: whitesmoke !important
}

.message-board-page>.pagetype .tabWrap,
.message-board-page>.pagetype>.subHeader {
    background: whitesmoke !important
}

.coe-waper.COEEvents .tabWrap {
    background: #fff !important;
}

.clubnews-page .subHeader {
    background: linear-gradient(to top, white 0, white 63%, whitesmoke 0%, whitesmoke 100%, #ffffff 100%) !important;
}

.clubnews-page .news-tabs {
    border-bottom: solid 1px #f3f3f3;
}

.cardWrap .cardView .media-body .addbuddy span.remove:after {
    position: absolute;
    content: "";
    background: url(../images/deleteicon.png?v=1.5) no-repeat;
    width: 24px;
    height: 25px;
    left: -32px;
    top: -4px;
    background-size: cover;
    transform: rotate(45deg);
    /* background-color: #f37f98; */
    overflow: hidden;
    /* border-radius: 50%; */
}

.cardWrap .cardView .media-body .addbuddy span {
    position: relative;
    border: none;
    background: none;
    color: #685a5c;
    cursor: pointer;
}

.tabWrap .tab li.active .icon img {
    width: auto;
    /* height: 30px; */
    position: relative;
    left: 5px;
    top: 5px;
}

.tabWrap .tab li.active .icon {
    padding: 0px;
    border: solid 0px #ccc;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #5773A2;
}

.bannerWrap .banerContent .filters ul li span {
    transition: color 0.50s linear;
}

.bannerWrap .banerContent .filters ul li a span.icons:hover {
    /* background: rgba(243, 125, 74, 0.78);
       transition: background-color 0.50s linear;*/
}

.tabWrap .tab ul li:hover a img {
    filter: invert(39%) sepia(7%) saturate(733%) hue-rotate(303deg) brightness(20%) contrast(69%)
}

.tabWrap .tab .linkBtn-Golf img {
    left: 17px
}

.clubnews-category li:hover .all.icon img {
    filter: invert(39%) sepia(7%) saturate(733%) hue-rotate(303deg) brightness(20%) contrast(69%)
}

.tabWrap .tab ul.statement-category li:hover .icon img {
    filter: invert(39%) sepia(7%) saturate(733%) hue-rotate(303deg) brightness(20%) contrast(69%)
}

.tabWrap .tab li.active .icon img {
    height: auto
}

.tabWrap .tab ul li.active a.linkBtn-Golf img {
    padding: 4px 0px 0px 6px
}

.tabWrap .tab ul.clubnews-category li:hover .icon img {
    filter: invert(39%) sepia(7%) saturate(733%) hue-rotate(303deg) brightness(20%) contrast(69%)
}

.btn.searchBtn img {
    filter: invert(39%) sepia(7%) saturate(733%) hue-rotate(303deg) brightness(20%) contrast(10%)
}


.custom-logos .logo-1 {
    display: inline-block;
    width: 70px;
    height: 70px;
    background: url("../images/APLATINUMCLUBOFtheworld.gif");
    background-size: cover;
    vertical-align: top;
    position: relative;
    top: 6px;
}

.custom-logos .logo-2 {
    display: inline-block;
    width: 80px;
    height: 80px;
    background: url("../images/Platinum-Club-Of-America.png");
    background-size: cover;
    vertical-align: top;
}

.tabWrap li.active a.linkBtn-All img {
    width: 20px !important;
    height: 20px !important;
    left: 10px !important;
    top: 10px !important
}

.clubnews-category li#all .icon {
    padding: 5px !important;
    border: solid 0px #ccc;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #5773A2;
    display: block;
}

.clubnews-category li#All.active .all.icon {
    padding: 5px !important;
    border: solid 0px #ccc;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: block;
}

.filterWrap .filterIntrest .filterBy .cancel:after {
    content: "";
    position: absolute;
    right: 0;
    top: -7px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff url(../images/cross_gold.png?v=1.5) no-repeat;
    background-position: center;
    border: 1px solid #685a5c;
}

.interests input+.checked {
    background-color: #fff;
    border-radius: 28px;
    border: 2px solid #685a5c;
    font-size: 16px;
    padding: 4px 16px;
    display: inline-block;
    color: #685a5c;
}

.link {
    color: #5773A2
}

.tabWrap .tab .statement-category .icon img {
    width: auto !important;
    height: auto !important;
    margin: 0px;
    display: block;
}

.tabWrap .tab .statement-category .icon.All img {
    margin: 4px
}

.tabWrap .tab ul.statement-category li {
    min-width: 70px !important;
    max-width: 70px !important;
}

.clubnews-category {
    padding: 0px;
    margin: 0px 10px;
}

.clubnews-category li {
    float: left;
    margin: 20px 50px 20px 30px;
    cursor: pointer
}

.clubnews-category li span.text {
    display: block;
    clear: both;
    text-align: center
}

.clubnews-category li.active .all.icon {
    padding: 0px;
    border: solid 0px #ccc;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #5773A2;
    display: block;
    margin: 0px auto;
}

.clubnews-category li .all.icon img {
    margin: 10px
}

.clubnews-category li.active .all.icon img {
    filter: invert(0) brightness(10);
}

.tabWrap .tab .statement-category .icon.Golf img {
    margin: 6px !important;
    margin-top: 0px !important
}

.tabWrap .tab .statement-category li.active .icon.Golf img {
    margin: 6px
}

.tabWrap .tab .statement-category .icon img {
    width: auto !important;
    height: auto !important;
    margin: 0px;
    display: block;
}

.news-tabs ul.clubnews-category .icon.All img {
    margin: 14px
}

.news-tabs ul.clubnews-category li {
    min-width: 70px !important;
    max-width: 100px !important;
    text-align: center !important
}

.news-tabs ul.clubnews-category li.active .icon.Golf img {}

.news-tabs ul.clubnews-category li.active .All.icon img {
    margin: 10px !important
}

.clubnewsnote {
    display: inline-block;
    float: left;
    margin-left: 30px
}

.clubnewsnote span {
    color: #5773A2;
}

.announcementWrap .announcement .media-body .viewAll[aria-expanded="true"] span {
    color: #5773A2
}

.delete-member-btn {
    display: none
}

.delete-member-btn+.btn.primary {
    display: none
}

td.fc-event-container:hover .fc-day-grid-event {
    box-shadow: inset 0px 0px 60px #ffffff;
}

.container {
    max-width: 1200px;
}

.header.fixed-header {
    z-index: 101;
}

textarea,
input {
    color: #685A5C !important;
}

.control__indicator {
    border: 1.5px solid #7B7B7B;
    border-radius: 4px;
}

.filters form .btns.form-group {
    margin-right: 30px;
    vertical-align: top;
}

.headUsersection .profile .imgWrap img {
    height: 100%;
}

.headUsersection .profile .imgWrap {
    border: 1px solid #e1f2ff;
}

.tab-wrapper ul.tab-menu {
    min-width: auto;
    width: auto;
    height: 45px;
}

.navigation .navbar .dropdown-toggle::after {
    display: none;
}

.innerPage {
    background: #ffffff;
}

.subHeader {
    background: whitesmoke !important;
    height: auto;
    border-bottom: solid 0px #685A5C;
    margin: auto;
    box-sizing: border-box;
    padding: 0 !important;
}

.align-right {
    float: right;
    vertical-align: top;
}

.tabWrap {
    border: none;
}

.subHeader .title,
.subHeader h1 {
    font-size: 22px;
    color: #685A5C;
    padding: 22px 0;
    display: inline-block;
    /* padding-left: 28px; */
}

.tool-bar {
    background: #fff;
    border-bottom: 0px solid #0000001c;
    padding: 25px 0;
}


/*Profile Page*/

.profile-info {
    display: inline-block;
}

.profile .imgWrap {
    float: left;
}

.profile .imgWrap img {
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.profileWrap .membername {
    margin-top: 5px;
}

.profile-info .membername {
    display: inline-block;
    font-size: 20px;
    font-weight: 500 !important;
    clear: both;
    margin-top: 25px;
    margin-left: 20px;
}

.profile-info .membername span {
    font-weight: 600 !important;
}

.status.active {
    color: #629F25 !important;
}

.outline {
    background: transparent;
    border-radius: 25px;
    color: #000;
    font-size: 18px;
    padding: 3px 25px;
    border: 2px solid #C4A46B;
}

.solid {
    background: #5773A2;
    border-radius: 25px;
    color: #ffffff;
    font-size: 18px;
    padding: 3px 25px;
    border: 2px solid #5773A2;
}

.profileWrap {
    margin-top: 5px;
    padding: 0;
}

.profile-info .membername span.empID {
    margin-left: 5px;
    font-weight: 400 !important;
}

span.empID,
span.status {
    font-size: 16px;
}

.profileWrap .personalDetails .imgWrap {
    margin-right: 28px;
    border: 1px dashed #ADADAD;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    padding: 9px;
}

.profileWrap .imgWrap img {
    width: 28px;
}

.profile .align-right {
    margin-top: 30px;
}

.btn {
    margin: 0 10px;
    font-size: 18px !important;
}

.profileWrap .address .addressWrap:first-child .imgWrap {
    border: 1px dashed #ADADAD;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    padding: 9px;
    display: table-cell;
    vertical-align: middle;
}

.profileWrap .address .addressWrap .imgWrap {
    min-height: 48px;
    float: left;
}

.profileWrap .personalDetails {
    border: none;
}

.profileWrap .address span,
.profileWrap .address p,
.profileWrap .address a,
.profileWrap .address i {
    margin-left: 80px;
}

.profileWrap {
    background: transparent;
}

.profileWrap .address p a {
    margin: 0;
    overflow-wrap: break-word;
}

.profileWrap .address span {
    font-size: 14px;
    font-weight: 800 !important;
}

.profileWrap .address p,
.profileWrap .address a,
.profileWrap .address i {
    font-size: 16px;
    font-weight: 500 !important;
}

.profileWrap .interests span {
    display: inline-block;
    background: #5773A2;
    color: #ffffff;
    height: 30px;
    font-size: 16px;
    padding: 3px 20px;
    margin: 10px 15px 5px 0px;
}

.profileWrap .interests p {
    font-size: 18px;
    font-weight: 600 !important;
    margin: 6px 0 8px 3px;
}

.profileWrap .address {
    padding: 25px 0;
}

.profileWrap .personalDetails h5 {
    font-size: 14px;
    font-weight: 600 !important;
}

.profileWrap .personalDetails h3 {
    font-size: 16px;
    margin-top: 5px;
}

.profileWrap .profile {
    margin-top: -50px;
}

.profileWrap .profile .imgWrap {
    box-shadow: none;
    background: none;
    width: 100px;
    height: 100px;
    padding: 0;
    margin: 0px 10px 0px 13px;
}

.profileWrap .profile .edit {
    /* margin-top: 28px; */
    padding-left: 0;
}

.pageWrap .filters,
.pageWrap .detailView {
    background: none;
}

.pageWrap {
    padding: 20px 0 50px 0;
}

.noPaddingTop {
    padding-top: 0;
}

.profileWrap .address i {
    margin: 0;
}


/*Profile Edit*/

form.editform.has-validation-callback {
    display: block;
    width: 100%;
    float: none;
}

.editform .profileWrap .profile {
    margin-top: 0;
    float: none;
}

.editform .profileWrap .profile:after,
.outerWrapper .container:after {
    content: "";
    display: block;
    width: 100%;
}

.editform .interests .interest .checkbox {
    /* height: 41px; */
    border: 2px solid #efe7da;
    border-radius: 20px;
    padding: 5px 15px;
    background: #f5f5f5;
}

.editform .interests .interest p {
    color: #202020;
}

.editform .interests .interest p.info {
    font-size: 14px;
    margin: -4px 0 15px 0;
    font-weight: 400 !important;
}

.editform .interests .interest .checkbox label {
    vertical-align: top;
}

.editform .interests .interest .checkbox label .control__indicator {
    background: #f5f5f5;
    border: 1.5px solid #6e6e6e;
    border-radius: 3px;
    vertical-align: top;
    margin-top: -1px;
}

.editform .interests .interest .checkbox.checked {
    background: #5773A2;
    color: #fff;
    border-color: #5773A2;
}

.control input[type="checkbox"]:checked~.control__indicator {
    background: #5773A2 !important;
    border-color: #5773A2 !important;
}

.control--checkbox .control__indicator:after {
    left: 5px;
    top: -1px;
    width: 8px;
    height: 13px;
    border-width: 0px 2.5px 2.5px 0;
}

.tabWrap .tab ul li.active a {
    text-align: center;
}

.tabWrap .tab ul li a .icon {
    border: solid 0px #ccc;
    width: 50px;
    height: 40px;
    border-radius: 100%;
    background-color: transparent;
    padding: 10px;
}

.tabWrap .tab ul li.active a .hide {
    filter: brightness(0) invert(1);
}

.tabWrap .tab ul li a .icon img {
    width: auto;
    height: auto;
}

.tabWrap .tab li a .text {
    display: block;
    text-align: center;
    font-size: 14px !important;
    color: #685a5c !important
}

.tabWrap .tab ul li {
    margin-top: 5px;
    margin-bottom: 0;
}

.slidingMenu li {
    font-weight: 800;
}

.slidingMenu li a {
    font-weight: 600 !important;
    color: #000;
    font-size: 16px;
    opacity: 0.8;
}

.dt-buttons .buttons-pdf {
    color: #5773A2;
}

.dt-buttons .buttons-pdf[aria-controls="statements"]:hover>span {
    color: #fff;
}

.carousel-inner {
    position: relative;
    width: 90%;
    overflow: hidden;
    margin: auto;
}

.tableList .table th {
    border: none !important;
    padding: 16px 20px;
    background: none;
    color: #3D3D3D;
    font-weight: 600 !important;
    font-size: 15px;
}

.tableList .dataTable {
    border: none;
    border-right: none;
}

.tableList .table tr.active td {
    background: #ffffff;
    border: none !important;
}

.tableList .table tr.active {
    box-shadow: -3px 0px 8px rgba(0, 0, 0, 0.1);
    border-radius: 5px 0 0 5px;
    background: none;
    border: none !important;
}

.tableList .table tr.active td:first-child {
    border-radius: 5px 0 0 5px;
}

.tableList .table tr td:last-child {
    border-right: none;
}

.tableDetails {
    width: 34%;
    margin-top: 43px;
    border: none;
    margin-left: 0px;
    background: #fff;
    box-shadow: -1px 0px 8px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.tableList .table tr td {
    border: none;
    border-bottom: 1px solid #CCCBCB;
    background: transparent;
}

.tableDetails .emoDetails {
    padding: 24px 28px;
    background: transparent;
    border: none;
}

.tableDetails .itemsDetails {
    background: transparent;
}

.tableList .table th:last-child {
    border-right: none !important;
}

.subHeader .search {
    float: right;
    width: 45%;
    display: block;
    background: #fff;
    margin: 13px 0;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.input-group .input-group-append button.btn {
    margin: 0;
}

.editform .profileWrap {
    margin-top: 0;
}


/*Buddy List*/

.buddy-list .description {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
    margin-top: -9px;
}

.description .title {
    font-size: 16px;
    color: #685A5C;
    font-weight: 600 !important;
    display: inline-block;
}

.description p {
    font-size: 16px;
    color: #685A5C;
}

.tool-bar .filters .filter {
    display: inline-block;
}

.tool-bar .filters .filter form .form-group input {
    width: 165px;
}

.tool-bar .filters .filter .checkbox .control {
    text-indent: 25px;
    line-height: 27px;
}

.tool-bar .filters .filter .checkbox {
    display: inline-block;
}

.tool-bar .filters .filter form {
    display: inline-block;
}

.subHeader .btn.primary,
.btn.outline {
    color: #5773A2;
    background: #fff;
    margin-bottom: 15px !important;
    vertical-align: top;
    height: 38px;
    position: relative;
    top: 15px;
    z-index: 10
}

.export-tools .btn.outline {
    top: 0px;
}

.btn.primary:hover,
.btn.outline:hover {
    background: #5773A2;
    color: #fff;
}

.btn.primary,
.btn.outline {
    color: #5773A2;
    border: 1px solid #5773A2;
    margin-bottom: 15px;
    vertical-align: top;
    padding: 3px 25px;
}

.export-tools .btn.primary,
.btn.outline {
    color: #5773A2 !important;
    border: 1px solid #5773A2 !important;
    margin-bottom: 15px !important;
    vertical-align: top;
    height: 38px !important;
}

.secondary {
    /*padding: 5px 25px;*/
}

.export-tools .btn.primary:hover,
.btn.outline:hover {
    background: #5773A2;
    color: #fff !important;
}


.btn.primary:hover,
.btn.outline:hover {
    background: #5773A2;
    color: #fff;
}

.buddy.media.checked .name h5 {
    color: #2eace6;
    font-weight: 600 !important;
}

.buddylist .buddy .name h5 {
    font-size: 18px;
    margin-bottom: 0;
    color: #685A5C
}

.buddylist .buddy .check .control__indicator {
    border: 1.5px solid #7B7B7B;
    border-radius: 80px;
    cursor: pointer;
    height: 60px;
    width: 60px;
    background: transparent;
    top: -15px;
    left: 40px;
}

.buddylist .buddy .check .control input[type="checkbox"]:checked~.control__indicator {
    background: rgba(0, 104, 151, 0.41) !important;
    border-color: #1784b6 !important;
}

.buddylist .buddy .control--checkbox .control__indicator:after {
    left: 23px;
    top: 18px;
    width: 10px;
    height: 19px;
    border-width: 0px 4px 4px 0;
    text-align: center;
    font-size: 50px;
}


/*Guest Card*/

.form-group.has-error {
    position: relative;
}

span.help-block.form-error {
    position: absolute;
    white-space: nowrap;
    font-size: 12px;
}


/*Event Css*/

.eventDetail {
    margin-top: 0;
    padding: 60px 30px;
    background: none;
}

.eventbtns {
    display: inline-block !important;
    margin: 16px 0;
    float: right;
    width: auto;
    background: #5773A2;
    border-radius: 50px;
    color: #fff;
    /* box-shadow: 1px 1px 5px #ccc; */
}

.eventbtns .btn {
    min-width: 120px;
    color: #000;
}

.eventDetail .details .body .membersGuestlist {
    background: transparent;
    padding-left: 20px;
}

.eventDetail .details .body .membersGuestlist li {
    position: relative;
    list-style: none;
}

.eventDetail .details .body .membersGuestlist li:before {
    content: " ";
    position: absolute;
    left: -17px;
    top: 10px;
    width: 14px;
    height: 14px;
    background: url("../images/Tick.svg?v=1.5");
}

.tab-content>.tab-pane .search .input-group .input-group-append .btn {
    background-color: #f4f4f4;
    border: 1px solid rgba(0, 0, 0, 0.13);
}

.tab-content>.tab-pane .search .input-group input {
    border: 1px solid rgba(0, 0, 0, 0.13);
    background: #ffffff;
}

.eventDetail .wrap .right .nav-link.active {
    color: #08263e;
    background: #f4f4f4;
    border: none;
}

.eventDetail .wrap .right .nav-link {
    color: #686868;
    margin-right: 15px;
    background-color: transparent;
    margin-bottom: -1px;
}

.eventDetail .details .additionlDetails {
    border: none;
    margin-bottom: 0;
}

.eventDetail .wrap .tab-content {
    background: #f4f4f4;
}

.eventbtns a.btn.primary {
    position: relative;
    border: none;
    margin: 0 !important;
    width: 45px;
    min-width: 30px;
    font-size: 0 !important;
    height: 44px;
    padding: 0 13px;
    background: none !important;
}

.eventbtns a.btn.primary:after {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    border: 0 solid #fff;
    border-width: 0 5px 5px 0;
    display: inline-block;
    top: 0px;
}

.eventbtns a.btn.primary:first-child:after {
    transform: rotate(135deg);
    left: 20px;
}

.eventbtns a.btn.primary:last-child:after {
    transform: rotate(-45deg);
    right: 18px;
}

.backToCal a {
    position: relative;
    font-size: 16px;
    text-decoration: none !important;
    color: #685A5C;
    padding-left: 15px;
}

.backToCal a:after {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    border: 0 solid #5773A2;
    border-width: 0px 2.5px 2.5px 0;
    display: inline-block;
    top: 5px;
    transform: rotate(135deg);
    left: 0;
}

.Confirmed-Member-Btn {
    display: inline-block;
    margin: 5px 0 0 -15%;
}

.eventDetail .details .heading span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eventDetail .details .heading h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 60% !important;
}

.eventDetail .details .heading span:after {
    left: 3px;
    height: 25px;
    top: 3px;
}


/*Calender*/

.calenderWrap {
    background: #fff;
}

.fc-scroller.fc-day-grid-container {
    height: calc(100vh + 70px) !important;
}

.tool-bar.cal {
    padding-bottom: 90px;
}

.fc-toolbar.fc-header-toolbar {
    margin-top: -70px;
    margin-bottom: 40px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding-top: 17px;
}

.calender_header select {
    font-size: 27px;
    line-height: 33px;
    padding: 0px 12px 2px;
    vertical-align: top;
    text-transform: initial;
    left: -20%;
    top: 80px;
    width: 160px;
    height: 45px !important;
}

.fc-right .fc-button-group,
.fc-toolbar .fc-center h2 {
    display: none;
}

.fc-right .fc-button-group {
    /* display: block !important; */
}


/*.calender_header select {font-size: 28px;line-height: 19px;vertical-align: top;text-transform: uppercase;right: -344px;left: inherit;top: 75px;background: #ffffff !important;}*/

.fc-toolbar.fc-header-toolbar [type="button"] {
    font-size: 18px;
    text-shadow: none;
}

s .fc-month-button.fc-button.fc-state-default.fc-state-active {
    padding: 5px 18px !important;
}

.fc button .fc-icon {
    color: #ffffff;
    font-size: 27px;
    width: 30px;
    text-align: center !important;
    line-height: 24px;
}

.fc-toolbar .fc-right .fc-button-group [type="button"] {
    line-height: 0;
    padding: 0;
    vertical-align: text-bottom;
    margin: 0;
    width: 50px;
    display: inline-block;
    height: 25px;
}

.fc-toolbar .fc-right .fc-button-group .fc-prev-button {
    border-right: 2px solid rgba(0, 0, 0, 0.11) !important;
}

.fc-right .fc-button-group {
    padding: 10px 0;
    margin-top: 0px;
}

#calendar .fc-view.fc-month-view.fc-basic-view .fc-day {
    box-shadow: inset 0px 0px 2px #9a9a9a;
}

td.fc-event-container a {
    border: none;
    box-sizing: border-box;
    padding: 3px;
}

td.fc-event-container a.fc-h-event {
    color: #fff;
}

.fc button .fc-icon:after {
    font-weight: 500;
}

.calender_header .calendar-tools-wrapper>span {
    float: left;
    font-size: 16px;
    letter-spacing: 0.1px;
    margin-right: -3px;
}
.regflexwidth {
    margin-top: 2px;
}
.export-tools {
    margin-top: -3px;
}

.calendar-tools-wrapper ul li {
    margin: 0px 10px 0px 20px;
}

td.fc-event-container a[style="background-color:#FFFFFF"] {
    background: #EEEEEE !important;
    color: #08263E;
}

td.fc-event-container a {
    border: 1px solid rgba(0, 0, 0, 0.17);
    font-size: 14px;
    padding: 2px 6px !important;
    box-sizing: border-box;
    color: #08263E !important;
}

a.fc-time-grid-event {
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.cal-header.fc.fc-unthemed.fc-ltr {
    width: 100%;
    margin-bottom: 30px;
}

.fc-list-view tr.fc-list-heading td.fc-widget-header {
    background: #2A4E7D;
}

.fc-list-view tr.fc-list-heading td.fc-widget-header a {
    font-size: 16px;
    font-weight: 600 !important;
    color: #fff;
}

.fc-list-view table,
.fc-list-view table tr,
.fc-list-view table tr td {
    border: none;
}

.fc-list-view .fc-list-table td {
    padding: 12px 14px;
}

.fc-unthemed .fc-list-view {
    border-color: #e7e7e7;
}

.fc-unthemed td.fc-today {
    background: #ffffff;
}

.fc-unthemed .fc-divider {
    border: none;
}

th.fc-day-header.fc-widget-header.fc-mon.fc-today span {
    font-size: 24px;
    font-weight: 600 !important;
}

th.fc-day-header.fc-widget-header.fc-sun.fc-past a {
    font-size: 18px;
    font-weight: 600 !important;
}

a.event-faq {
    text-decoration: underline;
    padding: 6px 10px;
    vertical-align: top;
    display: inline-block;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active,
.datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected:hover,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover,
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
    background: #5773A2;
    border-color: #5773A2;
}

.datepicker .datepicker-switch {
    color: #5773A2
}


/*Navigation*/

.navigation .navbar-nav .nav-item.active a {
    border-bottom: none;
    position: relative;
}

.navigation .navbar-nav .nav-item.active>a:after {
    /*content: none;position: absolute;width: 30%;height: 2px;display: inline-block;background: #F4AB20;left: 30%;bottom: 0;min-width: 20px;*/
}


/*Memeber Announcement*/

.announcementWrap .announcement {
    margin-top: 30px;
    margin-bottom: 20px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.18);
}

.announcementWrap {
    margin-top: 30px;
}

.announcementWrap h2 {
    margin-bottom: 5px
}

.innerPage.pagetype .tabWrap .container {
    padding: 0;
}

.announcementWrap .announcement .media-body a.print {
    font-size: 18px;
    border: 1px solid #5773A2;
    border-radius: 25px;
    padding: 1px 15px 1px 40px;
    font-weight: 600 !important;
    color: #5773A2 !important
}

.announcementWrap .announcement .media-body a.print:after {
    left: 11px;
    top: 4px;
}


/*.announcementWrap .announcement .media-body .viewAll[aria-expanded="false"] .viewmore {display: inline-block;background: #49B5E6;padding: 5px 13px;border-radius: 20px;color: #fff;font-size: 16px;}*/

.announcementWrap .announcement .media-body .viewallWrap .viewAll {
    padding: 0;
}

.row .tabWrap .row .tab ul li.active a {
    opacity: 1;
}

.row .tabWrap .row .tab ul li.active a span#current,
.row .tabWrap .row .tab ul li.active a span#archive {
    background: #5773A2;
    color: #fff !important;
    border-radius: 20px;
    padding: 5px 10px;
}

.announcementWrap .announcement .media-body h5 {
    font-size: 24px;
    color: #685A5C;
    margin-bottom: 8px;
}

.tabWrap {
    width: auto;
    background: #fff;
    border-bottom: solid 1px #f6f6f6
}


/*Message Board*/

.message_board .card {
    width: 180px;
    min-height: 203px;
    display: inline-block !important;
    vertical-align: top;
    position: relative;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    border: none;
}

.card-name {
    display: table-cell !important;
    position: absolute !important;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: #fff;
    padding: 18px 3px 8px 3px;
    font-weight: 600 !important;
    background: url("../images/title-BG.png");
    background-position-y: top;
    line-height: 16px;
    background-size: cover;
    background-position-x: center;
    min-height: 56px;
    vertical-align: middle;
    color: #685A5C !important;
}

.message_board .card .overlay {
    display: none;
}

.message_board .card img {
    width: 100%;
    height: 100%;
}

.detailWrap .post {
    padding: 38px 50px 40px 28px;
    margin-top: 20px;
    border-bottom: solid 1px rgba(104, 90, 92, 0.3);
    border-radius: 0px;
}


/*admin*/

.admin .message_board .card {
    width: 180px;
    min-height: 266px;
    display: inline-block !important;
    vertical-align: top;
    position: relative;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    border: none;
}

.admin.card-name {
    display: table-cell !important;
    position: absolute !important;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: #fff;
    padding: 18px 3px 8px 3px;
    font-size: 14px !important;
    font-weight: 600 !important;
    background: url("../images/title-BG.png");
    background-position-y: top;
    line-height: 16px;
    background-size: cover;
    background-position-x: center;
    min-height: 56px;
    vertical-align: middle;
    color: #685A5C !important;
}

.admin .message_board .card .overlay {
    display: none;
}

.admin .message_board .card img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.detailWrap .post {
    padding: 38px 50px 40px 28px;
    margin-top: 20px;
    border-bottom: solid 1px rgba(104, 90, 92, 0.3);
    border-radius: 0px;
}

.detailWrap .heading {
    padding-left: 28px;
}

.detailWrap {
    margin-top: 40px;
}

.detailWrap .replyWrap {
    background: #ffffff;
    border-top: 1px solid #e5e5e5;
}

.replyWrap:after {
    left: 8.5%;
    border-bottom-color: #e5e5e5;
}

.status.status-messageboard {
    width: 200px;
    float: right;
    margin-top: 15px;
    background: #fff;
    color: #000 !important;
}

.status.status-messageboard .custom-select {
    color: #000 !important;
}

.detailWrap .creatPost {
    padding-top: 0;
}

.admin .message_board .card a {
    padding: 0px;
    margin: 0px;
    position: relative
}

.admin .message_board .card img {
    width: 160px !important;
    height: 110px !important;
}


/*Message Board Admin view*/

.card.admin {
    height: auto;
    background: #fff;
    padding: 7px;
    box-sizing: border-box;
    border-radius: 3px;
    z-index: 1
}

.card.admin img {
    position: inherit;
    height: 126px;
    border-radius: 5px;
}

.card.admin span.card-name {
    position: inherit !important;
    width: 100%;
    display: block !important;
    background: #fff;
    height: 85px;
}

.message_board .card .edit-foot a {
    margin: 0 8px -2px 8px !important;
    width: 20px;
    height: 20px;
    position: inherit;
    display: inline-block;
    background-size: contain;
}

.icon-edit {
    background: url(../images/edit.png?v=1.5);
}

.icon-delete {
    background: url(../images/Delete.png?v=1.5);
}

.icon-add {
    background: url(../images/icon-add.png?v=1.5);
}

.edit-foot {
    font-size: 30px;
    font-weight: 100 !important;
    color: #e4e4e4;
    border-top: 1px solid #e4e4e4;
    margin: 6px 24px 6px 24px;
}

.admin .message_board .card.addnew i {
    width: 100%;
    height: 130px;
    position: inherit;
    display: inline-block;
    background-size: 36px;
    background-color: #f8f8f8;
    background-repeat: no-repeat;
    background-position: center;
}

.admin .message_board .card.addnew span {
    color: #4e4e4e;
    font-size: 20px;
    display: block;
    padding: 21px 20px 33px 20px;
}

.admin .message_board .card.addnew {
    height: auto !important;
    padding: 8px;
    border-radius: 2px;
}

.filter-btn-wrap .status.status-messageboard .custom-select {
    padding: 6px 0;
    display: block;
    color: #5a5a5a !important;
    font-size: 14px !important;
    border: none;
    background: none;
    width: 109px;
    height: auto;
    margin-top: 4px;
    left:350px;
}

.filter-btn-wrap .status.status-messageboard {
    width: auto !important;
    float: right;
    margin-top: 0px;
    background: transparent;
    color: #000 !important;
}

.filter-btn-wrap .status.status-messageboard .custom-select.active {
    background: #5773A2;
    color: #FFF !important;
}


/*Important Numbers*/

.importantNumbers {
    background: none;
    margin: 10px 0 20px 0;
    padding: 30px 20px;
}

.impNum {
    background: #fff;
    padding: 10px 15px;
    margin: 10px 30px !important;
    width: 284px !important;
    box-sizing: border-box;
    border-radius: 0px;
    /* box-shadow: 0 0 8px rgba(0, 0, 0, 0.08); */
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.importantNumbers .imgWrap img {
    width: 26px !important;
}

.importantNumbers .media-body h5 {
    font-size: 16px;
    opacity: 0.8;
}

.importantNumbers .media-body a {
    color: #685a5c;
    font-weight: bolder;
}

.importantNumbers .media-body a:hover {
    text-decoration: underline;
}

.importantNumbers .media-body {
    margin-left: 15px;
}

.admin .importantNumbers .edit img {
    filter: invert(39%) sepia(7%) saturate(733%) hue-rotate(303deg) brightness(20%) contrast(10%)
}

.admin .importantNumbers .edit img {
    filter: invert(39%) sepia(7%) saturate(733%) hue-rotate(303deg) brightness(20%) contrast(10%)
}


/*Member Directory*/

.filters.filter-fields {
    padding: 0;
    background: none;
}

.member-directory-main-wrap .tabWrap {
    background: none;
    padding: 0;
    padding-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    margin-bottom: 20px;
    margin-top: -8px;
}

.member-directory-main-wrap .firstChild1:first-child {
    margin-top: 70px !important;
}

.cardWrap .cardView .media-body .personDetails .table thead tr th,
.cardWrap .cardView .media-body .personDetails .table thead tr,
.cardWrap .cardView .media-body .personDetails .table thead {
    line-height: 0 !important;
    padding: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    height: 0px !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
}

.cardWrap .cardView .media-body .personDetails .table thead tr th:before {
    width: auto;
    height: 0;
    display: inline-block;
    position: relative;
    top: -35px;
    font-size: 16px;
    font-weight: 600;
    color: #685A5C;
    letter-spacing: 0.2px;
    margin-left: 1.5em;
}
.cardWrap .cardView .media-body .personDetails .table thead tr th:last-child:before {
    margin-left: 0 !important;
}

.member-directory-main-wrap .name-hdr:before {
    content: "Name";
}

.member-directory-main-wrap .home-hdr:before {
    content: "Home";
}
.member-directory-main-wrap .other-hdr:before {
    content: "Other";
}

.member-directory-main-wrap .address-hdr:before {
    content: "Address";
}
.member-directory-main-wrap .village-hdr:before {
    content: "Village";
}

.member-directory-main-wrap .contact-hdr:before {
    content: "Contact";
}

.member-directory-main-wrap .my-buddy-list-hdr:before {
    content: "My Buddy List";
}

.member-directory-innerWrap .personDetails td.profile-pic-wrap {
    width: 185px !important;
    max-width: 185px;
}

.cardWrap .cardView .media-body .personDetails .table td {
    font-size: 14px;
}

.member-directory-innerWrap .personDetails .member-address-cell .icon-calout:before {
    background: url(../images/icon-address.svg?v=1.5);
    right: 7px;
    top: 7px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.member-directory-innerWrap .personDetails .member-phone-cell .icon-phone:before {
    background: url(../images/Icon-call.svg?v=1.5);
    right: 10px;
    top: 9px;
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: center;
}

.member-directory-innerWrap .personDetails .member-phone-cell .member-mailid .icon-mail:before {
    background: url(../images/Icon-mail.svg?v=1.5);
    right: 9px;
    top: 7px;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-position: center;
}

.cardWrap .cardView .media-body .personDetails .table .heading {
    font-weight: 700 !important;
    line-height: 29px !important;
    height: 25px;
    margin-top: -5px;
}

/* .member-mailid {
    margin-top: 15px;
} */

.member-directory-innerWrap .personDetails .member-address-cell {
    max-width: 185px !important;
    padding: 0px 25px !important;
}

.member-directory-innerWrap .personDetails .member-phone-cell {
    max-width: 185px;
    padding: 0px 30px !important;
    width: 183px !important;
}

.member-directory-innerWrap .member-name {
    font-size: 18px;
    font-weight: 600 !important;
    white-space: normal;
    padding: 0 10px 0 0;
    /* line-height: 15px; */
    /* margin-top: 8px; */
}

.member-directory-innerWrap .member-name b {
    display: block;
    font-size: 15px;
    font-weight: 400 !important;
    margin-left: 5px;
}

.cardWrap .cardView .media-body .addbuddy span:after {
    left: 40% !important;
}

.cardWrap .cardView .media-body .addbuddy {
    text-align: center !important;
}

.cardWrap .cardView .media-body .addbuddy span.remove {
    color: #5773A2;
    max-width: 108px;
    margin: 0 auto;
}

.member-directory-innerWrap .personDetails .member-pic-wrap img {
    display: inline-block;
    width: 50px !important;
    height: 50px;
    overflow: hidden;
    border-radius: 50px;
    border: solid 1.5px rgba(0, 0, 0, 0.3);
    box-shadow: none;
}

.cardWrap .cardView .media-body .personDetails {
    padding: 1px 0px 12px 0px;
}

.interests input:checked+.checked {
    background-color: #5773A2;
    border: 2px solid #5773A2;
}


/**Admin**/

.tool-bar .filters .selectBox {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    margin-top: 5px;
    padding: 20px 0 0 0;
    text-align: right;
}

.admin .tool-bar .filters .filter form,
.admin .tool-bar .filters .filter {
    display: block;
    width: 100%;
}

.admin .tool-bar .filters .filter form button[type="submit"] {
    background: #5773A2;
    color: #fff !important;
    border: 1px solid #5773A2;
}

.admin .eventWrap .tableWrap .table th {
    background: transparent;
    font-weight: bold !important;
    font-size: 16px;
    color: #685a5c;
}

.admin .eventWrap .tableWrap .table tr {
    background: none;
}

.admin .eventWrap .tableWrap .table tbody#memberlist tr {
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.04);
}

.admin .eventWrap {
    padding-top: 25px;
    background: #FFF;
    width: 100% !important;
}

.admin .eventWrap.addedit-news {
    padding-top: 0px;
    background: #FFF;
    width: 100% !important;
}

.admin .eventWrap .tableWrap .table td span:first-child {
    font-size: 18px;
    line-height: 17px;
}

.admin .eventWrap .tableWrap .table tbody#memberlist tr .media {
    display: block;
}

.admin .eventWrap .tableWrap .table tbody#memberlist tr .media .media-body {
    display: block;
    width: 100%;
}

.admin .memeberdirectory .tableWrap .table .hideMember {
    background: #f5f5f5;
}

.admin .eventWrap .tableWrap .table td span a {
    color: #5773A2 !important;
}

.admin .memeberdirectory .tableWrap .table td span {
    color: #000 !important;
}

.admin .eventWrap .tableWrap {
    background: #fff;
}

.admin .eventWrap .tableWrap .table td span.hideInfo {
    font-size: 16px;
    font-weight: 400 !important;
}

.admin .memeberdirectory .tableWrap .table td:nth-child(2) {
	width: 160px;
}
.admin .memeberdirectory .tableWrap .table td:nth-child(4) {
    width: 150px;
}
.admin .memeberdirectory .tableWrap .table td:nth-child(5) {
    width: 150px;
}


/*Club News*/

.clubNews .list ul {
    text-align: right;
}

.club-news {
    vertical-align: top;
    font-size: 18px;
}

.clubnewsWrap .search {
    border: 1px solid #ccc;
    border-radius: 4px;
}

.clubnewsWrap .dateSelect {
    margin-top: 20px;
}


/*Upcaoming Events*/

.upcomingEvents .eventWrap .event {
    background: none;
    margin: 10px 30px;
    width: 410px;
    display: inline-block;
    border-radius: 5px;
    box-shadow: none;
    padding: 20px 10px;
}

.upcomingEvents .eventWrap .event .description p {
    height: auto !important;
    min-height: 32px !important;
}

.upcomingEvents .eventWrap .event .imgWrap,
.upcomingEvents .eventWrap .event .description {
    height: auto !important;
    min-height: auto !important;
}

.upcomingEvents .eventWrap .event .imgWrap {
    text-align: center;
    background: #fff;
    width: auto !important;
    float: none;
    border: none;
    height: 250px !important;
    border-radius: 5px;
    margin-bottom: 10px;
}

.upcomingEvents .eventWrap .event .imgWrap img {
    width: 100% !important;
    height: 100% !important;
    align-self: center;
    margin: 0 auto;
    max-width: 100%;
    border-radius: 5px;
}

.upcomingEvents .eventWrap .event .description h4 {
    height: auto;
    font-size: 16px;
}

.upcomingEvents .eventWrap .event .description p {
    display: none;
}

.upcomingEvents .eventWrap .event .description {
    margin: 0;
    float: left;
    background: transparent;
    padding: 0px 8px;
    display: table-cell;
    vertical-align: middle;
    width: calc(100% - 66px);
}

.upcomingEvents .view-all {
    border: solid 1px #5773A2;
}

.upcomingEvents h2 {
    display: block;
}

.date-wrap {
    text-align: center !important;
    display: block;
    padding: 0 !important;
    vertical-align: top;
    width: 70px;
    border-right: 1px solid rgba(0, 0, 0, 0.15) !important;
    padding-right: 5px !important;
    box-sizing: border-box;
    margin-left: 5px;
}

.date-wrap span.month {
    float: none !important;
    opacity: 1 !important;
    text-decoration: none;
    font-size: 12px;
    text-align: center !important;
    display: block;
    margin: 0;
    line-height: 16px;
    text-transform: uppercase
}

.date-wrap span.date {
    text-align: center !important;
    float: none;
    font-size: 27px;
    color: #685a5c !important;
    line-height: 19px;
    margin: auto;
    font-weight: 800 !important;
    display: block;
    position: inherit;
    top: inherit;
}

.date-wrap .month {
    color: #685a5c !important;
}

.upcomingEvents .eventWrap {
    margin: 0 !important;
    text-align: center;
}


/*Login*/

.loginWrap .form form .form-control {
    border-bottom: 1px solid #fff !important;
    color: #ffffff !important;
    caret-color: #fff;
}


/**/

.modal-dialog {
    max-width: 800px;
}


@media (min-width: 576px) and (max-width: 820px) {
  .modal-dialog {
     max-width: 90% !important;
  }
}


/*Footer*/

.info-block .col:first-child {
    padding-left: 0px;
}

.footerWrap .bg {
    padding: 35px 0 10px 0;
}

.info-block .col img {
    width: 66px;
    float: left
}

.footerWrap {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.info-block .col a {
    font-weight: bold !important;
    color: #fff;
}

.info-block .col {
    width: 33.3%;
    border-right: 1px solid #666;
    padding: 35px 25px 10px 25px;
}

.footerWrap .footerSocial {
    margin: 0;
    padding-top: 6px;
}

.info-block .col a {
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 16px;
}

.footerWrap .footerSocial .contactUs li a {
    font-size: 14px;
    color: #fff;
}

.footerWrap .bottomFooter {
    padding: 30px 0;
    border-top: 0px solid #F4F4F4;
    margin: 0 auto;
    width: 1275px;
    position: relative;
    top: 18px;
}

.footerWrap .bottomFooter p {
    color: #fff;
    font-size: 14px;
}

.footerWrap .custom-links {
    position: absolute;
    clear: both;
    padding-top: 40px
}

.footerWrap .custom-links a {
    color: #fff !important;
    margin: 0px 20px 0px 0px;
    font-size: 14px
}


/*My Statments*/

.carousel a[class*="carousel-control-"] {
    opacity: 1;
    top: 3px;
}

.carousel a[class*="carousel-control-"]:after {
    content: "";
    width: 12px;
    height: 12px;
    border-left: 3px solid #5773A2;
    border-bottom: 3px solid #5773A2;
}

.carousel-control-prev {
    left: -38px;
    transform: rotate(45deg);
}

.carousel-control-next {
    right: -37px;
    transform: rotate(225deg);
}

.slidingMenu li.active a {
    opacity: 1;
    color: #ffffff;
    background: #685a5c;
    padding: 2px 9px;
    border-radius: 12px;
}

.carousel-inner {
    position: relative;
    width: 350px;
    overflow: hidden;
    margin: auto;
    float: right;
}

.slidingMenu li a {
    font-weight: normal !important;
    color: #000;
    font-size: 12px;
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block;
    width: 350px;
    float: right;
}

.carousel {
    position: relative;
    display: inline-block;
    float: right;
    margin-top: -50px;
    margin-right: 35px;
}

.disclaimer p {
    font-size: 14px;
    padding: 5px;
    margin: 0;
}

.disclaimer p strong {
    font-weight: 700 !important;
}

.disclaimer {
    padding: 7px;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.09);
}

.eventNewsSection .newsWrap .list {
    margin-top: 0 !important;
    text-align: left;
}

.eventNewsSection .newsWrap .list .headings h4 {
    background: none;
    text-shadow: 1px 1px 1px #000;
    margin-top: -17px;
}

.eventNewsSection .newsWrap .list .headings h4 {
    left: 0 !important;
}

.img-container.img-drivingrange {
    background: url(../images/golf/drivingrangeupdated.jpg?v=1.5);
    background-size: cover;
}

.img-container .description p {
    background: none;
}

ul.statement-category li {
    margin: 0 45px;
}


/*Club News*/

.Club-News-Section {
    background: whitesmoke !important;
    top: 0px;
    position: relative;
    padding-bottom: 20px;
}

.clubNews {
    background: transparent !important
}

.clubNews .news-date-wraper {
    /* background: #ffc660; */
}

.club-news {
    vertical-align: top;
    font-size: 15px;
    background: #ffff !important;
    font-weight: 600 !important;
    padding: 15px 15px 15px 10px;
    width: 50%;
    margin-top: -7px;
    height: 90px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid rgba(104, 90, 92, 0.55);
    border-left: none;
    margin-left: -6px;
    margin-left: -4px;
}

.clubNews .news-date-wraper span {
    color: #ffffff !important;
    display: block;
    position: relative;
    font-weight: 600 !important;
    padding-top: 6px;
}

.clubNews .news-date-wraper .news-month {
    font-size: 25px !important;
    line-height: 25px;
}

.clubNews .news-date-wraper {
    padding: 8px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    width: 90px;
    border-width: 1px;
    border-right: none;
    border-radius: 4px;
    right: -2px;
    z-index: 100;
}

.clubNews .news-date-wraper .news-d-y {
    font-size: 16px !important;
    line-height: 6px;
    font-weight: 500 !important;
}

.clubNews .list ul li:first-child {
    text-align: right;
}

.clubNews .list ul {
    text-align: left !important;
    /*cursor: pointer;*/
}

.clubNews .list ul li {
    padding: 0 15px;
}

.eventNewsSection .newsWrap .list li ul li {
    margin-top: 0px !important;
    height: 148px;
    vertical-align: top;
}

.img-container.img-allcourts {
    background-position: center;
    width: 50%;
}

.todayAtGlance .img-container {
    margin: auto;
    background-size: cover;
}

.importantNumbers {
    background: #fff;
    padding: 40px;
    width: 790px !important;
    display: block;
    border-radius: 10px;
    margin: 0px auto !important;
}

.template .eventbtns .btn.primary,
.btn.outline {
    color: #eeeeee;
    border: 1px solid #5773A2;
    margin-bottom: 1px !important;
    vertical-align: middle;
    height: 42px;
}

.editform .otherAddress_interest .otheraddress .addWrap {
    background: #fbfbfb
}

.admin .detailWrap .creatnewpost .collapse .form-group:last-child {
    margin-left: 0px;
}

.upcomingEvents .eventWrap .event {
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.upcomingEvents .eventWrap .event::after {
    content: "";
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.upcomingEvents .eventWrap .event:hover {
    -webkit-transform: scale(1.0, 1.0);
    transform: scale(1.10, 1.10);
}

.upcomingEvents .eventWrap .event:hover::after {
    opacity: 1;
}

.bannerWrap .banerContent .filters ul li a span.icons {
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.bannerWrap .banerContent .filters ul li a span.icons::after {
    content: "";
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.bannerWrap .banerContent .filters ul li a span.icons:hover {
    -webkit-transform: scale(1.15, 1.15);
    transform: scale(1.15, 1.15);
    background-color: rgba(243, 125, 74, 0.7);
    border-color: #ce7044;
}

.bannerWrap .banerContent .filters ul li a span.icons:hover::after {
    opacity: 1;
}

.COEEvents .tabWrap .tab ul li:hover a img {}

.COEEvents .tabWrap .tab ul li {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.COEEvents .tabWrap .tab ul li::after {
    content: "";
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-out;
}

.COEEvents .tabWrap .tab ul li:hover {
    -webkit-transform: scale(1.15, 1.15);
    transform: scale(1.15, 1.15);
}

.COEEvents .tabWrap .tab ul li:hover::after {
    opacity: 0;
}

.todayatglance-section .tab .tab-menu li {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.todayatglance-section .tab .tab-menu li::after {
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-out;
}

.todayatglance-section .tab .tab-menu li:hover {
    -webkit-transform: scale(1.15, 1.15);
    transform: scale(1.30, 1.30);
}


/**.nav-link.Active-Menu{border:none !important}**/

.nav-link.Active-Menu:after {
    content: "";
    width: 100%;
    border-bottom: solid 2px #5773A2;
    display: block !important;
    position: relative;
    top: 3px
}

.text-danger {
    color: #ff0000 !important;
}

.nav-link.Active-Menu {
    border-bottom: solid 4px #5773A2 !important;
}

.admin .clubnewsWrap.preview .btns {
    margin-top: 20px;
}

.admin-clubnewsWrap .blocks .links ul li:hover {
    -webkit-transform: scale(1.15, 1.15);
    transform: scale(1.15, 1.15);
}

.admin-clubnewsWrap .blocks .links ul li::after {
    content: "";
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-out;
}

.admin-clubnewsWrap .blocks .links ul li:hover {
    -webkit-transform: scale(1.15, 1.15);
    transform: scale(1.15, 1.15);
}

.admin-clubnewsWrap .blocks .links ul li:hover::after {
    opacity: 0;
}

.announcements-wrapper .announcements-content {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.announcements-wrapper.announcements-content::after {
    content: "";
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-out;
}

.announcements-wrapper .announcements-content:hover {
    -webkit-transform: scale(1.15, 1.15);
    transform: scale(1.15, 1.15);
}

.announcements-wrapper .announcements-content:hover::after {
    opacity: 0;
}

.tabWrap .tab ul.statement-category li:hover a img {}

.tabWrap .tab ul.statement-category li {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.tabWrap .tab ul.statement-category li::after {
    content: "";
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-out;
}

.tabWrap .tab ul.statement-category li:hover {
    -webkit-transform: scale(1.15, 1.15);
    transform: scale(1.15, 1.15);
}

.tabWrap .tab ul.statement-category li:hover::after {
    opacity: 0;
}

.news-tabs ul.clubnews-category li {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.news-tabs ul.clubnews-category li::after {
    content: "";
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-out;
}

.news-tabs ul.clubnews-category li:hover {
    -webkit-transform: scale(1.15, 1.15);
    transform: scale(1.15, 1.15);
}

.news-tabs ul.clubnews-category li:hover::after {
    opacity: 0;
}

.clubnewsWrap .clubNewsContainer .links ul li {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.clubnewsWrap .clubNewsContainer .links ul li::after {
    content: "";
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-out;
}

.clubnewsWrap .clubNewsContainer .links ul li:hover {
    -webkit-transform: scale(1.15, 1.15);
    transform: scale(1.1, 1.1);
}

.clubnewsWrap .clubNewsContainer .links ul li:hover::after {
    opacity: 0;
}

.message_board .card {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.message_board .card::after {
    content: "";
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-out;
}

.message_board .card:hover {
    -webkit-transform: scale(1.15, 1.15);
    transform: scale(1.1, 1.1);
}

.message_board .card:hover>.card-name {
    color: #5773A2 !Important;
}

.message_board .card:hover::after {
    opacity: 0;
}

.alphabetWrap {
    overflow: hidden;
    width: 100%;
    margin-left: 24px;
}

.alphabetWrap ul {
    width: 100%;
    white-space: nowrap;
    overflow: auto;
}

.tabWrap .alphabetWrap li {
    overflow: hidden
}


.alphabetWrap ul li {
    display: inline-block;
}

.alphabetWrap ul li a {
    font-size: 18px;
    color: #464646;
    padding: 0px 15px 15px;
    display: block;
}

.tabWrap .alphabetWrap li a {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.tabWrap .alphabetWrap li a::after {
    content: "";
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-out;
}
.alphabetWrap ul li.active a {
    color: #052F42;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
}
.tabWrap .alphabetWrap li.active a:hover {
    transform: none;
    -webkit-transform: none;
}

.member-directory-main-wrap .alphabetWrap ul li.active {
    border-radius: 50px;
    background-color: #5773A2;
    text-align: center;
    width: 30px;
    height: 30px;
}

.member-directory-main-wrap .alphabetWrap ul li.active a {
    padding: 0px 5px;
    color: #fff;
}

.tabWrap .alphabetWrap li a:hover {
    -webkit-transform: scale(1.15, 1.15);
    transform: scale(1.40, 1.40);
}

.tabWrap .alphabetWrap li a:hover::after {
    opacity: 0;
}


/*
.img-container {
   
   transition:all 3s ;
  -webkit-transition:all 3s ;
  -o-transition:all 3s ;
  -moz-transition:all 3s ;
    
}

.img-container:hover{

	 
    background-size:550px 550px;
      background-position:-50px -50px;
   
     background-size: 120%;
}






.admin .eventWrap .tableWrap .table td span a{
  text-decoration: none;
  
  z-index: 1;
  position:relative; outline: none;
 
}
.admin .eventWrap .tableWrap .table td span a:before{
  background: #0D757D;
  width: 100%;
  min-height: 1px;
  line-height: 1px;
  font-size: 3rem;
  font-weight: normal;
  text-align: center;
  color: rgba(0,0,0,.4);
  margin: 3rem auto 0;
  
}

.admin .eventWrap .tableWrap .table td span a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background: #5773A2;
  visibility: hidden;
  border-radius: 5px;
  transform: scaleX(0);
  transition: .25s linear;
}
.admin .eventWrap .tableWrap .table td span a:hover:before,
.admin .eventWrap .tableWrap .table td span a:focus:before {
  visibility: visible;
  transform: scaleX(1);
}
 
*/

.navigation .navbar-nav .nav-item {
    text-decoration: none;
    z-index: 100;
    position: relative;
    outline: none;
}

.navigation .navbar-nav .nav-item:before {
    width: 100%;
    min-height: 1px;
    color: rgba(0, 0, 0, .4);
}

.navigation .navbar-nav .nav-item:before {
    content: "";
    position: absolute;
    height: 2px;
    bottom: 18px;
    left: 0;
    background: #5773A2;
    visibility: hidden;
    border-radius: 5px;
    transform: scaleX(0);
    transition: .25s linear;
}

.navigation .navbar-nav .nav-item:hover:before,
.navigation .navbar-nav .nav-item:focus:before {
    visibility: visible;
    transform: scaleX(1);
}

.admin .tab-wrapper .tab-menu li {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.admin .tab-wrapper .tab-menu li::after {
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-out;
}

.admin .tab-wrapper .tab-menu li:hover {
    -webkit-transform: scale(1.15, 1.15);
    transform: scale(1.30, 1.30);
}

.admin .tab-wrapper .tab-menu li:hover::after {}

.admin .addNewsWrap a.back {
    color: #685A5C;
    font-size: 16px;
    line-height: 20px;
    padding: 4px 24px;
    margin-top: 8px;
    display: block;
}

.alert-warning {
    color: #685a5c;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}

.display-page-numbers {
    margin: auto !important;
}

.tableFooter .paginationGroup .page .current {
    color: #f59677;
}

.caltypes .active .linkBtn-Shoppes .icon img {
    left: 6px !important;
    top: 10px !important;
}

.caltypes .active .linkBtn-Fitness .icon img {
    left: 7px !important;
    top: 8px !important;
}

.form-group.inputs {
    margin-right: 30px;
}

.admin .eventWrap .inputClubed .date input {
    padding: 6px 30px 6px 5px;
    width: 96%;
    margin-right: 5px;
}

.detailWrap .creatnewpost .card .btns .files {
    display: inline-block;
    position: relative;
    /*top: -5px;*/
}

.admin .eventWrap .editWrap .addanother {
    color: #5773A2
}


/* default image for blank and broken images  /***/

.message-board-page img {
    min-height: 60px !important;
}

.message-board-page img:before {
    content: "";
    display: block;
    margin-bottom: 10px;
    text-indent: -9000px;
    padding: -200px;
    z-index: 1000;
}

.message-board-page img:after {
    content: "";
    width: 160px;
    height: 100px;
    word-wrap: break-word;
    padding: 20px 40px 0px 20px;
    background: url(../images/blank-img.png?v=1.5);
    background-repeat: no-repeat;
    background-color: #fefefe;
    background-size: 50%;
    background-position: 40px 10px;
    filter: brightness(160%);
    color: #a8a8a8;
    display: block;
    z-index: 1;
    position: relative;
    top: -2px;
    /* float: left; */
    left: 0px;
    clear: both;
    border-radius: 4px;
}

.pagination .page-item.active .page-link {
    color: #5773A2 !important
}

.card-name {
    z-index: 2000;
    position: absolute
}

.detailWrap .post .btns .editSection a:first-child {
    margin-left: 10px;
    margin-top: 7px;
}


/*-----------------------------------------------------------------*/

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}


/********** MANI CSS **********/


/********** Over riding responsive CSS styles **********/

.message_board.card img {
    width: 10
}

.admin.announcements.editbtn {
    vertical-align: middle;
}

.outerWrapper .container {
    clear: both;
}

.calender_header select {
    width: 167px;
}

.eventDetail .details .eventtime .date {
    width: 70%;
}

.message_board.card img {
    border-radius: 5px;
    margin: 0 auto;
}

.announcementWrap .announcement .media-body .viewallWrap .viewAll {
    margin-top: 0px !important;
}

.admin .announcements .editbtn {
    background: url(../images/edit_gold.png?v=1.5) no-repeat;
    background-size: cover;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}


/* ------JAYEESHA TEAM CSS ---------------------------------------------------------------------------------------------------------------------------- */


/*this css file designed/changed by Jayeesha team*/


/* drop down select option changes in some pages  */

option.select-color:nth-child(1) {
    color: #4a3a1f
}


/* distance between display date and expire date in create club news form */

.mrgn-l-170 {
    margin-left: 170px;
}

.color-red {
    color: red;
}

.mrgn-l-115 {
    margin-left: 110px;
}


/* drop down select option changes in some pages  */

option.select-color:nth-child(1) {
    color: #4a3a1f
}


/* distance between display date and expire date in create club news form */

.mrgn-l-170 {
    margin-left: 170px;
}

.color-red {
    color: red;
}

.mrgn-l-110 {
    margin-left: 110px;
}

.form-gap {
    padding-top: 40px;
}

.form-gap-otp {
    padding-top: 40px;
}

.fp-request-panel {
    padding-top: 40px !important;
    padding-bottom: 80px !important
}

.fp-request-panel1 {
    padding-bottom: 40px !important
}

.fp-otp-panel {
    padding-top: 40px !important;
    /*padding-bottom: 20px !important*/
}

.fp-request-body {
    padding-top: 75px !important;
}

.loginwrap .fp-request-input input {
    border-bottom: solid 1px #fff !important;
}

.fp-request-label {
    color: black !important;
    margin-bottom: 13px !important;
    margin-top: -50px !important;
}

.fp-verify-otp-label {
    color: black !important;
}

.fp-button,
.fp-otp-button {
    padding: 0px 50px 0px 50px !important;
    margin-top: 40px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    border-radius: 25px !important;
}

.fp-otp-msg {
    padding: 30px 0px 20px 0px !important;
}

.fp-otp-secure-div {
    padding-bottom: 30px !important;
}

.fp-otp-resp-msg {
    margin-bottom: -10px !important;
    margin-top: -50px !important
}

.fp-otp-sucure-button {
    padding: 0px 10px 0px 10px !important;
    margin-top: 50px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    color: #49b5e6 !important;
    border: 1px solid #49b5e6 !important;
    border-radius: 25px !important;
}

.fp-otp-sucure-button:hover {
    background-color: #fff !important;
}

.fp-update-pw-button {
    padding: 0px 50px 0px 50px !important;
    margin-top: 20px !important;
}

#openForgot {
    cursor: pointer !important;
}

.confirm-pwd-div {
    padding-top: 20px !important;
    margin-top: 5px !important;
}

.confirm-pwd-div input {
    margin-top: 5px !important;
}

.pwd-contain-data {
    padding-top: 200px !important;
    margin-left: 50px !important;
    margin-right: 50px !important;
}

.fp-modal-padding {
    padding-left: 130px !important
}

.fp-input {
    /* margin-left: 85px !important; */
    /* margin-left: 0 !important; */
    margin: auto;
}

span.help-block.form-error {
    position: static !important;
}

.fp-modal-header {
    background-color: #f5f1f117 !important;
}

.fp-modalWrap {
    padding: 0px !important;
}


/* optional */

input.maske {
    text-transform: uppercase;
}

span.glanceScreen_colors {
    width: 18px;
    height: 18px;
    display: inline-block !important;
    cursor: pointer;
}

.redarea {
    background: red;
}

.yellowarea {
    background: yellow;
}

.greenarea {
    background: green;
}

.blue {
    background: blue;
}

.mrg-left {
    margin-left: 15px;
}

.mrgn-right-4 {
    margin-right: 4px;
}

.hiddenElement {
    margin-left: 0px !important;
}

.report-filter {
    margin: 20px 0px 0px 50px;
}

.color-blue {
    color: blue !important;
}

.table .session_detils {
    background-color: #f4f4f4 !important;
}

input:-webkit-autofill,
.editform .otherAddress_interest .otheraddress .inline .custom-select {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    /* Change the color to your own background color */
    -webkit-text-fill-color: #fff !important;
    border: 1px solid #ddd !important;
}

.pdng-top-30 {
    padding-top: 30px !important;
}

.input-daterange .session-report-date {
    background: url(../images/calender.png?v=1.5) no-repeat;
    background-position: center right;
    text-align: left;
    border-radius: 5px;
}

.font-12 {
    font-size: 12px;
}

.newvolume-text {
    color: #47a3ea
}

#forgotPasswordModal .modal-content,
#otpModal .modal-content {
    max-height: 600px;
}
@media(min-width:996px){
    #forgotPasswordModal .modal-content,#otpModal .modal-content,#newpassModal .modal-content {
       width: 80% !important;
    }
}
@media(max-width:768px) {
    .modal.fp-modal-padding {
        padding-left: 0 !important;
    }
}

.eventCheckBoxWrap {
    margin-bottom: -14px !important;
}

.gmemberList {
    margin-top: -33px !important;
}

.color-blue u {
    padding-left: 8px;
}


/* .login-footer {
    font-size: 18px !important;
    padding: 10px;
} */


.table-curved {
    border-collapse: separate;
    /* border: solid #ccc 1px; */
    border-radius: 25px;
}

.width-auto {
    width: auto !important;
}

.table-responsive tbody tr:last-child td:first-child {
    border-radius: 0 0 0 20px;
}

.table-responsive tbody tr:last-child td:last-child {
    border-radius: 0 0 20px 0;
}

.table-responsive tbody td {
    border: none;
    border-top: solid 1px #957030;
    background-color: #fff;
}


/* .table-responsive thead th:first-child {
    border-radius: 20px 0 0 0;
}
.table-responsive thead th:last-child {
    border-radius: 0 20px 0 0;
} */

.table-responsive thead tr:first-child th:first-child {
    border-radius: 0px 0 0 20px;
    border-top: 1px solid #F4F4F4 !important;
}

.table-responsive tbody tr:first-child td:first-child {
    border-radius: 20px 0 0 0;
    border-top: 1px solid #F4F4F4 !important;
}

.table-responsive tbody tr:first-child td:last-child {
    border-radius: 0 20px 0 0;
    border-top: 1px solid #F4F4F4 !important;
}

.glance-green {
    background: url(../images/Rectangle1730.png?v=1.5);
}

.glance-red {
    background: url(../images/Rectangle1734.png?v=1.5);
}

.glance-yellow {
    background: url(../images/Rectangle1736.png?v=1.5);
}

.glance-orange {
    background: url(../images/Rectangle1737.png?v=1.5);
}

.glance-green-select {
    background: url(../images/Rectangle1735.png?v=1.5);
}

.glance-red-select {
    background: url(../images/Rectangle1731.png?v=1.5);
}

.glance-yellow-select {
    background: url(../images/Rectangle1732.png?v=1.5);
}

.glance-orange-select {
    background: url(../images/Rectangle1733.png?v=1.5);
}

.glance-red-color {
    margin: 0px 4px 0 4px;
}

.glance-yellow-color {
    margin: 0px 4px 0px 0px;
}

.admin-announcement-popup .modal-body button {
    position: absolute;
    right: -14px;
    top: 2px;
    clear: both;
    border: none;
    font-size: 20px !important;
}

.admin-announcement-popup .modal-body button:hover {
    background: none !important;
    color: #c4a46b
}

.form-control:focus {
    border-color: #202020;
    outline: 0;
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);*/
}

.control input[type="checkbox"]:focus~.control__indicator {
    background: #fff;
    border: 2px solid #685a5c;
}

.admin .announcements>a {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: 25px;
    position: relative;
    top: 4px;
    cursor: pointer;
}

.fileinput:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.open-admin-announcement-popup {
    cursor: pointer;
}

.width-15 {
    width: 15%;
}

.btn.primary:focus {
    /* background: #5773A2; */
    color: #fff;
}

.fileinput-name,
#postImageURL_edit,
#newsImageURL_edit {
    cursor: pointer;
    text-decoration: underline;
}

.admin-announcement-popup .modal-body button,
.admin-image-preview-popup .modal-body button {
    position: absolute;
    right: -14px;
    top: 2px;
    clear: both;
    border: none;
    font-size: 20px !important;
}

.admin-image-preview-popup .content img {
    height: 620px !important;
    width: 100%;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    margin: 0px auto;
}


#simple-pagination_Links, #simple-pagination_Opened{
    float: left;
}
#simple-pagination_Links .first, #simple-pagination_Opened .first{
    top: -28px !important
}
#simple-pagination_Links .prev, #simple-pagination_Opened .prev{
    top: -28px !important
}

.display-page-numbers {
    text-align: right;
    margin: -30px 50px 0px 0px;
}

.confirmed a {
    display: block;
}

.waiting a {
    display: block;
}

.Cancelations a {
    display: block;
}

.export:hover {
    background-color: #685A5C !important;
    cursor: pointer;
}

.app-loader {
    position: fixed;
    background: no-repeat !important;
}

.app-loader .loading,
.table-loader .loading {
    border: solid 5px #5773A2 !important;
    border-top-color: #fff !important;
}

.importantNumbers .impNum {
    float: none !important;
}


/*date fields alignment (309 Incident)*/

.admin .eventWrap .inputClubed .date input {
    /*width: 100% !important;*/
}

.eventFromDate {
    margin-right: 5px !important;
}


/*date fields alignment (309 Incident) end*/

.admin-myclubnews .add-club-news {
    margin-top: -8px !important;
    position: unset !important;
}

.btn-group .btn {
    border-radius: 25px !important;
}

.logoWrap .logo {
    width: 90px;
    position: absolute;
    top: -7px;
    color: #f47d4c;
}

.msg-board-pos {
    position: absolute !important;
}

.flt-left {
    float: left !important;
}

.dropdown-menu .Active-Menu-Selected-Item {
    background: #5773A2;
    color: #fff !important;
}

.showRedColorErrorMessage span {
    color: #ff0000 !important;
}

.modal-body {
    /* max-height: calc(100vh - 240px); */
    max-height: calc(100vh - 120px);
    overflow-x: hidden;
    overflow-y: auto;
}
.TicketsList .modal-body {
    /* max-height: calc(100vh - 240px); */
    max-height: calc(100vh - 240px) !important;
    overflow-x: hidden;
    overflow-y: auto;
}

.tabWrap .tab .linkBtn-All img {
    left: 14px
}

.modal .modal-body .modalWrap.center {
    padding: 60px 60px;
    text-align: center;
}

.modal .modal-body .content p {
    font-size: 18px;
}

.modal .modal-footer {
    margin: 15px auto;
}

.text-color:hover {
    cursor: default;
}


/* .Tennis-wrapper ul li,.Golf-wrapper ul li,
.Dining-wrapper ul li,.CARDROOMS-wrapper ul li,
.Fitness-wrapper ul li,.Spa-wrapper ul li{
    margin: auto !important;
    float: none !important;
} */


/* ul li .dashboardImage , ul .dashboardImage{
  background-position: center !important;
} */

.singleChild {
    width: 48%;
    margin: auto;
}


/* for custom checkboxes  */

.fg {
    display: block;
    margin-bottom: 15px;
    padding-right: 20px;
}

.fg input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.fg label {
    position: relative;
    cursor: pointer;
}

.fg label:before {
    content: '';
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid grey;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 12px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    margin-right: 0.7em;
}

.fg input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 10px;
    width: 7px;
    height: 18px;
    border: solid #00C6FF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.logincheckpwd .fg label:before {
    padding: 10px !important;
    margin-right: 0.4em !important;
}

.logincheckpwd .fg input:checked+label:after {
    top: 3px;
    left: 8px;
    width: 6px;
    height: 15px;
}

.loginWrap .form form .logincheckpwd .fg label {
    padding-left: 0 !important;
}

.logincheckpwd .fg {
    display: inline-block;
    margin-bottom: 0 !important;
    padding-right: 0 !important;
}

.cursor {
    cursor: pointer;
}

.fs14 {
    font-size: 14px;
}

.upload-wapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.upload-wapper input[type=file] {
    /* font-size: 100px; */
    position: absolute;
    left: 10px;
    top: 0;
    opacity: 0;
}

.overlapButton {
    height: 35px;
    width: 106px;
    cursor: pointer;
}

.checkbox .fg {
    margin-bottom: 0;
    padding-right: 0;
}

.checkbox label {
    margin-bottom: 0;
}

.checkbox .fg label:before {
    margin-right: 0;
}

.hideCancel {
    display: none;
}

.showCancel {
    display: inline;
    vertical-align: middle;
}

.importClass {
    border-radius: 10px;
    border: 1px solid lightgray;
    text-align: center;
}

.img-container .description p.admindescription {
    top: 30px !important;
}

.img-container .description p.admindesctime {
    top: 10px !important;
    margin-bottom: 0 !important;
}

.defaultCursor {
    cursor: default;
}

.fs30 {
    font-size: 30px;
}

.fc-list-item {
    cursor: pointer;
}

@media (max-width:540px) {
    .modal-header .close {
        font-size: 35px;
    }
    .modal .modal-body .modalWrap.center {
        padding: 0 !important;
    }
    .fgpwdh2 {
        margin-bottom: 0 !important;
    }
    .fp-button,
    .fp-otp-button {
        margin-top: 10px !important;
    }
}

.fgpwdh2 {
    font-size: 20px;
    margin-bottom: 30px;
}

@media(max-width:767px) {
    .back-to-website-link {
        top: 20px !important;
        left: 0 !important;
    }
    .responcenter {
        text-align: center;
    }
}

@media (min-width:768px) and (max-width:894px) {
    .back-to-website-link {
        left: 140px !important;
    }
}

@media (max-height:567px) {
 .alert {
    padding: 2px 0px !important;
 }
}

.alert {
    text-align: center;
    font-size: 14px;
    padding: 8px 0px !important;
}

 .modal-open .modal {
    overflow: hidden;
}

body.modal-open {
    overflow-y: hidden !important;
    padding-right: 0 !important;
}

.admin .fc-list-heading .fc-widget-header {
    padding: 5px 20px;
}




.loginFlex{
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}
.loginForm{
    width: 575px;
    margin: auto;
    margin-top: 2em;
}
.westlogo img {
    width: 175px;
    height: auto;
}
.formData{
    margin: 2em 0 0;
}
.formData .form-group {
    width: 65%;
    margin: 0 auto 1.5em;
}
.formData .form-group .form-control {
    border-bottom: 1px solid #fff !important;
    color: #ffffff !important;
    padding-left: 5px;
}
.formData .form-group .form-control.error {
    border-color: #ff0000 !important;
}

.impNumbEmal {
    color: #5773A2 !important;
    margin-left: 25px !important;
}

.modal-header {
    border-bottom: 1px solid #e9ecef;
    background: #fff !important;
}


/* Our Restaurants css Start */

.flexBox {
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    /* justify-content: space-evenly; */
}

.restaurant1 {
    width: 50%;
}

.restaurant1 .main {
    background: url(../images/oures1.jpg?v=1.5);
    background-repeat: repeat;
    background-size: cover;
}

.main {
    height: 700px;
    padding: 15px;
    text-align: center;
    font-weight: 400;
    color: #fff;
    margin: 20px;
}

.flexWrap {
    flex-wrap: wrap;
    width: 100%;
}

.columnFlex {
    width: 100%;
    height: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
}

.columnImage {
    height: 18%;
    width: auto;
    margin: 0px auto;
    text-align: center;
}

.columnImage img {
    width: auto;
    margin: 0px auto;
    text-align: center;
}

.columnImage img {
    width: 200px;
    height: 125px;
    padding-top: 20px;
}

.columnMenu {
    height: 77%;
}

.columnMenu h2 {
    padding: 30px 0px;
    color: #fff !important;
}

.menuList {
    width: 100%;
    height: 400px;
    margin: 0 0 15px;
}

.menuList ul li {
    color: #f5f5f5;
    font-size: 19px;
    width: 200px;
    font-weight: 400;
    text-align: center;
    border: 0px;
    background: transparent;
    margin: 10px 20px;
    display: inline-table;
    width: 220px;
    min-height: 40px;
    padding: 3px 0px;
    border-radius: 50px;
    border: 1.5px solid #fff;
    vertical-align: middle;
}

.menuList ul li a {
    color: #fff;
}

.menuList ul li:hover {
    background: #5773A2;
    cursor: pointer;
}

.columnBottom {
    height: 5%;
}

.columnBottom .col-md-6:nth-child(1) {
    text-align: left;
    font-size: 20px;
    color: #5773A2;
}

.columnBottom .col-md-6:nth-child(2) {
    text-align: right;
    font-size: 15px !important;
    font-style: italic;
}

.columnBottom p {
    padding: 0px;
    margin: 0px;
}

.columnBottom p img {
    margin: 0 5px;
    padding: 0;
    text-align: center;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
.ourRest-menu {
    position: relative;
    display: block;
    width: 100%;
}
/* Our Restaurants css Start */

.custom-dropdown {
    border-radius: 5px;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ced4da;
    width: calc( 100% - 30px);
    z-index: 9;
    border-top: none;
    overflow-y: auto;
    height: 200px;
}

.custom-dropdown li {
    padding: 5px 10px;
    cursor: pointer;
}

.custom-dropdown li:hover {
    background: #2A4E7D;
    color: #fff;
}

.memberInfo {
    display: inline-block;
    font-size: 20px;
    font-weight: 500 !important;
    clear: both;
    margin-top: 25px;
    margin-left: 20px;
}

.memberInfo span {
    font-weight: 600 !important;
}

.padL-40 {
    padding-left: 40px;
}

.text-shadow {
    text-shadow: 2px 2px 7px #333333, -2px -2px 7px #333333, -2px 2px 7px #333333, 2px -2px 7px #333333 !important;
}

.coghighlight {
    background: #5773A2 !important;
    color: #fff !important;
}

.list-group-item .clickedLinks {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.list-group-item .clickedLinks .linkurl {
    width: 85%;
}

.list-group-item .clickedLinks .linksCount {
    width: 15%;
    text-align: right;
}




/* Instagram Additional Styling - Start */
.insta-wrapper {
    overflow-y: scroll !important;
}
.insta-wrapper .instalink-alert {
    display: none;
}
.instalink-feed a img {
    min-width: 100% !important;
    width: 100% !important;
    display: block !important;
    margin: 0px auto !important;
}
.instalink-header img {
    width: 60px !important;
    float: left;height:60px
}
.insta-wrapper .instalink-content .instalink-header img {
    width: 75px !important;
    height: 75px;
}
.instalink-panel {padding-right: 10px;}
.instalink-content .instalink-panel {
    position: sticky;
    z-index: 1;
    top: 0px;
    background: #fff;
    height: 78px;
    top: -5px;
    padding-top: 10px;
}
.insta-wrapper .instalink-content .instalink-header img {
    z-index: 9999999999;
    position: sticky !important;
    background: red;
    top: -2px;
}
a.instalink-header a {
    display: block;
    background: #fff;
}
.instalink-content, .instalink-header {
    background: #fff !important;
    color: #285989  !important;
}
#instaLink_0 span.instalink-header-name {
    color: #285989 !important;
    background: #555 !important;
    color:#fff !important;
    padding: 0px 5px 2px !important;
    border-radius:5px;
    height:50px;
}
#instaLink_0 a.instalink-panel-subscribe {
    background: #555 !important;
    color: #fff !important;
    padding: 0px 5px 2px !important;
    border-radius: 5px;
}
.instalink-scrollbar-slider {
    height: auto !important;
}

/* Instagram Additional Styling - End */

.hiddent-txt {
    color: #ddd;
}

/* Message Board Css For admin SIde  */
.cardText {
    width: 140px;
    margin: auto !important;
    height: 100%;
}
.cardText p {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    height: auto;
    bottom: 15px;
    font-size: 16px;
}
 /* Message Board Css For admin SIde  */
 .admin .eventlist .dataTables_wrapper tbody td span span{
    color: #5773A2 !important;
}

.continueSession {
    color: #5773A2 !important;
}
.continueSession:hover {
    background: #5773A2;
    color: #fff !important;
}

.EventForDropDown {
    width: 33% ;
    margin: 14px 0px 0px 125px;
    background-color:#fff !important;
    height: 40px !important;
    
    border: 1px solid #ccc;
    border-radius: 6px;
}
.calendereventsflex2 #years {
    /* float: right;    Cobalt Pha0010755 - Commentted to Removed styles for year dropdown 
    left: -15%;
    top: 35px; */
    width:110px;   
}

.k-item .cursor {
	cursor: pointer !important;
}
@media (min-width: 769px){
    .admin-image-preview-popup .modal-dialog {
        width: 550px;
    }
}
.modal-body img {
    object-fit: contain;
}

@media (min-width: 769px) {
    .admin-clubnews-popup .modal-dialog {
        width: 550px;
    }
}
@media (min-width: 769px) {
    .admin-announcement-popup .modal-dialog {
        width: 550px;
    }
}

@media (min-width: 769px) {
    .selectEmailTemplateFullViewModal .modal-dialog {
        width: 550px;
    }
}
.admin .eventlist .dataTables_wrapper tbody td a .colormember{
    color: #5773A2 !important;
}
.mb-15 {
    margin-bottom:15px !important;
}
#listOfEventFilterForm .col-2{
    padding: 0px !important; 
}

#listOfEventFilterForm .buttonsdiv{
    margin-top: 25px !important;
    margin-left: 25px !important;
    text-align: right;
}

.filters form .form-group {
    margin: 0 6px 0 0 !important;
}
.filters form .inputs {
    width: 11% !important;
}

.successModalClose  {
    margin-top: 20px !important;
}
.membership-table {
    width: 1240px;
}

.recipients-table {
    width: 1200px;
}

.hiddenField {
    position: absolute;
    z-index: -999;
}

.sent-Ricipients-data td {
    padding: .75rem !important;
}

.sent-Ricipients-data td a .fa-angle-right, .sent-Ricipients-data td .cursor {
    display: table-cell !important;
}

.sent-Clicked-data td {
    padding: .75rem !important;
}
.sent-Clicked-data td a .fa-angle-right, .sent-Clicked-data td .cursor {
    display: table-cell !important;
}
.ticketslist .kids3above h5{
    max-width: 80%;
}
.pad-l-30 {
    padding-left: 30px;;
}
.mt-m7{
    margin-top: -7px;
}
.mt-m15{
    margin-top: -15px;
}
.cancelitemcheckbox {
    width: 100%;
    display: flex;
    justify-content: center;
}
.event-reg-inputs{
    border: 1px solid #313030 !important;
    background-color: #f4f4f4;
}
.mt-10{
    margin-top: 10px;
}
.pl-10{
    padding-left: 10px;;
}
.spphoto {
    margin: 0 10px;
    padding-top: 2px;
}
.d-inlineblock {
    display: inline-block;
}

#ExceedTicketsMessage , #TicketsNotMatchMessage {
    font-size: 18px !important;
}

.adminprficons:hover img,.adminprficons:focus img {
    filter: brightness(0) invert(1);
}

.EmailMarketing .contenttext {
    text-align: left !important;
}

.EmailMarketing b {
    font-weight: bolder !important;
}
/*admin club news start */
  .admin .clubnewsform .wrap .form-group, .admin .profileEventwrap .wrap .form-group {
    margin-bottom: 0;
    margin-right: 10px!important;
}
/*admin club news end */
.icon-phone:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/memberdirectory/Home\ Phone_Icon.svg?v=1.5);
    position: relative;
    background-size: 20px 20px;
    right: 4px;
}
.cell-phone:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/memberdirectory/Cell\ phone.svg?v=1.5);
    position: relative;
    background-size: 20px 20px;
    right: 4px;
    top: 4px;
   /* margin-right: 5px;*/
}
.icon-address::before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/memberdirectory/Address-Icon.svg?v=1.5);
    position: relative;
    background-size: 20px 20px;
    right: 4px;
}

.email-icon:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/memberdirectory/Primary\ Email_Icon.svg?v=1.5);
    position: relative;
    background-size: 20px 20px;
    right: 4px;
    top: 4px;
    margin-right: 5px;
}
.icons-others{
    border: 1px dashed #ADADAD;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    padding: 9px;
    display: table-cell;
    vertical-align: middle;
}
.profile-cell-icon{
	width: 20px !important;
    margin-left: 4px;
    margin: 0px 4px;
}
.profile-other-phone-icon{
	width: 23px !important;
    margin-left: 4px;
    margin: 0px 4px;
}
.admin .eventWrap .tableWrap .table .email-icon a {
    word-break: break-all;
}
.checkboxblocked{background-color: #aaaaaa;}



/*-Start---*/
.customTable {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent; 
}
.customTable td, .customTable th {
  padding: .75rem;
  vertical-align: top;
  /*border-top: 1px solid #dee2e6; */
}

.customTable thead th {
  vertical-align: bottom;
 /* border-bottom: 2px solid #dee2e6; */
}

.customTable tbody + tbody {
  border-top: 2px solid #dee2e6; }

.customTable .customTable {
  background-color: #fff; 
}
.HandTool
{
  cursor: pointer;
}
.ml-20{
  margin-left: 20px !important;
}
.mb-15{
  margin-bottom: 15px !important;
}
.mb-20{
  margin-bottom: 20px !important;
}
.mnt-7{
  margin-top: -7px;
}
.clubnews-close
{
  margin-right: -10px;
}


/* member classification icon css start */
.profile-member-classification{width:25px!important;}
/* member classification icon css end */


.HandTool
{
  cursor: pointer;
}

/*Club news pop up css*/
#previous_btn, #next_btn{
position: absolute;
top: 130px;
width: 30px;
height: 30px;
text-align: center;
background: #4E443C;
color: #fff;
text-decoration: none;
text-shadow: 0 0 1px #000;
font: 24px/27px Arial, sans-serif;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 0 0 2px #999;
-moz-box-shadow: 0 0 2px #999;
box-shadow: 0 0 2px #999;
}

#previous_btn{
  /* left: 70px; */
  left: 3%;     /* Cobalt Pha0010894 */
  transform: none !important;
  top: 340px;
}
#next_btn{
  /* right: 100px; */
  right: 3%;    /* Cobalt Pha0010894 */
  transform: none !important;
  top: 340px;
}
#previous_btn:hover span, #next_btn:hover span {
 display: block;
}

@media only screen and (max-width: 375px) and (min-width: 360px)
{
    .club_popup_image_container img{
        width: 300px;
        max-width: 360px;
    }
    #next_btn{
      right: 50px;
      top: 360px;
    }
    #previous_btn
    {
      left: 50px;
      top: 360px;
    }
}

@media only screen and (min-width:0px) and (max-width:414px)
{
    .club_popup_image_container img{
        width: 300px;
        max-width: 380px;
    }
    #next_btn{
      right: 50px;
      top: 360px;
    }
    #previous_btn
    {
      left: 50px;
      top: 360px;
    }
}

@media only screen and (min-width:320px) and (max-width:350px)
{
    .club_popup_image_container img{
        width: 255px;
        max-width: 380px;
    }
}

.NewsVideoUrl_preview iframe
{
  /*width: -webkit-fill-available;*/
}

.club_popup_image_container{
    margin-bottom: 20px;
}

/*end Club news pop up css*/

/* Archive group css start */
.static_search_stip_first{ 
  width:10%;
}
.static_search_stip_second{ 
  width:43%;
}
/* Archive group css end */
/* member profile css */
.memberprofileemail{
	word-break: break-all; color:#685a5c !important;
}
/* member profile css end */
/* today glance shadow start */
.text-shadow .admindescription{font-size:17px;}
.text-shadow .admindesctime{font-size:17px;}
/* today glance shadow end */
/* member directory details screen for admin */
.profile-info .membername .gender .admin-gender
{
	margin-left:10px;font-weight:400 !important;
}
.profile-info .membername .admin-suspend-reason{
	font-weight: 400 !important;margin-left: 10px;font-size: 16px;word-break: break-all !important;width: 225px; float: left;margin-top: 3px;
}
.alert-info-profile{
	margin-top: 1px !important;font-weight: 600 !important;
}
.memberdetails-h5{
	font-size: 14px !important;
    font-weight: 800 !important;
}
.member-gender-icon{width:20px !important;}

/*----------login screen footer privacy policy--------------------*/
.login-line-separator{
    border-top: 1.5px solid #fff;
    width: 20%;
}
@media only screen and (max-width:320px)
{
    .login-footer{
       /* margin-bottom: -100px !important;*/
    }
    .login-footer a {
        font-size: 15px !important;
    }
    .login-footer div{
        padding: 2px !important;;
    }
}
@media (max-width:375px)
{
    .login-footer{
        /*margin-bottom: -40px;*/
    }
    .login-footer a {
        font-size: 15px !important;
    }
    .login-footer div{
        padding: 2px !important;;
    }
}
@media (max-width: 1024px){
    .login-line-separator {
       width: 90% !important;
    }
}

/*email report */
.bulk-export-email-recipient{margin-top: 15px;}
.bulk-export-userlogin-excel,.bulk-export-useractivity-excel,.bulk-export-userupdates-excel,.bulk-export-userlogin-pdf,.bulk-export-useractivity-pdf,.bulk-export-userupdates-pdf{margin-top: 9px;}
.NoRecordFound-close{float:right}
/*email report end */

/* Cobalt Pha0010772 start */
.bulk-export-sendviaemail{margin-top: 15px;}
.sendviatxt{width:60%;margin-left: 135px;}
.sendviapopupbtn{margin-top: 5px;margin-bottom: 1px !important;}
.sendvieemail_error{color:red;font-size:18px!important;padding-top: 10px;}
.centeralpopup-email{padding-top:20px;padding-bottom:0px!important;}
.model-sendemail{padding: 20px 60px!important;}
/* Cobalt Pha0010772 end */

/*Cobalt Pha0010392 start */
.event-expire-date{margin-left:10px!important;}
.event-date-preview{cursor: pointer!important;text-decoration: underline;}
/*Cobalt Pha0010392 end */
/*Cobalt Pha0010744 start */
.longDesc-hide{display:none;}
.longdescriptionc-class strong{font-weight:600 !important;}
.longdescriptionc-class	a{color: #5773A2;cursor:pointer;}
/* Cobalt Pha0010744 end */
/* Cobalt Pha0001435 start */
.k-filemanager-content-container .k-item{ cursor:pointer !important;}
.k-treeview span.k-in {cursor: pointer!important;}
.k-button {
    text-transform: capitalize!important;
}
.k-button-group .k-button.k-state-active {
    color: #000;
    background-color: #5773A2!important;
    border-color: #5773A2!important;
}
.inertThumbnail-clubnews{
	opacity:1 !important;
}
.announcement-file,.impnumbers-file{border-radius:15px!important;color:#5773A2!important;}
 .announcement-file:focus ,.impnumbers-file:focus{
    background: #5773A2;
    color: #fff !important;
}
.btn-primary-addmore:hover, .announcement-file:hover , .impnumbers-file:hover {
    background: #5773A2;
    color: #fff !important;
}
 .btn-primary-addmore{   
    color: #5773A2 !important;
    border: 1px solid #5773A2;
    margin-bottom: 15px;
    vertical-align: top;
    padding: 3px 25px !Important;
 }
 .preview-restaurants-close .fileinput-name{
	 width: auto !important;
 }
.custom-content-filemanger{height:580px !important;}
.custom-body-filemanger{padding:0px !important;}
.custom-filemanager-close {float: right;position: absolute;right: 0;z-index: 999;top:8px;}
.custom-body-filemanger .k-filemanager-navigation{min-width:25% !important;}
.medialibrary_editor .custom-body-filemanger .k-filemanager-view{height:265px!important;}	
.custom-body-filemanger .k-filemanager-view{height:385px!important;}
.k-file-meta-wrapper{display:none!important;}
/* Cobalt Pha0001435 end */
/* Cobalt Pha0010929 start */
.TemplateSubjectcls{background-color:#e9ecef;color:#685A5C;height: 40px;}
.mergeField{ background-color: Yellow; border: 1px solid black; -moz-user-focus: ignore;
-moz-user-input: disabled;-moz-user-select: none;-webkit-user-select: none; -khtml-user-select: none;
    -o-user-select: none;}
/* Cobalt Pha0010929 end */
	/* ------------------- Cobalt Pha0010974 ------------*/
.resetpasword-msg{color:#5773A2}
.resetpassword-expired-title{font-size:25px;}
#resetNewPasswordform .fp-input { margin:auto !important;}
/* ------------------- Cobalt Pha0010974 ------------*/

/* ------------------- Cobalt Pha0010994 Start ------------*/
.table .editRoles{width: 30px;height: 30px;overflow: hidden;margin: 0 auto;cursor: pointer;}
.rolesbackbtn{width: 100px; float: left; margin-right: 140px;}
.addRolessection{margin-top:30px; padding: 0 20%}
.accessprivilegetag{margin-left:150px;width:280px;}
.addroletag .form-error{margin-left:150px;}
.rolenameadd{/*width: 250px; float: left;display: inline-block;position: absolute;*/font-weight:bold!important;width: 620px;display: block;}
.featuresacceslist .featureaccessrow{font-weight:bold!important;}
.admin-role-name{color:#685a5c;font-weight:400!important;font-size:16px; }
.rolespagination .pagination{padding-left:130px;}
/* ------------------- Cobalt Pha0010994 END ------------*/


/* Start - Cobalt Pha0011005 */
#NewsImage2 {
    margin-left: 0;
}
/* End - Cobalt Pha0011005 */
/* login button text overlap */
#hellobar-bar.regular { position:absolute;}
@media(max-width:767px){
.notification-active .back-to-website-link{top:100px !important;left:0 !important;}
.notification-active .loginWrap .form .formlogo{margin-top:30px !important;}
}
/* login button text overlap */

/* Start - ENGAGE0011092 */
.createEvent.adminModal #eventModalContent p{
    text-align: left !important;
}
.createEvent.adminModal #eventModalContent{
    min-height: 160px;
}
.additionlDetails #previewEventDetail a{
    color: #0000EE !important;
}
.additionlDetails #previewEventDetail strong{
    font-weight: bold !important;
}
.k-edit-form-container .k-checkbox:checked{
    background-color: transparent !important;
    border-color: #a3a3a3 !important;
}
/* End - ENGAGE0011092 */
/*------ ENGAGE0011252 start -----*/
.importtemplate_user{color:#5773A2;text-decoration:underline;}
.importtemplate_user:hover{color:#5773A2;text-decoration:underline;}
/*------ ENGAGE0011252 end -----*/

/*-----ENGAGE0011352 start --*/
.justify-content-evenly{justify-content: space-evenly;}
/*-----ENGAGE0011352 end --*/
/* ENGAGE0011085 blog post admin start */
.gjs-pn-btn.fa-arrows-alt,.gjs-pn-btn.fa-download,.gjs-pn-btn.fa-warning,.gjs-pn-btn.fa-paint-brush,.gjs-pn-btn.fa-cog,.gjs-pn-btn.fa-bars,.gjs-pn-btn.fa-desktop,.gjs-pn-btn.fa-tablet,.gjs-pn-btn.fa-mobile{display:none;}
.privateblogcheck{margin-right: 15px;}
.BlogPopUpModalBody .blogtitlepreview{float:left;font-size:20px!important;}
.gjs-f-text::before {   content: unset!important;}
.BlogDescription_preview p{text-align: justify;}
.blogactionbtns a{background-color:#fff!important;}
.blogthumbimg-insert{float: left!important;}
.BlogPopUpModalBody  h2 a:after{background:none!important;}
.addupdateblogpostform .gjs-mdl-container{z-index: 9999;}
.show-blog-content .NoaccessBlogPost:hover{color:#5773A2!important;}
/* ENGAGE0011085 blog post admin end */

/* Start - ENGAGE0011403 */
#updateNotificationContent ul.k-editor-toolbar{
    text-align: left;
}
#updateNotificationContent p > a{
    color: #007bff;
}
.emailhiddenField{
    position: absolute;
    z-index: -9999;
    top: -9999px;
}
p.copiedurltext {
    position: absolute;
    top: -30px;
    left: 60px;
    color: green;
}
/* End - ENGAGE0011403 */

/* Start - ENGAGE0011493 - Suspended member list popup */
#SuspendedList .modal-content .modal-body{
    max-height: 600px;
}
.SuspendedMemberList {
    font-size: 15px;
}
/* End - ENGAGE0011493 */

/* Start - ENGAGE0011531 - Suspended List of Members */
.modalWrap .SuspendedMemberList table tr:first-child > td{
    font-weight: normal !important;
    text-align: left !important;
    min-width: 200px;
    max-width: 220px;
    font-size: 15px;
    padding: 0 !important;
    display: table-cell;
    vertical-align: top;
}
.SuspendedMemberList table td span {
    display: block;
    margin-bottom: 1rem;
    padding-left: 15px;
}
/* End - ENGAGE0011531 */

/* Start - ENGAGE0011535 - Unable to save changes in member profile */
.editform .warningnote{
    display: block;
    float: left;
    width: 100%;
}
.editform .warningnote p{
    font-size: 14px;
}
/* End - ENGAGE0011535 */

/* Start - ENGAGE0011618 - Images are not loading properly in the 'Member Directory' in UAT */
.directoryflex .namepic,  .profile-info .imgWrap, .replyWrap.card .imgWrap, .admin .memeberdirectory .tableWrap .table .imgWrap,  #saveEditForm .profile .imgWrap {
    background-image: url(../images/profile.png?v=1.5);
    background-size: contain;
    background-repeat: no-repeat;
}
.directoryflex .namepic, .profile-info .imgWrap {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    overflow: hidden;
}
.profile-info .imgWrap{
    width: 100px;
    height: 100px;
}
.directoryflex .namepic img:before, img.UserprofileImage:before, .replyWrap.card .imgWrap img:before{ 
    content: "\f1c5";
    display: block;
    margin-bottom: 50px;
    visibility: hidden;
    font-family: FontAwesome;
}
img.UserprofileImage {
    font-family: 'Helvetica';
    font-weight: 300;
    line-height: 2;  
    text-align: center;
    height: 50px;
    display: block;
    position: relative;
}

.message-board-page .profile img.UserprofileImage:after{
    width: 60px;
    height: 60px;
    background: url(../images/profile.png?v=1.5);
    background-size: contain;
    background-repeat: no-repeat;
    content: " ";
    position: relative;
    top: -97px;
    display: block;
    font-size: 0px;
}
/* End - ENGAGE0011618 - Images are not loading properly in the 'Member Directory' in UAT */
/*ENGAGE0011605-Add New Folder Icon to Media Library start */
.c-textbox-wrap{ display: flex; margin-bottom: 20px;}
.c-textbox{ float: left;   width: 25%;}
.c-textboxfile{ float: left; width: 30%;}
.c-textbox input,.c-textboxfile input{   width: 92%;}
.k-i-custom-image-tool:before { content: "\e501";}
.k-i-custom-file-tool:before {content: "\e907";}
.editor-image-upload,.editor-file-upload{display:none;margin-top:10px!important;}
.medialibrary_editor .modal-dialog {max-width: 1000px;}
.medialibrary_editor .k-filemanager-resizable{height:380px!important;}
/* ENGAGE0011605-Add New Folder Icon to Media Library END */
/* ENGAGE0011805 - Give flag for member only events.  Need option where NO GUESTS are permitted to the event, even if member is single start*/
.allowguestreadonly
{
	opacity: 0.7;
    pointer-events: none!important;
}
/* ENGAGE0011805-END*/
/* ENGAGE0011640- START */	
.loadTaagRecords .card .edit-foot .inactive {	
    background: url(../images/checkmark_dash_grey.png?v=1.5) no-repeat;	
    width: 20px;	
    height: 20px;	
    /* font-size: 18px; */	
    /* margin: 10px auto !important; */	
    background-size: 20px 20px;	
}	
.tgadepartmentcls{	
	color:#5773A2;	
}	
.locationImages2-hyper-link{cursor: pointer;text-decoration: underline;}	
/* ENGAGE0011640- END */

.admin .eventWrap .inputClubed .MultiDayEvent.form-group{           /* ENGAGE0011900 - Provide an option to create recurring card room event */
    width: 70%;
}

/* Start - ENGAGE0012128 - Business URL Input field is not showing when "Business URL" Radio button is selected. */
.filetypediv input[type='radio']:disabled {
    cursor: default;
}
.filetypediv input[type='radio']:disabled + label {
    color: #9e9d9d;
}
.filetypediv input[type='radio']:disabled:before {
    background: #eee;
}
/* End - ENGAGE0012128 - Business URL Input field is not showing when "Business URL" Radio button is selected. */
/*START - ENGAGE0011897 Setup to configure allow guest card request. */	
.generalconfiguration-notice{font-weight:bold!important;color: #2A4E7D;}	
/*END -ENGAGE0011897  - Setup to configure allow guest card request. */
/* Cobalt Pha0011039 Start -Feature to upload service/ category images for Spa, Fitness, Salon */
.servicelistbtn{background-color: #fff;border: #fff;cursor:pointer}
/* Cobalt Pha0011039 End -Feature to upload service/ category images for Spa, Fitness, Salon */
/* Start -ENGAGE0011895  - Auto generate monthly statistics report  */
.monthlyreport .input-daterange input {
    background: url(../images/calender.png) no-repeat;
    background-position: 98% center;
    text-align: left;
}
.datepicker-years .active{background-color: #2A4E7D !important;border-color: #2A4E7D !important;}
.datepicker-months .active{background-color: #2A4E7D !important;border-color: #2A4E7D !important;}
.monthlyreportstm-label{margin-top:8px;}.monthlyreportstm-form{margin-top:30px;}
/* END -ENGAGE0011895  - Auto generate monthly statistics report  */
/* START- ENGAGE0012253- Blog photos are distorted */
.blog-card {box-shadow: 0px 0px 10px 0px #f3f3f3;margin-bottom: 20px;}
.blog-card-article{margin: 15px 0px !important;border-bottom: 0px !important;height: 190px;box-shadow: 0px 0px 10px 0px #e6e5e5;}
.blog-card-page{height: 185px;overflow: hidden;padding: 0px;float: left;width: 100%;}
.blog-page-thumbnail{display: inline-flex !important;width: 22%!important;height: auto !important;overflow: hidden}
.blog-page-image{min-width: 100% !important;max-width: 100% !important;	
    width: 100% !important;}
.show-blog-content .entry-title a{font-size:19px!important;font-family: 'AVENIR', Fallback, sans-serif !important;font-weight: normal!important;
 line-height: 1.46;color: #2A4E7D;}
.blog-page-shortdesc{font-size:18px;}
.blog-page-title{white-space: normal;text-align: left;}
/* END- ENGAGE0012253- Blog photos are distorted */

/* Start - Show default text if Service Class image is not available */
#admin-image-preview-popup .imageReplaceText{
    display:none; 
    font-size:25px; 
    text-align:center; 
    padding: 70px 3px;
}
#admin-image-preview-popup .buttonClose{
    font-size: 32px !important;
    padding-top: 0;
    padding-right: 15px;
}
/* Start - Show default text if Service Class image is not available */


/* Start - ENGAGE0012400 - Member Website/App Analytics */
.monthlyreport .form-group.inputs{
    margin-right: 0;
}
body.UserAnalyticsReport .datepicker{
    width: 250px;
}
body.UserAnalyticsReport .datepicker td.disabled.day, body.UserAnalyticsReport table tr td span.disabled, body.UserAnalyticsReport table tr td span.disabled:hover{
    color: #ccc;
}
body.UserAnalyticsReport .datepicker table tr td, body.UserAnalyticsReport .datepicker table tr th{
    width: 40px;
    height: 40px;
}
body.UserAnalyticsReport .datepicker-months table, body.UserAnalyticsReport .datepicker-years table, body.UserAnalyticsReport .datepicker-decades table, body.UserAnalyticsReport .datepicker-centuries table{
    width: 100%;
}
/* End - ENGAGE0012400 - Member Website/App Analytics */
/* ENGAGE0012922-Golf Settings Enhancements-START*/
.notification-showmyname{margin-top:20px!important;display: inline-block;float: right !important;}
.notification-showmyname .notify .icon {padding-left: 0px !important;font-size: 16px;}
/* ENGAGE0012922-Golf Settings Enhancements-END*/
.listArchievebtn{background: #5773A2!important;border: 1px solid #5773A2 !important;cursor: pointer;margin-bottom: 15px;vertical-align: top;padding: 3px 25px;border-radius: 25px;color: #fff;}
/* Start - ENGAGE0011449 - image issue in mobile and ipad */
.img-container.dashboardImage img {
    width: 100%;height: 144px;border-radius: 5px;position: absolute;
}
.TAG-Section .img-container {max-height: 147px;}
.eventNewsSection .newsWrap .list .headings h4 {position: absolute;left: 0;top: 0;}
.eventNewsSection .newsWrap .list .description {position: absolute;left: 0;width: 100%;top: 30px;}
@media(max-width: 1024px){
	.img-container.dashboardImage img{height: 147px;position: unset;top: 0;}
}
@media(max-width: 667px){
    .eventNewsSection .tab-wrapper .tab-menu li {margin: 0 20px;}
}
@media(max-width: 487px) and (min-width: 401px){
    .eventNewsSection .tab-wrapper .tab-menu li {margin: 0 12px;}
}
@media(max-width: 360px){
    .eventNewsSection .tab-wrapper .tab-menu li {margin: 0 7px !important;font-size: 13px;}
}
.todayatglanceh4 {top: 14px !important;    position: relative;}

/* End - ENGAGE0011449 - image issue in mobile and ipad */