/*
custom css for contact profile
*/

#companyProfile h5 {
    font-family: Poppins-SemiBold;
    font-size: 18px !important;
    color: #0b1636;
    font-weight: 500;
}

#companyProfile h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins-Medium';
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link {
    color: #006837 !important;
}

.profile-block {
    background: #fff;
    padding: 20px;
    padding: 20px 20px 10px 20px;
    border-radius: 10px;
    margin-bottom: 24px;
    border: 1px solid #828282;
    border-radius: 10px;
}

.modal-dialog.ng-scope {
    margin: 0px auto !important;
}

.text-head {
    color: #006837;
}

.custom-contact-header {
    color: #006837;
    font-weight: 400;
}

.custom-contact-button {
    background-color: #2FA84F !important;
    color: #fff;
    border-radius: 20px;
    border-color: #2FA84F !important;
    padding: 10px 20px;
    font-weight: 500;
    margin-top: 15px;
}

.btn-color {
    background: #136f33 !important;
    border-color: #2FA84F !important;
}

.btn-primary {
    background: #136f33 !important;
    border-color: #2FA84F !important;
}

.custom-contact-button:hover {

    color: #ffffff;
}

.hr-custom {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.label-p p {
    line-height: 1.0;
}

.label-p label {
    font-weight: 900;
}

.custom-h4 h4 {
    color: #2FA84F;
    font-weight: 400;
}

.label-checkbox label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}

.label-checkbox input[type=checkbox] {
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
}

.custom-contact-tinytext {
    font-size: 12px;
    font-weight: 400;
}

/*Profile New Design Added*/

.ml-auto {
    margin-left: auto !important;
}

body {
    font-family: Poppins-Regular;
}

.heading-section h1 {
    font-family: Poppins-Bold;
}

.banner-section {
    position: relative;
}

.banner-section .banner-image {
    background-image: url("/client_assets/images/profile-page/banner-image.png");
    background-repeat: no-repeat;
    min-height: 400px;
    border-radius: 25px;
    background-position: bottom;
    background-size: 100% 100%;
}

.profile-detail span {
    font-family: Poppins-Bold;
}

.banner-section .profile-img {
    position: absolute;
    bottom: 0px;
    max-height: 220px;
    border-radius: 20px;
    max-width: 265px;
}

.profile-detail .m-address {
    background-color: #d9ecf6;
    color: #006837;
}

.profile-info-section .col-md-12,
.col-lg-6 {
    display: grid;
}

.profile-info-section .personal-info {
    border: 1px solid #828282;
    border-radius: 10px;
    min-height: 320px;
}

.profile-info-section .personal-info .heading {
    border-bottom: 1px solid #828282;
    font-family: Poppins-Bold;
}

.profile-info-section .personal-info .m-address {
    font-size: 14px;
    font-family: Poppins-Regular;
    color: #006837 !important;
}

.profile-info-section .personal-info .heading .edit-img {
    vertical-align: bottom;
    height: 20px;
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .banner-section .user-profile {
        position: relative;
        left: 14%;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .banner-section .user-profile {
        position: relative;
        left: 7%;
        top: 8rem;
    }

    .profile-info-section {
        margin-top: 5rem;
    }
}

@media screen and (min-width:435px) and (max-width:767px) {
    .banner-section .user-profile {
        position: relative;
        left: 10%;
        top: 9rem;
        width: 80%;
    }

    .profile-info-section {
        margin-top: 5rem;
    }
}

@media screen and (max-width:434px) {
    .banner-section .user-profile {
        position: relative;
        top: 9rem;
    }

    .profile-info-section {
        margin-top: 6rem;
    }
}

/*Profile New Design Ended*/

/*****************************************************************************
                                DASHBOARD
*****************************************************************************/
#dashboard {
    color: #333;
    margin-top: 50px;
}

#dashboard #dashboard-contact-info a {
    word-break: break-all;
}

#dashboard p {
    margin-bottom: 5px;
    word-break: break-word;
}

.dashboard-row {
    margin-bottom: 30px;
}

.dashboard-block {
    -webkit-box-shadow: 0px 0px 50px -5px rgba(204, 204, 204, 1);
    -moz-box-shadow: 0px 0px 50px -5px rgba(204, 204, 204, 1);
    box-shadow: 0px 0px 50px -5px rgba(204, 204, 204, 1);
    background: #fff;
    padding: 30px;
    min-height: 225px;
}

#dashboard-contact-row {
    padding: 0;
}

#dashboard-contact {
    text-align: center;
}

#dashboard-contact,
#dashboard-contact-info {
    padding: 30px;
}

#dashboard h3 {
    margin-top: 0;
    margin-bottom: 15px;
    color: #fff;
    font-weight: bold;
}

#dashboard-contact,
#dashboard-membership {
    color: #fff;
    background-color: #006837;
}

#dashboard-contact,
#dashboard-membership p {
    color: #ffffff;
}

#dashboard-membership {
    margin-bottom: -30px;
}

#dashboard-contact-container {
    padding-left: 15px;
    padding-right: 15px;
}

.dashboard-active {
    background: #2FA84F;
    color: #fff;
    padding: 0px 6px;
    border-radius: 8px;
    border: 2px solid white;
    word-break: initial;
    margin-left: 4px;
}

#dashboard .dashboard-heading {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #fff !important;
}

#dashboard .dashboard-heading2 {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #006837 !important;
}

#dashboard-renew {
    color: #fff !important;
    border: 2px solid #faa61a;
    background-color: #faa61a;
    border-radius: 15px;
    padding: 5px 15px;
    margin-top: 20px;
    display: inline-block;
    text-decoration: none;
}

#dashboard-contact-link {
    color: #fff !important;
    background: #2FA84F;
    border-radius: 15px;
    padding: 7px 25px;
    position: relative;
    bottom: -38px;
    font-weight: bold;
    display: none;
}

#dashboard-contact-info i {
    color: #ccc;
    margin-right: 5px;
    width: 15px;
}

#dashboard-contact-info a {
    display: block;
    color: #333;
    margin-bottom: 5px;
}

#dashboard-contact-row .fa-envelope {
    font-size: 12px;
}

#dashboard-contact-row .fa-mobile {
    font-size: 16px;
}

.redirect_link {
    color: #006837 !important;
}

/*#color1-block {
    background-color: #fff;
    color: #9B7A2D;
}

#color2-block {
    background-color: #fff;
    color: #9B7A2D;
}*/

#dashboard-social {
    margin-top: 10px;
    padding-left: 0;
}

#dashboard-social li {
    display: inline-block;
}

#dashboard-social li a {
    padding: 5px;
}

#dashboard-social i {
    color: #fff;
}

#dashboard-profile-img {
    height: 120px;
    width: 120px;
    background-size: cover;
    background-position: center;
    margin: 0 auto -65px;
    position: relative;
    top: -90px;
    border-radius: 100%;
    border: 3px solid #fff;
}

#expiry-heading {
    margin-top: 20px;
}

#dashboard-bottom-right {
    overflow-y: hidden;
    padding-bottom: 20px;
}

#dashboard-bottom-right .dashboard-block {
    -webkit-box-shadow: 0px 0px 35px -5px rgba(204, 204, 204, 1);
    -moz-box-shadow: 0px 0px 35px -5px rgba(204, 204, 204, 1);
    box-shadow: 0px 0px 35px -5px rgba(204, 204, 204, 1);
}

#dashboard .group-list-item {
    padding: 5px 10px;
    margin-bottom: 5px;
    text-align: left;
}

.dashboard-map-link {
    /*color: #fff!important;
    border: 2px solid #ddd;
    border-radius: 15px;
    padding: 5px 15px;
    margin-top: 15px;
    display: inline-block;*/
    border: 2px solid white;
    color: #FFF;
    text-decoration: none;
    padding: 0.75em 2em;
    border-radius: 0;
    transition: all .4s ease;
    text-align: center;
    background: #9B7A2D;
    display: inline-block;
    margin: 1em 0.5em;
    border-radius: 4px;
    font-size: 16px;
}

.dashboard-map-link a {
    color: #fff !important;
    margin: 0 auto;
    display: block;
    text-decoration: none;
}

.dashboard-map-link a:hover {
    color: #000;
}

.dashboard-map-link:hover {
    color: #fff;
    background-color: #000;
}

#dashboard-group-block {
    padding-left: 20px;
}

#dashboard-invoice-table td,
#dashboard-invoice-table th {
    padding: 10px 20px;
    text-align: center;
}

#dashboard-invoice-table tr td:first-child,
#dashboard-invoice-table tr th:first-child {
    padding-left: 0;
}

#dashboard-invoice-table tr td:last-child,
#dashboard-invoice-table tr th:last-child {
    padding-right: 0;
}

#dashboard-invoice-table .invoice-status.paid {
    /*background: #7ed321;*/
    color: #7ed321;
    /*padding: 2px 8px;*/
    margin-left: 5px;
    /*border-radius: 3px;*/
    font-weight: bold;
}

#dashboard-invoice-table .invoice-status.unpaid {
    /*background: #AE030E;*/
    color: #AE030E;
    /*padding: 2px 8px;*/
    margin-left: 5px;
    /*border-radius: 3px;*/
    font-weight: bold;
}

#lang-toggle a {
    color: #3d3d3d;
}

/*@media (min-width: 768px) {*/
/*  .navbar-nav > li > a {*/
/*      padding: 22px 9px;*/
/*  }*/
/*}*/

/*@media (min-width: 1200px) {*/
/*  .container {*/
/*      width: 1250px;*/
/*  }*/
/*}*/
/*****************************************************************************
                                DASHBOARD END
****************************************************************************


/*Form Group Spacing Start*/
form {
    line-height: 2em !important;
}

.panel-body>td a {
    word-break: break-all;
}

/*Form Group Spacing End*/
/*Custom Text for Member page Start*/
#webText {
    color: #000000;
    font-size: 20px;
}

#webText2 {
    color: #2FA84F;
    font-size: 16px;
}

/*Custom Text for Member page End*/
/*Company Section Overright start*/
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {

    border-color: #006837 #006837 #fff !important;
}

/*Company Section Overright end*/
/*Custum CSS for all pages Start*/

.sub-head1 {
    font-family: Nunito !important;
    font-weight: 600 !important;
    font-size: 40px !important;
    line-height: 43px !important;
}

.sub-head3 {
    font-family: Nunito !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 30px !important;
}

.sub-head4 {
    font-family: Nunito !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 33px !important;
}

.redirect-link {
    color: #6254e7 !important;
    text-decoration: none !important;
}

/*Custum CSS for all pages End*/

/* Custom css - Magazine Page CSS Start */
#reportView {
    width: 232px;
    height: 300px;
}

.magazine-head {
    color: #f2ab00 !important;
    margin-top: 40px !important;
    border-bottom: 1px solid #f2ab00 !important;
    color: #f2ab00 !important;
    margin-top: 40px !important;
    border-bottom: 1px solid #f2ab00 !important;
    font-weight: 700;
}

.magazine-month {
    color: #0055a5;
    margin: 10px 0 15px;
    margin: 1rem 0 1.5rem;
    letter-spacing: -1px;
    font-weight: 700;
}

.magazine-wrapper {
    display: inline-block;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-right: 1.5%;
    margin-top: 1.5%;
}

.magazine-link {
    text-decoration: none !important;
    font-size: 18px;
    text-align: center !important;
    display: block;
    color: #0055a5 !important;
}

.magazine-month a:hover {
    text-decoration: underline;
}

/* Event Calender - css starts here */

.event-list-object .media-body {
    box-shadow: 0px 0px 5px 0px #ccc;
    border-radius: 10px;
    padding: 15px;
}

.event-list-object {
    margin-top: 3rem !important;
}

.event-list-object .media-body .media-heading a {
    color: #3b3663;
}

.event-list-object .media-body .category-1 span {
    color: #0083bf;
}

.event-list-object .media-body .category-1 {
    color: #6a6a6a;
}

.event-list-object .media-body .date {
    font-style: italic;
    color: #353945;
}

.event-list-object .media-body .caption {
    color: #353945;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 48px;
}

.event-list-object .media-body .btn {
    background-color: #2FA84F;

    color: #ffffff !important;
    letter-spacing: 0.5px;
    line-height: 1.5;
    font-size: 18px;
    margin-right: 15px;
}

.btn-check:focus+.btn,
.btn:focus {
    box-shadow: none;
}

.event-list-object .media-body .btn:hover,
.event-list-object .media-body .btn:active:focus {
    color: #000000 !important;
}

.event-list-object-two {
    padding: 15px;
    box-shadow: 0px 0px 5px 0px #ccc;
    border-radius: 10px;
}

.event-list-object-two .date {
    background: #0083bf;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    padding: 10px 20px;
    text-align: center;
}

.event-list-object-two .media-heading .custom-head {
    font-weight: bold;
    color: #3b3663;
}

.event-list-object-two .media-heading {
    font-size: 16px;
    padding: 0 15px;
    border-right: 1px solid #6a6a6a;
}

.event-list-object-two .date-range {
    font-size: 16px;
    padding: 0 15px;
    border-right: 1px solid #6a6a6a;
}

.event-list-object-two .person {
    padding: 0 15px;
    border-right: 1px solid #6a6a6a;
    justify-content: left !important;
}

.event-list-object-two .person .fa-user-circle {
    font-size: 48px;
    color: #0083bf;
    padding-right: 10px;
}

.event-list-object-two .details-btn {
    padding: 0 15px;
}

.event-list-object-two .details-btn button {
    background-color: transparent;
    background-image: linear-gradient(90deg, #0083BF 50%, #01AAE5 80%);
    color: #fff;
    letter-spacing: 0.5px;
    line-height: 1.5;
    font-size: 18px;
    margin-right: 15px;
    min-width: 130px;
}

/*Media Query*/


@media (max-width: 767px) {

    .event-list-object-two,
    .upcommingRegisterBlock {
        display: block !important;
    }

    .event-list-object-two .date {
        display: inline-block;
        border: none;
        float: left;
    }

    .event-list-object-two .media-heading {
        padding: 0px 5px;
        border: none;
        width: 100% !important;
        height: 80px;
        position: relative;
        left: 10px;
    }

    .event-list-object-two .date-range,
    .event-list-object-two .person {
        border: none;
    }

    .event-list-object-two .person {
        padding: 0px;
        width: 100% !important;
        justify-content: left !important;
    }

    .event-list-object-two .date-range {
        padding: 0px;
        width: 100% !important;
    }

    .event-list-object-two .details-btn {
        justify-content: normal !important;
        padding: 15px 0;
    }

    .event-list-object-two .person .fa-user-circle {
        font-size: 28px;
    }

    .upcommingRegisterBlock h2 {
        display: inline-block;
        position: relative;
        top: 28px;
    }

    .upcommingRegisterBlock .detail {
        margin-left: 0px;
        padding-top: 10px;
    }

}

@media (max-width: 423px) {
    .event-list-object .media-body .btn {
        width: 60%;
        margin-bottom: 5px;
    }
}

/* Event Calender - css ends here */

/* Custom css - Magazine Page CSS End*/

/* Custom css - Membership section only */

.benefitsOFJoining {
    text-align: center;
}

.becomeCorporateSponsor {
    text-align: center;
}


/* Custom css - Resources & Services section only */

.FormsAndLeases {
    color: #f2ab00;
}

.topicsAndIssues {
    color: #6254e7;
    text-decoration: none;
}


/* custom css - FRPO MAC Awards section only */

.macAwards img {
    float: left;
    width: 167px;
    height: 169px;
    margin: 0 30px 15px 0;
}

.videoPlayer {
    height: auto;
    width: 100%;
}


/* Custom css - Advocacy section only */

.covid19ResourcesAndInfo {
    text-align: left;
}

.policyAgenda {
    vertical-align: top;
}

.ourpolicyagenda {
    width: 70%;
    margin-left: 135px;
}

/* Custom css - About us section only */

.corporateSponsors {
    color: #0055a5;
    margin-left: 15px;
}

.allSponsors {
    display: inline-block;
    background: white;
    padding: 10px;
    width: 291px;
    border: 20px solid #555;
    height: 195px;
    margin: 15px;
}

.allSponsors img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/*FOR Membership Page*/
#benefits-head {
    padding: 30px;
}

#middle-line {
    width: 300px;
    margin: 0 auto;
    background-color: black;
    opacity: 1 !important;
}

#plan-heading {
    margin-bottom: 50px;
    margin-top: 30px;
}

.property-section {
    position: relative;
    margin-bottom: 20px;
    background-color: #EBF8FC;
}

/*.custom-text{min-height: 400px;}
*/
.property-section .heading-section {
    background-color: transparent;
    background-image: linear-gradient(90deg, #0083BF 50%, #01AAE5 80%);
    border-radius: 20px 20px 0px 0px;
    min-height: 197px;
}

.property-section .heading-section {
    font-size: 18px;
    padding-top: 50px !important;
}

.property-section .content-section {
    padding: 50px 30px 0px 30px;
}

.property-section .content-section h3 {
    color: #0083bf;
}

.content-section .content-text {
    font-size: 18px;
}

.property-section #apply-btn {
    color: #fff;
    background-color: transparent;
    background-image: linear-gradient(90deg, #0083BF 50%, #01AAE5 80%);
    padding: 18px 40px;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 4px;
}

.property-section .img-section {
    background-color: #EBF8FC;
    border-radius: 50px 50px 50px 50px;
    position: absolute;
    padding: 23px 23px 2px 23px;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 12rem;
}

.property-section .custom-btn {
    margin-top: auto;
}

.property-section .img-section img {
    vertical-align: middle;
    display: inline-block;
}

.corporate-section {
    position: relative;
    margin-bottom: 20px;
    background-color: #EBF8FC;
}

.corporate-section .heading-section {
    background-color: transparent;
    background-image: linear-gradient(90deg, #0069BF 50%, #0095DA 80%);
    border-radius: 20px 20px 0px 0px;
    min-height: 197px;
}

.corporate-section .heading-section {
    font-size: 18px;
    padding-top: 50px !important;
}

.corporate-section .content-section {
    padding: 50px 30px 0px 30px;
}

.corporate-section .content-section h3 {
    color: #0069BF;
}

.corporate-section #apply-btn {
    color: #fff;
    background-color: transparent;
    background-image: linear-gradient(90deg, #0069BF 50%, #0095DA 80%);
    padding: 18px 40px;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 4px;
}

.corporate-section .img-section {
    background-color: #F2F7EB;
    border-radius: 50px 50px 50px 50px;
    position: absolute;
    padding: 23px 23px 2px 23px;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 12rem;
}

.corporate-section .img-section img {
    vertical-align: middle;
    display: inline-block;
}

.corporate-section .custom-btn {
    margin-top: auto;
}


.associate-section {
    position: relative;
    margin-bottom: 20px;
    background-color: #EBF8FC;
}

.associate-section .heading-section {
    background-color: transparent;
    background-image: linear-gradient(90deg, #0056A8 50%, #007cf2fa 80%);
    border-radius: 20px 20px 0px 0px;
    min-height: 197px;
}

.associate-section .heading-section {
    font-size: 18px;
    padding-top: 50px !important;
}

.associate-section .content-section h3 {
    color: #0056A8
}

.associate-section .content-section {
    padding: 50px 30px 0px 30px;
}

.associate-section #apply-btn {
    color: #fff;
    background-color: transparent;
    background-image: linear-gradient(90deg, #0056A8 50%, #007cf2fa 80%);
    padding: 18px 40px;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 4px;
}

.associate-section .img-section {
    background-color: #FBF5EB;
    border-radius: 50px 50px 50px 50px;
    position: absolute;
    padding: 23px 23px 2px 23px;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 12rem;
}

.associate-section .img-section img {
    vertical-align: middle;
    display: inline-block;
}

.associate-section .custom-btn {
    margin-top: auto;
}

/* COVID-19 Resources & Information page css */

#bulletPoints>li {
    list-style-type: disc !important;
}

/* COVID-19 Resources & Information page css */