﻿h1 {
	font-size: 2.5rem;
}
h2 {
	font-size: 2rem;
}
h3 {
	font-size: 1.75rem;
}
h4 {
	font-size: 1.5rem;
}

  /*for common page layout and breadcrumb*/
    .breadcrumb {
        background-color: transparent;
        margin-bottom: 0px;
		padding: 30px 16px 0.75rem;
    }

    .custom-breadcrumb.breadcrumb span {

        margin-right: 10px;
        color: #000000 !important;
        font-size: 15px;
    }

    #DSCcommon .custom-breadcrumb.breadcrumb span a {

        color: #046A38 !important;
        font-size: 13px;
    }

    .page-title {

        padding-left: 1rem;
    }

    .page-title h3 {

        font-size: 38px;
        font-weight: bold;
        color: #000000;
        margin-bottom: 30px;
        font-family: 'Open Sans', Helvetica, Arial, serif;
    }

    #page-content-one {

        background-color: #F5F5F5;
    }

    /*End for common page layout and breadcrumb*/

   /* #DSCcommon .container {

        max-width: 84%;
    } */

/*for event-listing page*/
#calender-event.eventlisting-bg-color {
    padding: 0 1rem;
}

#event-listing {
    /*width: 80%; */
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
}


/*for filter*/

#event-listing input::-webkit-input-placeholder,
#category-acc-filter,
#audience-acc-filter {
    font-size: 16px;
    font-style: italic;
}

#event-listing input,
#category-acc-filter,
#audience-acc-filter {
    padding-left: 15px;
    border-radius: 5px;
}

#event-listing #event-filter .fa-calendar-alt {
    color: #BFC2CB;
    font-size: 25px;
}

#event-listing #event-filter .start-date-filter input::placeholder,
#event-listing #event-filter .end-date-filter input::placeholder {
    color: #9d9a9a !important;
}

#event-listing #category-acc-filter,
#event-listing #audience-acc-filter {
    background-color: #FFFFFF !important;
    color: #9d9a9a !important;
    display: block;
    width: 100%;
    border-radius: 5px;
    padding: 6px 10px 6px 6px;
    overflow: hidden;
    text-decoration: none !important;
    border: 1px solid #ced4da;
}

#event-listing #category-acc-filter::after,
#event-listing #audience-acc-filter::after {
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 16px;
    line-height: 14px;
    font-weight: 600;
    position: relative;
    top: 5px;
    border: none !important;
    float: right;
    font-style: normal;
}

#event-listing #event-filter .filter-list {
    margin: 0px;
    border-top: 0px;
    min-width: 100%;
    max-height: 274px;
    overflow-y: auto;
    padding-left: 10px;
    padding-bottom: 10px;
}

#event-listing #search-section .search-btn {
    color: #EB004B;
    border: 1px solid;
    border-radius: 15px;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 5px;
}

#event-listing #event-filter,
#event-listing #event-filter .date-filter-sec {
    display: flex;
    width: 100%;
}

#event-listing #event-filter .start-date-filter,
#event-listing #event-filter .end-date-filter {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
}

#event-listing #event-filter .dropdown-list-filter {
    display: flex;
    width: 100%;
}

#event-listing #event-filter .dropdown-list-filter .category-filter,
#event-listing #event-filter .audience-filter {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
}

#event-listing #event-filter .date-filter {
    display: flex;
}

#event-listing #search-section .event-search,
#event-listing #search-section .search {
    margin-bottom: 20px;
}

#event-listing #event-filter .start-date-filter input,
#event-listing #event-filter .end-date-filter input,
#event-listing #search-section input {
    box-shadow: none !important;
}

@media(max-width:767px) {

    #event-listing #event-filter,
    #event-listing #event-filter .date-filter-sec,
    #event-listing #event-filter .dropdown-list-filter,
    #event-listing #event-filter .date-filter {
        display: block;
    }

    #event-listing #event-filter .date-filter-sec .justify-end {
        justify-content: flex-end;
    }

    #event-listing #event-filter .start-date-filter,
    #event-listing #event-filter .end-date-filter {
        margin-right: 0px !important;
    }

    #event-listing #event-filter .dropdown-list-filter .category-filter,
    #event-listing #event-filter .audience-filter {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    #event-listing #search-section .event-search,
    #event-listing #search-section .search {
        padding: 0px;
    }
}

/*-----------end filter---------------------*/
#event-listing .event-section .event-item {
    background-color: white;
    margin-bottom: 20px !important;
    padding: 20px;
}

#event-listing .event-title {
    color: #006734;
    font-weight: 400;
    line-height: 1.4;
}

#event-listing .event-topic,
#event-listing .doctor,
#event-listing .location,
#event-listing .event-time,
#event-listing .fee {
    color: #616675;
    display: flex;
}

#event-listing .event-topic i,
#event-listing .doctor i,
#event-listing .location i,
#event-listing .event-time i,
#event-listing .fee i {
    color: #BFC2CB;
    position: relative;
    top: 5px;
}

#event-listing .event-topic {
    color: #6B3409;
    background-color: #F1E9E0;
    display: inline-block;
    padding: 3px 9px;
    font-size: 12px;
    border-radius: 15px;
    margin-bottom: 25px;
}

#event-listing .view-details {
    text-decoration: none;
    color: #EB004B !important;
    border: 1px solid;
    border-radius: 15px;
    padding: 5px 15px;
    margin-top: 25px;
    margin-bottom: 5px;
    display: inline-block;
}

#event-listing .event-date p {
    margin-bottom: 0px;
    line-height: 1.2;
}

#event-listing .event-date .p-2 {
    padding: 0px 10px !important;
}

#event-listing .event-section .event-item:nth-child(1) .start-date,
#event-listing .event-section .event-item:nth-child(1) .end-date {
    font-size: 18px;
}

#event-listing .event-section .event-item:nth-child(1) .start-date {
    font-size: 18px;
}

/*#event-listing .event-section .event-item:nth-child(1) .date {
    color: #046A38;
    margin-left: 5px;
}*/

#event-listing .event-date {
    text-align: right;
    padding-right: 20px;
}

#event-listing .event-details {
     border-left: 3px solid #EEEEEE;

 
 }

#event-listing .event-section .event-item .event-date {
    display: flex;
    justify-content: flex-end;
}

#event-listing .event-section .event-item .event-date .start-date,
#event-listing .event-section .event-item .event-date .end-date {
    display: block;
    background-color: #F6F6F6;
    padding: 10px;
    font-size: 14px;
    max-height: 70px;
}

#event-listing .event-section .event-item .event-date .date {
    display: block;
    font-size: 24px;
    color: #006734;
}

#start-date {
    width: 240px;
}

#end-date {
    width: 240px;
}


@media(max-width: 767px) {
    #event-listing .event-date {
        justify-content: left !important;
        border: none;
        text-align: left;
    }

    #calender-event.eventlisting-bg-color {
        padding: 0;
    }

    #event-filter,
    #search-section {
        padding: 0 1rem !important;
    }

    #event-listing .event-section .event-item {
        padding: 20px 5px;
    }

    #event-listing .event-title {
        margin-top: 10px;
    }

    #event-listing .date-filter {
        width: 90%;
    }

    #event-listing .calender-icon.mt-2 {
        margin-right: 20px;
    }
	#event-listing .event-details {
		border: none;
	}


}


/*-----for date-picker-------*/

#event-listing .gj-datepicker .input-group-append {
    display: none;
}

#calender-event .gj-picker-bootstrap table tr td div,
#calender-event .gj-picker-bootstrap table tr th div {
    display: block;
    width: 26px;
    font-size: 14px;
}

/*end event-listing page*/


/*event-detail page*/

#calender-event-detail.eventlisting-bg-color {
    padding: 0 1rem;
}

#calender-event-detail #event-detail-page {
    /* width: 80%; */
    margin: 0 auto;
    padding-bottom: 30px;
}


#calender-event-detail .back-event-link {
    font-size: 18px;
    color: #006734;
    text-decoration: none;
    margin-left: 15px;
}

#calender-event-detail .back-to-event {
    margin-bottom: 30px;
}


#calender-event-detail .event-section .event-item {
    background-color: white;
    margin-bottom: 20px !important;
    padding: 20px;
}

#calender-event-detail .event-title {
    color: #006734;
    font-weight: 400;
    line-height: 1.4;
}

#calender-event-detail .event-topic,
#calender-event-detail .doctor,
#calender-event-detail .location,
#calender-event-detail .event-time,
#calender-event-detail .fee {
    color: #616675;
    display: flex;
}

#calender-event-detail .event-topic i,
#calender-event-detail .doctor i,
#calender-event-detail .location i,
#calender-event-detail .event-time i,
#calender-event-detail .fee i {
    color: #BFC2CB;
    position: relative;
    top: 5px;

}

#calender-event-detail .event-topic {
    color: #6B3409;
    background-color: #F1E9E0;
    display: inline-block;
    padding: 3px 6px;
    font-size: 12px;
    border-radius: 15px;
    margin-bottom: 25px;
}

#calender-event-detail .view-details {
    text-decoration: none;
    color: #EB004B !important;
    border: 1px solid;
    border-radius: 15px;
    padding: 5px 15px;
}

#calender-event-detail .event-date {
    text-align: right;
    padding-right: 20px;
}

#calender-event-detail .event-section .event-item .event-date {
    display: flex;
}

#calender-event-detail .event-section .event-item .event-date .start-date {
    display: block;
    background-color: #F6F6F6;
    padding: 10px;
    font-size: 14px;
    max-height: 70px;
}

#calender-event-detail .event-section .event-item .event-date .date {
    display: block;
    font-size: 24px;
    color: #006734;
}

#calender-event-detail .collapse-btn {
    background: transparent linear-gradient(180deg, #DBDBDB 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
    padding: 15px;
    display: block;
    width: 100%;
    text-decoration: none !important;
    color: #2E2E31 !important;
    font-size: 18px;
    margin-left: 3px;
    text-align: center;
    font-weight: bold;
}

#calender-event-detail .collapse-btn.collapsed {
    font-weight: 400;
}

#desk-event-information-details p {
    margin-bottom: 30px;
}


#mob-event-detail-sec {
    display: none;
}

#desk-event-detail-sec .collapse {
    background-color: white;
    padding: 30px 20px;
}

#calender-event-detail .collapse-btn:not(.collapsed) {
    color: white !important;
    background-color: #EC024B !important;
    background: none;
}

#desk-event-detail-sec .button-sec {
    display: flex;
    width: 100%;
}

.download-btn {
    display: block;
    color: #EB004B !important;
    text-decoration: none !important;
    border: 1px solid;
    border-radius: 15px;
    padding: 5px 20px;
    margin-bottom: 20px;
    text-align: center;
}

#download-form {
    display: flex;
    justify-content: flex-end;
}

#event-detail-page .event-date p {
    margin-bottom: 0px;
    line-height: 1.2;
}

@media(max-width: 767px) {
    #calender-event-detail .event-date {
        justify-content: left !important;
        border: none;
        text-align: left;
    }

    #mob-event-detail-sec {
        display: block !important;
    }

    #desk-event-detail-sec {
        display: none;
    }

    #mob-event-detail-sec .collapse-btn.collapsed::after {
        content: "\f107" !important;
        color: #a4a5a8 !important;
    }

    #mob-event-detail-sec .collapse-btn::after {
        font-family: "FontAwesome";
        content: "\f106";
        display: inline-block;
        color: white;
        font-weight: normal;
        float: right;
        font-size: 17px;
        border: 1px solid;
        border-radius: 50%;
        padding: 3px 9px;
    }

    #calender-event-detail .collapse-btn {
        margin: 0px !important;
    }

    #mob-event-detail-sec .mob-collapse-details {
        background-color: white;
        padding: 20px;
    }

    #download-form {
        display: block !important;
        width: 85%;
        margin: 0 auto;
    }

    #calender-event-detail .event-section .event-item {
        padding: 20px 5px;

    }

    #mob-event-detail-sec p {
        margin-bottom: 30px;
    }


}

/*end event-detail page*/





    #ask-sexpert #category-acc-filter {

        background-color: #FFFFFF !important;
        color: #9d9a9a !important;
        display: block;
        width: 100%;
        border-radius: 4px;
        padding: 6px 10px 6px 6px;
        overflow: hidden;
        text-decoration: none !important;
        border: 1px solid #ced4da;
    }

    #ask-sexpert #category-acc-filter::after {

        content: "\f107";
        font-family: "FontAwesome";
        font-size: 16px;
        line-height: 14px;
        font-weight: 600;
        position: relative;
        top: 5px;
        border: none !important;
        float: right;
    }

    #ask-sexpert #category-list {

        border: none !important;
    }

    #ask-sexpert .filter-list {

        margin: 0px;
        border-top: 0px;
        min-width: 100%;
        max-height: 274px;
        overflow-y: auto;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #ask-sexpert #search-section {

        align-items: center;
        margin-bottom: 55px !important;
    }

    #ask-sexpert #search-section .category-search {

        padding-right: 10px;
    }

    #ask-sexpert #search-section input.search-input-text {

        border: none;
        height: 50px;
        box-shadow: none !important;
        color: #2E2E31;
        padding-left: 20px;
    }

    #ask-sexpert #category-acc-filter {

        border: none;
        box-shadow: none !important;
        padding: 14px;
        color: #2E2E31 !important;
        padding-left: 20px;
    }

    #ask-sexpert #search-section .search-btn, .btntext {

        color: #046A38;
        border: 1px solid;
        border-radius: 20px;
        display: block;
        text-align: center;
        text-decoration: none;
        padding: 8px;
    }


    #ask-sexpert {

        margin: 0 auto !important;
    }

    #main .bg-color {

        background-color: #F5F5F5;
        padding-bottom: 30px;
        padding-top: 55px;
    }

    /*#ask-sexpert .left-nav-sec {
		position:relative;
        background-color: white;
        padding: 30px 20px;
    }*/

    #ask-sexpert .left-nav-sec .title {

        font-size: 18px;
        font-weight: bold;
        border-bottom: 2px solid #EFF1F8;
        padding: 10px;
        font-family: 'Montserrat', sans-serif;
    }

    #ask-sexpert .left-nav-sec .left-nav-list,
    #ask-sexpert .left-nav-sec .sub-left-nav-list {

        list-style: none;
    }

    #ask-sexpert .left-nav-sec .left-nav-list li .left-nav-link {

        color: #006734 !important;
        text-decoration: none;
    }

    #ask-sexpert .left-nav-sec .left-nav-list li {

        padding: 6px;
    }

    #ask-sexpert .left-nav-sec .left-nav-list li.active>.left-nav-link {

        font-weight: bold;
        color: black !important;
    }

	@media(max-width: 991px) {	
		#main .bg-color {
			padding-top: 0;
		}
		
		#DSCcommon #registration .left-section {
			padding-left: 0px;
			padding-right: 0px;
			position: relative;
		}

		#DSCcommon #registration {
			width: 100% !important;
		}

		#DSCcommon #registration .landing-content {
			padding-left: 0px;
			padding-right: 0px;
		} 
        #ask-sexpert .left-section {

            padding:0px !important;
        }

        #ask-sexpert #search-section .category-search {

            padding-right: 0px;
        }

        #ask-sexpert {

            width: 100% !important;
            padding-left: 0px;
            padding-right: 0px;
        }

        #ask-sexpert #search-section {

            padding-left: 0px;
            padding-right: 0px;
        }

        #ask-sexpert #search-section .search-btn {
			width: 100px;
			margin-left: 10px;
        }

        #ask-sexpert #search-section .search {

            padding: 0px !important;
        }
    }



    #ask-sexpert .general-information .title {

        font-weight: bold;
        font-family: 'Open Sans', Helvetica, Arial, serif;
        color: #2E2E31 !important;
    }

    #ask-sexpert .submit-question {

        color: #046A38 !important;
        text-decoration: none !important;
        margin-bottom: 20px;
        /*display: block; */
        display:none;
    }

    #ask-sexpert .submit-question::after {

        font-family: "FontAwesome";
        padding-left: 10px;
        content: "\f105";
        font-size: 20px;
    }

    #ask-sexpert .general-question {

        color: #046A38 !important;
        text-decoration: none !important;
        display: flex;
        padding: 15px;
        font-weight: 600;
        padding-left: 0px;
        padding-bottom: 10px;
    }

    #ask-sexpert .general-question.collapsed::after {

        content: "\f067" !important;
        color: #046A38 !important;

    }

    #ask-sexpert .general-question::after {

        font-family: "FontAwesome";
        content: "\f068";
        display: inline-block;
        color: #afafaf;
        font-weight: normal;
        /*font-size: 17px; */
        border: 1px solid;
        border-radius: 50%;
        padding: 3px 9px;
        position: absolute;
        right: 15px;
    }

    #ask-sexpert .general-question::before {

        content: "Q";
        padding-right: 20px;
        font-weight: bold;
        color: #2E2E31;
    }

    #ask-sexpert .sexpert-answer {

        display: flex;
        padding: 15px;
        color: #2E2E31;
        padding-left: 0px;
        padding-top: 10px;
    }

    #ask-sexpert .sexpert-answer::before {

        content: "A";
        padding-right: 20px;
        font-weight: bold;
        color: #2E2E31;

    }

    #ask-sexpert #submit-new-ques .title {

        font-family: 'Open Sans', Helvetica, Arial, serif;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px;
        color: #0C0C0D;
    }

    #ask-sexpert #submit-new-ques {

        padding: 20px;
        background-color: white;
    }

    #ask-sexpert #submit-new-ques #new-ques-input {

        width: 100%;
        background-color: #F5F5F5;
        height: 180px;
        padding: 20px;
        color: #888888;
    }

    #ask-sexpert #submit-new-ques #new-ques-input::placeholder {

        font-style: italic;
    }


    #ask-sexpert .btns-group {

        display: flex;
        justify-content: flex-end;
        margin-top: 20px;
    }

    #ask-sexpert .btns-group .btn {

        border-radius: 15px;
        display: block;
        padding: 0px 20px;
    }

    #ask-sexpert .btns-group .submit-btn {

        border: 1px solid #046A38;
        padding: 3px 20px;
        color: #046A38;
    }

    #ask-sexpert .btns-group .clear-btn {

        border: 1px solid #AAAAAA;
        margin-right: 10px;
        color: #AAAAAA;
        padding: 3px 20px;
    }

    #ask-sexpert .general-faq-item {

        border-bottom: 2px solid #E6E6E6;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    #ask-sexpert .ans-section,
    #ask-sexpert .general-question {

        width: 90%;
    }

    #ask-sexpert .sexpert-answer .mob-ans {

        display: none;

    }


    @media (max-width: 991px) {
        #ask-sexpert .general-question,
        #ask-sexpert .sexpert-answer {

            padding-left: 0px !important;
        }

        #ask-sexpert .sexpert-answer {

            flex-direction: column;
        }

        #ask-sexpert .sexpert-answer .mob-ans {

            display: block;
            font-weight: bold;
            margin-bottom: 10px;
            margin-top: 25px
        }


        #ask-sexpert .general-question::after {

            right: 0px !important;
        }

        #ask-sexpert .general-question::before,
        #ask-sexpert .sexpert-answer::before {

            display: none !important;
        }

        #ask-sexpert #pagination {

            width: 100% !important;
        }

        #ask-sexpert #submit-new-ques {

            margin-left: -15px;
            margin-right: -15px;
        }
    }

    #ask-sexpert #pagination {

        display: flex;
        justify-content: space-between;
        width: 33%;
        margin: 0 auto;
        margin-top: 35px !important;
        margin-bottom: 50px !important;
    }

    #ask-sexpert #pagination #prev-btn::after {

        content: "\f104";
        font-family: "FontAwesome";
        font-size: 24px;
        border: 1px solid;
        background-color: white;
        padding: 3px 10px;
    }

    #ask-sexpert #pagination #next-btn::after {

        content: "\f105";
        font-family: "FontAwesome";
        font-size: 24px;
        border: 1px solid;
        background-color: white;
        padding: 3px 10px;
    }

    #ask-sexpert #pagination #current-page {

        border: 1px solid #C7C7C7;
        background-color: white;
        padding: 3px 10px;
        color: #046A38 !important;
    }

    #ask-sexpert #pagination #prev-btn,
    #ask-sexpert #pagination #next-btn {

        text-decoration: none !important;
        color: #046A38 !important;
    }

    #ask-sexpert #pagination #pagination-sec {

        margin-top: 7px;
    }

    #pagination .prev a::after {

        content: "\f104";
        font-family: "FontAwesome";
        font-size: 24px;
        border: 1px solid;
        background-color: white;
        padding: 3px 10px;
        color: #046A38 !important;
    }

    #pagination .current-page {

        border: 1px solid #C7C7C7;
        padding: 3px 10px;
        color: #046A38 !important;
        line-height: 1.5;
        float: none !important;
        box-shadow: none !important;
        background: white !important;
    }

    #pagination .next a::after {

        content: "\f105";
        font-family: "FontAwesome";
        font-size: 24px;
        border: 1px solid;
        background-color: white;
        padding: 3px 10px;
        color: #046A38 !important;
    }

    #pagination a {

        text-decoration: none !important;
    }

    #pagination li {

        list-style: none;
    }

    #ask-sexpert .search-input-text::placeholder {
        
        font-style: italic;
    }

/*for left nav site navigation*/
#sideNav ul {
    padding-inline-start: 0px;
}
#sideNav ul li a {
    padding: 0px;
    color: #006734!important;
    text-decoration: none;
    font-family: 'Open Sans', Helvetica, Arial, serif;
}

#sideNav ul li {
    list-style: none;
    padding: 8px 10px;
    padding-left: 0px;
}
#sideNav ul li.selected a.selected {
    font-weight: bold;
    color: #0C0C0D !important;
    background-color: transparent;
}
#sideNav ul.ms-core-listMenu-root ul.static {
    margin-top: 15px;
    padding-left: 15px;
    border-left: 2px solid #046A38;
}

#sideNav li.static ul.static {
    margin-top: 15px;
    padding-left: 15px !important;
    border-left: 2px solid #046A38;
}

#sideNav ul.dynamic {
	display:none !important;
}
#sideNav ul li a {
    padding: 0px;
    color: #006734!important;
    text-decoration: none;
    font-family: 'Open Sans', Helvetica, Arial, serif;
}
#sideNav ul li.selected a.selected {
    font-weight: bold;
    color: #0C0C0D !important;
    background-color: transparent;
}
#sideNav li.static ul.static {
    margin-top: 15px;
    padding-left: 15px !important;
    border-left: 2px solid #046A38;
}
.left-nav-sec {
    background-color: white;
    padding: 16px;
    padding-left: 20px;
    padding-right: 10px;
}
.left-nav-sec .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 2px solid #EFF1F8;
    padding: 10px;
    text-transform: uppercase;
    padding-left: 0px;
    width: 89%;
    margin-left: 0;
    color: #0C0C0D;
    padding-top: 0px;
    margin-bottom: 5px;
}

@media (min-width: 992px) {
	.left-nav-sec #sideNav {
		display: block!important;
	}
}
/*for left nav mob view*/
.left-nav-sec .mob-nav-title {
    padding: 10px;
    font-size: 16px;
    width: 100%;
    text-align: center;
    background-color: white;
    color: #000 !important;
    text-decoration: none !important;
    justify-content: space-between;
    padding-left: 15px;
    margin-right: 20px;
    border-radius: 5px;
    border: 1px solid #D2D2D2;
    display:none;
    
}

.left-nav-sec .mob-nav-title::after {
    font-family: "FontAwesome";
    padding-left: 10px;
    content: "\f107";
    font-size: 22px;
    position: relative;
    bottom: 3px;
    height: 20px;
}


@media (max-width: 991px) {
	.left-nav-sec .title {
        display: none !important;
    }

    .left-nav-sec .mob-nav-title {
	    display:flex !important;
    }

    .left-nav-sec {
	    padding-left:0px !important;
	    padding-right:0px !important;
		position: relative;
    }

    .left-nav-sec {
        background-color: unset !important;
     }
	
    .left-nav-sec #sideNav {
	    padding: 19px;
        border: none;
        background-color: white;
        z-index: 99;
        position: absolute;
        margin-right: 0px;
        box-shadow: rgb(0 0 0 / 25%) 0px 0.125rem 0.5rem !important;
        display: none;
        width:100%;
    }
}

/*end left nav mob  view*/


/*Clinics page start*/


 #clinics .registration-links {
 
    background-color: white;
    padding: 20px;
}

#clinics .registration-links .title {

    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 2px solid #EFF1F8;
    padding-bottom: 10px;
    color: #046A38;
}

#clinics .registration-links .reg-link::before {

    content: "\f105";
    font-family: "FontAwesome";
    font-size: 16px;
    line-height: 14px;
    font-weight: 600;
    margin-right: 15px;
    color: #046A38;
    position: relative;
    top: 5px;
}

#clinics .registration-links .reg-link {

    display: flex;
    padding: 7px 10px;
    color: #046A38 !important;
    text-decoration: none;
}

#clinics .requirements-list .req-item::marker {
    color: #8DC5AA;
}


#clinics  .requirements-list .req-item {
    padding: 10px;
    color: #2E2E31 !important;
    margin-bottom: 12px;
}
/*Clinics page end*/





#calender-event-detail .collapse-btn {
    background: transparent linear-gradient(180deg, #DBDBDB 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
    padding: 15px;
    display: block;
    width: 100%;
    text-decoration: none !important;
    color: #2E2E31 !important;
    font-size: 18px;
    margin-left: 3px;
    text-align: center;
    font-weight: bold;
}

#calender-event-detail .collapse-btn.collapsed {
    font-weight: 400;
}

#desk-event-information-details p {
    margin-bottom: 30px;
}


#mob-event-detail-sec {
    display: none;
}

#desk-event-detail-sec .collapse {
    background-color: white;
    padding: 30px 20px;
}

#desk-event-detail-sec .button-sec {
    display: flex;
    width: 100%;
}


@media(max-width: 767px) {
    #mob-event-detail-sec {
        display: block !important;
    }
    #desk-event-detail-sec {
        display: none;
    }

    #mob-event-detail-sec .collapse-btn.collapsed::after {
        content: "\f107" !important;
        color: #a4a5a8 !important;
    }

    #mob-event-detail-sec .collapse-btn::after {
        font-family: "FontAwesome";
        content: "\f106";
        display: inline-block;
        color: white;
        font-weight: normal;
        float: right;
        font-size: 17px;
        border: 1px solid;
        border-radius: 50%;
        padding: 3px 9px;
    }

    #calender-event-detail .collapse-btn {
        margin: 0px !important;
    }

    #mob-event-detail-sec .mob-collapse-details {
        background-color: white;
        padding: 20px;
    }

    #mob-event-detail-sec p {
        margin-bottom: 30px;
    }

}




/*DSC page layout*/
#calender-event-detail .collapse-btn {
    background: #C9EBDB;
    color: #006734 !important;
    border-bottom: 1px solid #006734;
    font-size: 16px;
    font-weight: bold !important;
    margin-left: 1px;
    text-align: left;
    padding: 12px;
    /*padding-right: 25px;*/
    display: inline-block;
    cursor: pointer;
}
#calender-event-detail .collapse-btn:not(.collapsed) {
    color: #333333 !important;
    background-color: #fff !important;
    border-top: 2px solid #006734;
    border-bottom: none;
    margin-top: -15px;
    padding-top:26px;
}

#calender-event-detail .collapse-btn:not(.collapsed) {
    color: #333333 !important;
    background-color: #fff !important;
    border-top: 2px solid #006734;
    border-bottom: none;
    margin-top: -15px;
    padding-top: 26px;
}

#DSCcommon #mob-event-detail-sec .ms-rtestate-field{
	color : #2E2E31
}
#DSCcommon #desk-event-detail-sec .ms-rtestate-field{
	color : #2E2E31
}
.landing-content ul li{
	/*color: #006734;*/
	margin-bottom:12px;
}
.landing-content ul li:active{
	color: #525252;
}

.landing-content ul li::marker{
    color: #006734;
}
.landing-content a{
	color: #006734;
	text-decoration:underline;
    text-underline-offset: 5px;
}
.landing-content a:hover{
	color: #43BA7F;
	text-decoration:none;
}
.landing-content a:active{
	color: #525252;
}

.landing-content img{ max-width:100%; }

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/*End DSC page layout*/



.landing-content h2 {
	font-family: 'Open Sans', Helvetica, Arial, serif;
	font-size: 28px;
	font-weight:bold;
	margin-bottom: 24px;
	color: #2E2E31 !important;
}
.landing-content h3, .landing-content h4  {
	font-family: 'Open Sans', Helvetica, Arial, serif;
	font-size: 20px;
	font-weight:bold;
	margin-bottom: 24px;
	color: #2E2E31 !important;
}
.landing-content h4 {
    font-size: 18px;
    margin-bottom: 24px;
}

.landing-content hr {
    margin: 36px 0px;
    border-top: 1px dashed #8DC5AA;
}

#DSCcommon p, #DSCcommon p.ms-rteElement-P {
    line-height: 1.8;
    margin: 0px 0px 20px 0px;

}
#DSCcommon .landing-content .ms-rtestate-field div.div-bg, #DSCcommon .highlightBox{
background-color: #fff;
padding: 24px;
border-radius: 5px;
margin: 10px 0 15px;
}

/* table style */
.landing-content table {
    overflow-x: auto;
}
.landing-content tbody {
    width: 100%;
    display: table;
}
.landing-content th, .landing-content td {
    vertical-align: top;
}

.ms-rteTable-Data {
    -ms-name: "NSC Data Table";
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}

table.ms-rteTable-Data {
    border: 1px solid #DDDDDD;
    border-right: 4px solid #DDDDDD;
    border-bottom: 1px solid #006734;
}

.ms-rteTable-Data tr {
    border-top: 1px solid #E5E5E5;
}

.ms-rteTable-Data th {
    background-color: #fff;
    border-right: 1px solid #F5F5F5;
    padding: 17px 24px 54px 24px;
    border-top: 2px solid #006734;
    vertical-align:top;
}

.ms-rteTable-Data td {
    padding: 18px 24px;
    vertical-align:top;
}
@media (max-width: 767px) {
    .ms-rteTable-Data, .landing-content table {
        display: block;
    }
}
/*End table style*/


/*#DSCcommon .right-section .ms-rtestate-field table{
width: 100%;
margin-top:30px;
}

#DSCcommon .right-section .ms-rtestate-field table th {
    background-color: #fff;
    border-right: 1px solid #F5F5F5;
    padding: 17px 24px 54px 24px;
    border-top: 2px solid #006734;
}

#DSCcommon .right-section .ms-rtestate-field tbody{
    border: 1px solid #DDDDDD;
    border-right: 4px solid #DDDDDD;
    border-bottom: 1px solid #006734;
}

#DSCcommon .right-section .ms-rtestate-field tr{
    border-top: 1px solid #E5E5E5;
}


#DSCcommon .right-section .ms-rtestate-field td{
    padding: 18px 24px;
    vertical-align: top;
}*/


/*Frequently-Asked-Questions*/
#faq .left-nav-sec .left-nav-list {
    padding-left: 10px !important;
} 
/*End Frequently-Asked-Questions*/


#DSCcommon .filter-item-c {
    width: 45px;
    display: inline-block;
   	border: 1px solid rgb(4 106 56);
    text-align: center;
    background: rgba(255, 255, 255, 0) 0% 0% no-repeat padding-box;
    height: 40px;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    padding: 6px;
}

#DSCcommon .filter-item-c span {
    font-size: 16px;
    color: rgb(4 106 56);
}

#DSCcommon .allcontent .Com_txtStyle {
    color: rgb(4 106 56);
    font: normal normal normal 16px/22px Open Sans;
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
}
#nscHeader .nav-link {
    font-weight: bold;
}



.ms-core-listMenu-verticalBox .dynamic-children.additional-background {
    background-image: none !important;
}

/*page edit menu override*/
.ms-cui-menu {
    z-index: 1100 !important;
}
/*End page edit menu override*/

/*hide Sign In*/
span a.ms-signInLink {
	display:none !important;
}
/**/

i.arrow {
	font-style:normal !important;
}

/*start pagetools css*/

.functionality-container {
	
	display:flex;
}

.functionality-container button {
    min-width: 0px !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #b5b1b1;
    height:35px;
}

#DSCcommon .page-title-sec {
	
	justify-content: space-between;
}

#share-icons {
	
	background-color:unset !important;
	border:none !important;
}

#share-icons-list {

    display: flex;
    list-style: none !important;
    padding: 5px 0px !important;
    margin-bottom:0px !important;
}

#share-icons-list li a {
    color: #b5b1b1 !important;
    padding: 7px 10px;
}

.fa-linkedin:before {
    content: "\f0e1" !important;
}


@media print {
  footer, #nsc-left-navigation, #topbar .topbtext { 
    display: none; 
  }
}
@media (max-width: 767px){
#breadcrumb-pagetitle .functionality-container {
    display: none !important;
}
}
/*start pagetools end*/
/*DSC Accordion*/
#accordionDSC .card-body.collapsing {
    transition: none;
}
#accordionDSC .card-body {
    overflow-x: auto;
}
/*End NSC Accordion*/


/*05.01.2022 news details page*/

#DSC-news-detail {
    background-color: #F5F5F5;
    padding: 20px 0px;
}

#DSC-news-detail .page-title input {
    width: 500px;
}

#DSC-news-detail .news-item {
    display: flex;
        margin-bottom: 20px !important;
    padding: 20px;
    background-color:white;
}

#DSC-news-detail .date {
    color: #046A38;
}

#DSC-news-detail .event-date-sec {
    padding-right: 20px;
    min-width: 130px;
    text-transform: uppercase;
    text-align: right;
}

#DSC-news-detail .event-details {
    border-left: 3px solid #EEEEEE;
    padding: 0px 10px;
}

#DSC-news-detail #articleTitle {
    color: #046A38;
    font-weight: 400;
    line-height: 1.4;
    font-size: 24px;
    margin-bottom:10px;
}

#DSC-news-detail #news-category {
    color: #6B3409;
    background-color: #F1E9E0;
    display: inline-block;
    padding: 3px 9px;
    font-size: 12px;
    border-radius: 15px;
    margin-bottom: 25px;
}

#DSC-news-detail .back-btn {
    color: #046A38 !important;
    text-decoration: none;
    font-size: 18px;
    margin-bottom:20px;
    display:block;
}

#DSC-news-detail .back-btn::before {
    content: "\f104";
    font-family: 'FontAwesome';
    margin-right: 10px;
}

@media (max-width: 767px)
{
#DSC-news-detail .news-item 		{ display:block; }
#DSC-news-detail .event-date-sec 	{ text-align:left; margin-bottom:1rem; }
#DSC-news-detail .event-details 	{ border-left:none; padding:0;}

}

/*End news details page*/

