/* -----------------------------------
          Template specific styles
------------------------------------- */

/* Generic Styles */
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css);

body {
    padding: 0px;
    margin: 0px;
    background-color: var(--secondary-background-color);
}

body, table, td, tr, div {
    font-size: var(--font-sm);
    line-height: 1.6;
    color: var(--primary-text-color);
}

a {
    color: #cc0066;
    text-decoration: none;
}

a:hover {
    color: #ff0099;
    text-decoration: underline;
}

table {
    border-collapse: collapse;
}

/* Content Blocks */


.tblLogin a {
    color: var(--primary-accent-color) !important;
}


.home_content {
    background-color: black;
}

#content {

    min-height: 600px;
    width: 100% !important;
    float: left;

}

#content-bottom {
    background-color: white;
    /*width: 970px;*/
    width: 100%;
}


#content_inner {
    margin: 0 25px;
    width: 920px;
}

#header_left img {

    background: none;
}


/* Header Blocks */

#header {
    width: 100%;
    margin-right: 20px;
    background-color: var(--primary-background-color);


}

#header_left {
    width: 25%;
    height: 95px;
    float: left;
}

#header_right {
    height: 140px;
    line-height: 31px;
    color: var(--primary-text-color);
    float: left;
    padding-top: 30px;
}

#header_rightmost {
    position: absolute;
    right: 2px;
    width: 235px;
    top: 35px;
    z-index: 1050;
}

#header_right a {

    color: black;
    text-decoration: none;
    font-weight: 600;
    padding: 8px;
    font-size: var(--font-lg);

}
.dropdown-menu {
    position: absolute;
    z-index: 1052; /* Higher than other elements */
}

#header_right a:hover {
    color: var(--primary-background-color);
    text-decoration: underline;
    /*background-color:
        #F4F4F3;*/
    color: black !important;
    border-radius: 3px;
    text-decoration: none !important;
}


#home_mainheader {
    width: 100%;
    text-align: center;
    color: #ffffff;
    float: left;
    padding: 10px;
}

#home_mainheader a {

    color: black;
    text-decoration: none;
    font-weight: 600;
    padding: 8px;
    font-size: var(--main-header-font-size);

}

#home_mainheader a:hover {
    color: black !important;
    border-radius: 3px;
    text-decoration: none !important;
}

#home_mainheader div {
    display: inline-block;
}


#footer {
    width: 100%;
    float: left;
    background-color: var(--primary-background-color);

}

#footer_inner {
    width: 550px;
    padding: 20px 0;
    color: black;
    margin: 0 auto;


}

#footer_content {
    width: 970px;
    background: url(images/bg_footer_inner.gif) repeat-y left;
}

.content-left {

    background: url(images/people-collage.png) no-repeat;
    height: 568px;
}

.footer-images-section {
    width:100%;
}

.footer_cell {
    width: 280px;
    float: left;
    display: inline;
    text-align: left;
}

.footer_cell a {
    color: var(--primary-text-color);
    text-decoration: none;
    font-size: var(--font-md);
}

.footer_cell a:hover {
    color: var(--primary-accent-color);
    text-decoration: underline;
}

#language {
    text-align: center;
    padding: 10px 0;
    width: 100%;
}

/* Homepage Stuff */

#home_left {
    width: 100%;
    height: 500px;
    float: left;
    overflow: hidden;

}


#home_right {
    width: 250px;
    float: right;
    overflow: hidden;
}

#home_slogan {
    width: 600px;
    margin: 0 20px;
    padding-top: 100px;
}


.home_note1 {
    font-size: var(--font-xxl);
    line-height: 40px;
    color: #000000;
    font-weight: 400;
}

.home_note2 {
    font-size: var(--font-lg);
    line-height: 20px;
    color: #666666;
    font-weight: 400;
}

#home_join {
    width: 190px;
    float: right;
}

#home_search {
    background-color: #ece7e7;
    border-radius: 4px;
    border: 1px solid #ece7e7;
    padding: 0px !important;
    margin-top: 80px;
    float: center;

}

.home_searchtitle {
    font-size: 1.7rem;
    line-height: 38px;
    color: var(--primary-accent-color);
    font-weight: 400;
    background-color: white;
    text-align: center;
    background-color: white;
    padding: 20px 10px 20px 10px;
}

.home_searchtxt {
    font-size: var(--font-sm);
    width: 100%;
    float: left;
    font-weight: bold;
    padding-bottom: 5px;
}


.home_profile_box {
    width: 238px;
}

.home_profile_header {
    font-size: var(--font-lg);
    line-height: 18px;
    padding: 5px 10px;
    color: #000000;
    font-weight: 400;
}

.home_profile_body {
    padding: 10px;
    text-align: center;
}

.home_tag_box {
    width: 240px;
    margin-top: 10px;
}

.home_tag_header {
    font-size: var(--font-lg);
    line-height: 18px;
    padding: 5px 0;
    color: #000000;
    font-weight: 400;
}

.home_tag_body {
    text-align: left;
}

.home_content_header {
    font-size: 1.6rem !important;
    line-height: 18px;
    padding-bottom: 10px;
    color: #333333;
    font-weight: 400;
    margin-top: 30px;
    text-align: center;
}

.home_content_header1 {
    font-size: 1.6rem !important;
    line-height: 18px;
    padding-bottom: 10px;
    color: #9c834b;
    font-weight: 400;
    margin-bottom: 15px;
    text-align: center;
}

.home_content_top_header {
    font-size: 1.7rem !important;
    line-height: 26px;
    padding-bottom: 10px;
    color: var(--primary-accent-color);
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 35px;
}

.home_content_body {
    padding-bottom: 10px;
    color: #777777;
}


.tag1 a, .tag2 a, .tag3 a, .tag4 a, .tag5 a, .tag6 a, .tag7 a {
    color: #666666;
    font-weight: 400;
    text-decoration: none;
}

.tag1 a:hover, .tag2 a:hover, .tag3 a:hover, .tag4 a:hover, .tag5 a:hover, .tag6 a:hover, .tag7 a:hover {
    color: #000000;
    font-weight: 400;
    text-decoration: underline;
}

.tag1 {
    font-size: var(--font-xs);
    padding: 0 2px;
}

.tag2 {
    font-size: var(--font-sm);
    padding: 0 2px;
}

.tag3 {
    font-size: var(--font-sm);
    padding: 0 2px;
}

.tag4 {
    font-size: var(--font-md);
    padding: 0 2px;
}

.tag5 {
    font-size: var(--font-md);
    padding: 0 2px;
}

.tag6 {
    font-size: var(--font-lg);
    padding: 0 2px;
}

.tag7 {
    font-size: var(--font-lg);
    padding: 0 2px;
}

#home_profile {
    width: 100%;
}

#home_profile td {
    width: 10%;

}

#home_profile div {
    color: #777777;
}

.home_profile_1 {
    font-size: var(--font-lg);
    line-height: 12px;

    margin-bottom: 2px;
    margin-top: 10px;
}

.home_profile_1 a {
    text-decoration: none;
    color: var(--primary-accent-color);
}

#home_profile div a:hover {
    color: #90caf9;
    text-decoration: none;
}

a.profile_image img {

    margin-left: 5px;
    border-radius: 4px;
    width: 124px;
    height: 160px;
}

/* Nav main Menu */


#nav {
    width: 970px;
    height: 60px;
    background: url(images/bg_nav.gif) top no-repeat;
    overflow: hidden;
}

#nav_inner {
    padding: 0 10px;
    height: 60px;
    line-height: 60px;
    font-size: var(--font-sm);
    font-weight: 700;
}

#nav_inner a {
    padding: 0 10px;
    background: url(images/bg_navlink.gif) right no-repeat;
    color: #ffffff;
    text-decoration: none;
    display: block;
    float: left;
}

#nav_inner a:hover {
    background: url(images/bg_navlink.gif) right no-repeat #cd0369;
    color: #ffffff;
    text-decoration: none;
}

.navbar-toggle {
    border: none !important;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: transparent !important;
}

.nav > li {
    text-align: left !important;
}

/* Forms */
input, textarea, select {
    font-size: var(--font-sm);
    font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
    color: #000000;
}
input::placeholder {
    font-style: italic;
}

.button { /*   all form buttons */
    font-size: var(--font-lg);
    font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
    padding: 5px 14px;
    font-weight: 1000;
    color: #ffffff;
    background-color: var(--primary-accent-color);
    border: none;
    border-radius: 4px;
    text-transform: uppercase;
}

.clearBoth {
    clear: both !important;
    height: 1px;
    line-height: 1px;
    overflow: hidden;
}

#filter {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #CCA;
    z-index: 10;
    opacity: 0.5;
    filter: alpha(opacity=70);
}

#box {
    display: none;
    position: absolute;
    top: 25%;
    left: 50%;
    width: 450px;
    min-height: 250px;
    padding: 10px 10px 20px 40px;
    margin: 0px 0px 0px -225px;
    border: 1px solid black;
    background-color: var(--secondary-background-color);
    z-index: 1001;
    overflow: none;
}

#box2 {
    display: none;
    position: absolute;
    top: 25%;
    left: 50%;
    width: 450px;
    height: 250px;
    padding: 10px 10px 20px 40px;
    margin: 0px 0px 0px -225px;
    border: 1px solid black;
    background-color: white;
    z-index: 1001;
    overflow: none;
}

#boxtitle {
    position: absolute;
    float: center;
    top: 0;
    left: 0;
    width: 450px;
    height: 0px;
    padding: 0;
    padding-top: 4px;
    left-padding: 8px;
    margin: 0;
    text-align: center;
}

.middle-sec {
    width: 970px;
    margin: 0 auto;
    text-align: left;
}

.header_links {
    text-align: right;
    font-size: var(--font-md);
    padding: 8px 0 11px;
}

.color3 {
    color: var(--primary-background-color);
}

.header_links a {
    position: relative;
    display: inline-block;
    /* color: #333333;*/
    color: white;
}

.header_links a + a {
    margin-left: 25px;
}

.header_links a + a::after {
    position: absolute;
    left: -14px;
    top: 1px;
    width: 1px;
    height: 21px;
    background-color: #ccc;
    content: '';
}

.grid_12 {
    /*  width: 1170px;*/
    width: 96%;
}

[class*="grid_"] {
    float: left;

    margin-left: 30px;
}

.home-nav {

    font-weight: bold;
    padding: 10px;
    font-size: var(--font-xl);

}


.home-nav:hover {

    background-color: #F4F4F3;
    color: black !important;
    border-radius: 3px;
    text-decoration: none !important;
}

.home-nav-current {
    background-color: #F4F4F3;

    color: black !important;
    border-radius: 3px;
}


/* .home-nav-current::after {
 content: '';
 position: absolute;
 width: 5px;
 bottom: 100px;
 left: 48%;
 pointer-events: none;
 z-index: 999;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 3px 3px 0 3px;
 border-color: #333 transparent transparent
 transparent;
}*/


.home_content_top {
    background-color: #8CB7D4;

}

#home_search td {
    padding: 8px 8px 8px 22px;

    text-align: left;
}

.header_rightmost_res {
    display:none;
}

@media screen and (max-width: 900px) and (min-width: 600px) {
    #wrapperin {
        width: 970px;
        margin: 0 auto;
        text-align: left;
    }

    #wrapper {
        width: 100%;
    }
}

@media screen and (max-width: 1080px) and (min-width: 1024px) {
    #wrapperin {
        width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
    }

}

@media (max-width: 12450px) {

    #wrapperin {
        /*width:1202px; nk*/
        width: 100%;
        margin: 0 auto;
        text-align: left;

    }

    #wrapperinadmin {
        float: left;
        text-align: left;
        margin-left: 20px;
    }

    #wrapper {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .container {
        /*width: 970px !important;*/
        width: 100%;
    }
}


/* For mobile phones: */
@media only screen and (max-width: 620px) {


    .to_main_hero {
        padding: 28px 0 271px !important;
        /*background-size: auto !important;
        background-size: auto !important;*/
        margin-top: 70px !important;
    }

    .content-left {
        display: none;
    }


    #wrapperin {
        width: 100%;

    }

    #header {
        height: auto;
        margin-right: 0px;
        min-height: 50px !important;
        background-image: none;
    }

    .navbar-inverse {
        display: block;
    }

    [class*="grid_"] {
        margin-left: 0px;
    }

    /*#home_left{
        height:100%;
    }*/
    .registerimg {
        display: none;
    }

    .joinmb {
        margin-left: 15px;
    }

    .join_head {
        width: 100% !important;
    }

    body, table, td, tr, div {
        font-size: var(--font-sm);
    }

    .tooltipimg {
        width: 15px !important;
    }


    .fullwidth {
        width: 100% !important;
    }

    .width90 {
        width: 90% !important;
    }

    .width30 {
        width: 30% !important;
    }
    .width20 {
        width: 20% !important;
    }
    .width60 {
        width: 60% !important;
    }

    .width47 {
        width: 47% !important;
    }

    .join_mb {
        width: 90% !important;
        margin-left: 15px;
    }

    .home_box {
        height: auto !important;
        margin: 0 10px 10px 10px !important;

    }

    .home_box_lower {
        min-height: 150px;
    }

    .floatleft {
        float: left;
    }

    .home_box H2 {
        font-size: var(--font-sm) !important;
    }

    .centeralignmb {
        text-align: center;
    }

    .pageheader {
        font-size: 1.6rem !important;
    }

    .search_result {
        margin: 0px 0px 10px 0px !important;
        height: 273px !important;
    }

    .lftpadding {
        margin-left: 15px !important;
    }

    .leftmargin {
        margin-left: 15px;
    }

    .nodisplay {
        display: block !important;
    }

    .mbcenter {
        text-align: center !important;
    }

    .vid_search_result {
        height: auto !important;
    }

    .vid_resultbody {
        height: auto !important;
    }

    #home_content_top {
        width: 100% !important;
        padding-bottom: 20px;
        float: left;
    }

    .mbipad {
        display: none;
    }

    .header_rightmost_res {
        float: right;
        width: 39px;
    }

    .fadermenu_res {
        top: 119px !important;
        right: 4px !important;
    }

    .fadermenuleftres {
        top: 119px !important;
    }

    .fadermenubrowse {
        top: 26px !important;
        right: 6px !important;
    }

    #browseArea {
        height: 349px !important;
    }

    .menu_name {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }


    .menubottom {
        display: block !important;
        float: right;
    }

    .home_ch_bottom {
        margin-left: 0px !important;
        bottom: 6px !important;
        margin-bottom: 10px;
    }

    .btn_ch {
        font-size: var(--font-xs) !important;
    }

    .btn_ch_active {
        font-size: var(--font-xs) !important;
    }

    #menumail {
        display: block !important;

    }

    .topspace {
        margin-top: 10px;
    }

    #vd_video {
        width: 100%;
    }

    .lftmb {
        text-align: left !important;
    }

    .onlineicon {
        font-size: var(--font-xs) !important;
    }

    .imageframepf {
        text-align: center !important;
    }

    .pf_top_dv {
        border: none !important;

        text-align: center !important;
    }

    #dv_prf_left.dv_prf_left {
        width: 100% !important;
    }

    .dv_home_left {
        text-align: center !important;
    }

    .online {
        margin-top: 10px
    }

    .dv_nav_active {
        border: 0px !important;
    }

    #menuprofile {
        display: block !important;
    }

    #menuupgrade {
        display: block !important;
    }

    #menueprofile {
        display: block !important;
    }

    #menueditprofile {
        display: block !important;
    }

    .righttext {
        padding-bottom: 7px !important;
        padding-top: 7px !important;
    }

    .home_seach_txt {
        margin-bottom: 10px;
        width: 100%;
    }

    .homewht {
        display: block !important;
    }

    #content-bottom {
        float: left;
    }

    .minheighthome {
        height: 245px;
    }

    .minheightprf {
        height: 100px !important;
        text-align: center;
    }

    .dv_edit_rt_1 {
        height: auto !important;
    }

    .dv_edit_name {
        font-size: 1.8rem;
        font-weight: 500;
        padding-top: 0px !important;
        line-height: 0.8em;
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .rgsdv1 {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;

    }

    .rgsactive:before {
        content: none !important;
    }

    .rgsactive {
        border-bottom: 1px solid var(--primary-accent-color);
        border-left: 0px !important;
    }

    .dvupfull {
        width: 94% !important
    }

    .dvuptoggle {
        width: 100% !important;
    }

    .marginleft15 {
        margin-left: 15px !important;
    }

    .carousel-control.left {

        left: -30px !important;

    }

    .to_index_nav {
        background-color: var(--primary-background-color) !important;
    }

    nav ul a:hover {
        background-color: var(--primary-accent-color) !important;
    }

    #box {
        left: 0;
        width: 100%;
        margin: 0px;

    }

    .pref_img {
        width: 100%;
    }

    #footer {
        margin-top: 10px;
    }

    .advanced-modal-popup {
        margin: 0px 18px auto;
        width: 90% !important;
        padding-top: 40px !important;
        height: 90% !important;
        background-color: transparent !important;

    }


    .advanced-modal-content-popup {
        border: 1px solid #dad8d8 !important;
        border-radius: 5px;

    }

    .to_index_nav .header_logo {
        width: 40% !important;
    }

    .header_mb_right {
        width: 60%;
        margin-top: 5px !important;
    }

    .inputfmb {
        width: 84px;
    }

    .xsfont {
        font-size: var(--font-sm) !important;
    }
}


/* ipad  landscape*/
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape ) {

    .carousel-control.right {
        right: -38px !important;
    }


    .mbipad {
        display: none;
    }

    #header_left {
        width: 100%;
        text-align: center;
        float: left;
    }

    #header_right {

        width: 100%;
        line-height: 41px;
        color: var(--primary-background-color);
        float: left;
        text-align: center;
        padding-top: 29px !important;
    }

    #wrapperin .gstheader {
        padding-top: 0px !important;
    }

    #wrapperin {

        width: 100% !important;
        margin: 0 auto;
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;

    }

    #header {
        height: 157px;
        margin-right: 0px;
    }

    .content-left {
        background: url(images/people-collage.png) no-repeat;

        background-size: cover;
        height: 300px !important;
    }

    #header_left img {
        width: auto !important;
    }

    .joinmb {
        margin-left: 15px;
    }

    .minheight {
        min-height: 620px;
    }

    body, table, td, tr, div {
        font-size: var(--font-lg);
    }

    .floatleft {
        float: left;
        height: 354px !important;
    }

    .pageheader {
        font-size: 1.6rem !important;
    }

    .search_result {

        /*height:325px!important;*/
        height: 282px !important;
    }

    .nodisplay {
        display: none;
    }

    #header_right a {
        color: black !important;
    }

    .header_rightmost_res {
        float: right;
        width: 39px;
    }

    .fadermenu_res {
        top: 207px !important;
        right: 26px !important;
    }

    .menubottom {
        display: block !important;
        float: right;
    }

    .onlineicon {
        font-size: var(--font-xs) !important;
    }

    .pf_top_dv {
        margin: 0px !important;
    }

    .dv_home_right {
        width: 80% !important;
    }

    .minheighthome {
        height: 245px;
    }

    .topdv {
        margin-left: 0px !important;
    }

    .main-text {
        margin-left: 209px !important;
        margin-top: 41px !important;
    }

    #dv_prf_left.dv_prf_left {
        width: 16.66666667% !important;
    }

    .righttext {
        padding-bottom: 7px !important;
        padding-top: 7px !important;
    }

    #browseArea {
        height: 307px !important;
    }

    .dvupfeature {
        font-size: var(--font-md) !important;
    }

    .to_main_hero {
        padding: 176px 0 265px !important;
        background-size: 100% 100% !important;
    }

    #footer {
        margin-top: 10px;
    }

    .xsfont {
        font-size: var(--font-sm) !important;
    }
}


/* ipad portrait*/
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {

    .to_main_hero {
        padding: 176px 0 265px !important;
        background-size: 100% 100% !important;
    }

    .carousel-control.right {
        right: -38px !important;
    }


    .mbipad {
        display: none;
    }

    #header_left {
        width: 100%;
        text-align: center;
        float: left;
    }

    #header_right {

        width: 100%;
        line-height: 41px;
        color: var(--primary-background-color);
        float: left;
        text-align: center;
        padding-top: 15px !important;
    }

    #wrapperin {

        width: 100%;
        margin: 0 auto;
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;

    }

    #header {
        height: auto;
        min-height: auto !important;
        margin-right: 0px;
        background-repeat: unset !important
    }

    .content-left {
        background: url(images/people-collage.png) no-repeat;

        background-size: cover;
        height: 300px !important;
    }

    #header_left img {
        width: auto !important;
    }

    .joinmb {
        margin-left: 15px;
    }

    .minheight {
        min-height: 620px;
    }

    body, table, td, tr, div {
        font-size: var(--font-lg);
    }

    .floatleft {
        float: left;
        height: 354px !important;
    }

    .pageheader {
        font-size: 1.6rem !important;
    }

    .search_result {

        /*height:325px!important;*/
        height: 282px !important;
    }

    .nodisplay {
        display: none;
    }

    #header_right a {
        color: black !important;
    }

    .header_rightmost_res {
        float: right;
        width: 39px;
    }

    .fadermenu_res {
        top: 207px !important;
        right: 26px !important;
    }

    .menubottom {
        display: block !important;
        float: right;
    }

    .onlineicon {
        font-size: var(--font-xs) !important;
    }

    .pf_top_dv {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .minheighthome {
        height: 245px;
    }

    .topdv {
        margin-left: 0px !important;
    }

    #fadermenuleft {

        top: 188px !important;
    }

    .righttext {
        padding-bottom: 7px !important;
        padding-top: 7px !important;
    }

    #browseArea {
        height: 307px !important;
    }

    .fadermenubrowse {
        top: 42px !important;
        right: 2px !important;
    }

    .dv_home_left img {
        width: 100% !important;
    }

    .dvupfeature {
        font-size: var(--font-md) !important;
    }

    .dvuptoggle {
        width: 100% !important;
    }

    #footer {
        margin-top: 10px;
    }

    .xsfont {
        font-size: var(--font-sm) !important;
    }
}

/*mobile landscape*/

@media only screen and (min-device-width: 480px)
and (max-device-width: 740px)
and (orientation: landscape) {


    .mbipad {
        display: none;
    }

    #header_left {
        width: 100%;
        text-align: center;
        float: left;
    }

    #header_right {

        width: 100%;
        line-height: 41px;
        color: var(--primary-background-color);
        float: left;
        text-align: center;
        padding-top: 0px !important;
        height: auto !important;
    }

    #wrapperin {

        width: 100%;
        margin: 0 auto;
        text-align: left;
    }

    #header {
        height: auto;
        margin-right: 0px;
        min-height: 50px !important;
    }

    #header_left img {
        width: auto !important;
    }

    .content-left {
        background: url(images/people-collage.png) no-repeat;

        background-size: cover;
        height: 300px !important;
    }

    [class*="grid_"] {

        margin-left: 0px;
    }

    #wrapperin {
        width: 100%;

    }

    .registerimg {
        display: none;
    }

    .joinmb {
        margin-left: 15px;
    }


    body, table, td, tr, div {
        font-size: var(--font-lg);
    }

    .home_box {
        height: auto !important;
        margin: 0 10px 10px 10px !important;

    }

    .floatleft {
        float: left;
    }

    .home_box_lower {
        min-height: 150px;
    }

    .pageheader {
        font-size: 1.6rem !important;
    }

    .navbar-collapse {
        box-shadow: none !important;
    }

    .search_result {
        margin: 0px 0px 10px 0px !important;
        height: 273px !important;
    }

    .nodisplay {
        display: block !important;
    }

    #header_right a {
        color: black !important;
    }

    .menubottom {
        display: block !important;
        float: right;
    }

    .header_rightmost_res {
        float: right;
        width: 39px;
    }

    .fadermenu_res {
        top: 115px !important;
        right: 26px !important;
    }

    #menumail {
        display: block !important;

    }

    .onlineicon {
        font-size: var(--font-xs) !important;
    }

    .minheighthome {
        height: 245px;
    }

    .home_seach_txt {
        margin-bottom: 10px;
    }

    .homewht {
        display: block !important;
    }

    #content-bottom {
        float: left;
    }

    #home_content_top {
        width: 552px !important;
        padding-right: 15px;
        padding-left: 15px;
        margin: 0 auto;
    }

    .navbar-inverse {
        display: block !important;
    }

    #dv_prf_left.dv_prf_left {
        width: 100% !important;
    }

    .imageframepf {
        text-align: center !important;
    }

    .dv_home_left {
        text-align: center !important;
    }

    .online {
        margin-top: 10px;
    }

    .pf_top_dv {
        border: none !important;
        margin: 0px !important;
        text-align: center !important;
    }

    #menuprofile {
        display: block !important;
    }

    #menuupgrade {
        display: block !important;
    }

    #menueditprofile {
        display: block !important;
    }

    #menueprofile {
        display: block !important;
    }

    .dv_nav_active {
        border: 0px !important;
    }

    .righttext {
        padding-bottom: 7px !important;
        padding-top: 7px !important;
    }

    .minheightprf {
        height: 100px !important;
        text-align: center;
    }

    .dv_edit_name {
        font-size: 1.8rem;
        font-weight: 500;
        padding-top: 0px !important;
        line-height: 0.8em;
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .rgsdv1 {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;

    }

    .rgsactive:before {
        content: none !important;
    }

    .rgsactive {
        border-bottom: 1px solid var(--primary-accent-color);
        border-left: 0px !important;
    }

    .topspace {
        margin-top: 10px;
    }

    .dvuptoggle {
        width: 100% !important;
    }

    #footer {
        margin-top: 10px;
    }
}


.rvdv {
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    float: left;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.join_head {
    width: 58%;
    font-size: var(--font-lg);
    margin-top: 15px;
    margin-bottom: 21px;
}

.navbar-inverse .navbar-nav > .active > a {
    background-color: var(--primary-accent-color) !important;
}

body, html {
    overflow-x: hidden;
}

.nopadding {
    padding-left: 0px !important;
}

.paddingtop {
    padding-top: 5px;
}

.navbar-inverse {
    background-color: var(--primary-accent-color) !important;
    border-color: var(--primary-accent-color) !important;

}

/*.navbar-brand {
    height: 75px !important;
}*/

.navbar-brand > a > img {
    max-height: 50px !important;
}

.navbar-brand p {
    color: white !important;
    font-size: var(--font-lg);

}

.navbar {
    margin-bottom: 0px !important;
}


.navbar-inverse .navbar-nav > li > a {
    color: white !important;
}

.centeralign {
    text-align: center;
}

.rightalign {
    text-align: right;
}

.zeropadding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.righttext {
    padding-left: 0px !important;
    float: none;
}

.prfheading {
    padding-top: 20px;
}

.userstatus {
    padding-top: 10px;
    padding-right: 10px;
}

.lftpadding {
    padding-left: 0px !important;
}

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

.nodisplay {
    display: none;
}

.marginbottom {
    margin-bottom: 30px;
}

.rigthalign {
    text-align: right;
}

.leftalign {
    text-align: left;
}

.mediarht {
    float: left;
    padding: 5px;
}

.medialft {
    float: left;
    width: 5%;
    padding-right: 12px;
    padding-top: 5px;
}

.margintop15 {
    margin-top: 15px;
}

.margintop40 {
    margin-top: 40px;
}

.darkbg {
    background-color: var(--primary-background-color);
}

.calander td {
    border-bottom: 1px solid #eeeeee;
    background-color: #ffffff;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: center;
}

#home_content_top {
    width: 514px;
    margin: 0 auto;
    padding-top: 20px;
}

.shead a {
    color: #000;
    font-weight: 500;

}

.shead .fa-plus-circle {
    color: #bbbcbd;
}

.shead span {
    float: right;
}

.shead i {
    margin-right: 5px;
    width: 27px;
}

.adminsidebar .shead {
    font-size: var(--font-xl);
    color: #08262c;
    margin-bottom: 10px;
    padding-right: 5px;
    padding-left: 35px;
}

.panel-title a {
    text-decoration: none !important;
}

.mhead a {
    font-size: var(--font-md);
    color: #ac2fac;
}

.adm_top {



    color: black;
    padding: 12px 0px 8px 19px;
    width: 252px;
    font-size: var(--font-lg);
}


#adheader_right {
    width: 75%;
    height: 95px;
    line-height: 31px;
    color: #504d4d;

    padding-top: 30px;
}

/* trustaylize css*/

.rvrw-advanced-modal-popup {
    display: none;
    position: fixed;

    padding-top: 80px;
    left: 0;
    top: 32px;
    width: 100%;
    height: 90%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 9999;
}

.rvrwpopupheader {
    padding: 15px 16px;
    background-color: #D75842;
    color: white;
    margin-bottom: 0px !important;
    border-radius: 4px 4px 0px 0px;
    text-align: center;
    font-size: 1.6rem;
}

.rvrwpopupheader .close-sign {
    color: white;
    float: right;
    font-size: var(--font-xxl);
    font-weight: bold;
    line-height: 0.1;
    cursor: pointer;
}

.rvrwpopupheader h3 {
    margin: 5px 0px;
    text-transform: uppercase;
    font-size: var(--font-lg);
    font-weight: bold;
    color: white;
}

.rvrw-advanced-modal-body-popup.align-left {
    text-align: left;
    padding: 10px 15px;
    background-color: white;
    min-height: 300px;
    border-radius: 0px 0px 4px 4px;
}

.rvrw-advanced-modal-content-popup.bigpopup {
    max-width: 535px;
    margin: auto;
}

#rvrwbrowseAreaInner {
    max-height: 800px;
    overflow-y: scroll;
}

.rvrwrgsdv {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.rvred {
    color: red;
}

.floatleft {
    float: left;
}

.rvrwbtnsend {

    display: -webkit-inline-box;
    display: inline-flex;
    line-height: 2.0em;
    border-radius: 4px;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    margin: -.25em 0;
    white-space: nowrap;
    max-width: 100%;
    background: #c8d7e1;
    color: #2e4453;
    padding: 2px 10px 2px 10px;
    cursor: pointer;
}


.rv_tble td {
    border-bottom: 1px solid #ccd0d4;

}

.rv_tble {
    border: 1px solid #ccd0d4;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    table-layout: fixed;
    width: 100%;
}

.rv_tble, .striped > tbody > :nth-child(2n+1), ul.striped > :nth-child(2n+1) {
    background-color: #f9f9f9;
}

.rv_tble td, .widefat th {
    padding: 8px 10px !important;
}

.rv_tble th {
    padding: 8px 10px;
    font-size: var(--font-sm);
    color: black;
    font-weight: bold;
}

.rvtablenav .rvtablenav-pages .button, .rvtablenav .rvtablenav-pages .rvtablenav-pages-navspan {
    display: inline-block;
    vertical-align: baseline;
    min-width: 30px;
    min-height: 30px;
    margin: 0;
    padding: 7px 4px;
    font-size: var(--font-xs);
    line-height: 1.625;
    text-align: center;
}

.rvtablenav #table-paging {
    margin-left: 2px;
}

.rvtablenav .rvtablenav-pages {
    float: right;
    margin: 0 0 9px;
}

.rvtablenav {
    clear: both;
    height: 30px;
    margin: 6px 0 4px;
    padding-top: 5px;
    vertical-align: middle;
}

.rv_tbl_config td {
    padding: 5px;
}

.rv_uactive {
    border-bottom: 1px solid var(--primary-accent-color); /* change color according to theme*/
}


a.rv_uactive :hover {
    text-decoration: unset !important;

}

.rv_umenu > div > a :hover {
    text-decoration: unset !important;
}

.rv_umenu {
    margin-bottom: 10px;
}

.rv_umenu a {
    font-weight: bold;
    float: left;
    padding: 5px 5px 2px 5px;
}

.rv_utxnheader {
    margin: 10px 0px 10px 0px;
}

.rvtxn {
    font-size: var(--font-lg);
    cursor: pointer;
    text-decoration: none;
}

#dv_txn_review {
    display: none;
}

.rvtxn a:hover {
    text-decoration: none !important;
}

/****** Rating Starts *****/

.rating_review {
    border: none;
    float: left;
}

.rating_review > input {
    display: none;
}

.rating_review > label:before {
    margin: 5px;
    font-size: var(--font-lg);
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.rating_review > .half:before {
    content: "\f089";
    position: absolute;
}

.rating_review > label {
    color: #ddd;
    font-size: var(--font-xxl);
    display: inline;
}

.rating_review {
    direction: rtl;
    unicode-bidi: bidi-override;
    color: #ddd; /* Personal choice */
    width: 100%;
}

.rating_review input {
    display: none;
}

.rating_review label:hover,
.rating_review label:hover ~ label,
.rating_review input:checked + label,
.rating_review input:checked + label ~ label {
    color: #FFD700; /* Personal color choice. Lifted from Bootstrap 4 */
}

.rating_review > input:checked + label:hover, .rating_review > input:checked ~ label:hover, .rating_review > label:hover ~ input:checked ~ label, .rating_review > input:checked ~ label:hover ~ label {
    color: #FFED85;
}

/*downloaded from http://devzone.co.in*/
.popup {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.75);
}

/***********************/

.rvtxndv {
    width: 100%;
    margin-bottom: 10px;
}

.rv_video {
    vertical-align: bottom;
}

.rvpopup {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.75);
}

/* Inner */
.popup-inner {
    max-width: 575px;
    width: 90%;

    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 1);
    border-radius: 3px;
    background: #fff;
}

/* Close Button */
.popup-close {
    width: 30px;
    height: 30px;
    padding-top: 4px;
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    transition: ease 0.25s all;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    border-radius: 1000px;
    background: rgba(0, 0, 0, 0.8);
    font-family: Arial, Sans-Serif;
    font-size: var(--font-lg);
    text-align: center;
    line-height: 100%;
    color: #fff;
}

.popup-close:hover {
    -webkit-transform: translate(50%, -50%) rotate(180deg);
    transform: translate(50%, -50%) rotate(180deg);
    background: rgba(0, 0, 0, 1);
    text-decoration: none;
}

.error {
    color: red;
    display: none;
}

.dv_home_rt_1 div {
    padding: 0px 0px 10px 0px;
}

.dv_home_status {
    bottom: 0px;

    width: 100%;
}

.dv_home_st_txt {
    height: 50px;
    width: 98%;
    padding: 5px;
}

.dv_home_st_btn {
    height: 50px;
    width: 100%;
}


.dv_home_rt_2 div {
    float: left;
    margin-right: 24px;
    font-size: var(--font-md);
    font-weight: bold;
    cursor: pointer;
}


#dv_home_dynamic {
    min-height: 166px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 19px;

}

.dv_home_icon img {
    border: 1px solid #ccc;
    padding: 6px 13px;
    margin-right: 15px;
}

.dv_home_rt_ct {
    font-size: var(--font-md);
    font-weight: bold;
}

.dv_prf_rt_ct {
    font-size: var(--font-md);
    font-weight: bold;

}

.dv_home_btn {
    text-transform: initial;

}

.home_profile_img {
    text-align: center;
}

.dv_sd_hd {
    font-weight: bold;
    text-transform: uppercase;
}

.dv_home_dn {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 15px;
}

/* Online users container styles */
.users-container {
    position: relative;
    overflow: hidden;
}

.users-wrapper {
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.dv_nav_active {
    border-bottom: 2px solid var(--primary-accent-color);
}

.dv_home_name {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 0.8em;
}

#dv_home_search {
    padding: 0px !important;
    float: unset;
}

#dv_home_search > div {
    margin-bottom: 10px;
}
#dv_home_search > * > * > div {
    margin-bottom: 10px;
}

#dv_home_search > * > div {
    margin-bottom: 10px;
}

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

.menu_name {
    margin-top: 13px;
    cursor: pointer;
    font-size: var(--font-md);
    margin-bottom: 24px;
}

.menu_down {
    display: none;
}

#fadermenuleft {
    display: none;
    top: 115px;
}

.fadermenu {

    box-shadow: 0px 2px 2px 0px #c1c1c1;
    width: 150px;
    float: left;
    position: absolute;
    z-index: 99;
    background-color: white;

}

.fadermenu div {
    width: 100%;
    float: left;
}

ul.menu_down_ul {
    padding: 15px 11px 0 11px;
    list-style-type: none;
}


ul.menu_down_ul li {

    line-height: 1.9;
    padding: 5px;
    cursor: pointer;
    color: gray;
    font-size: var(--font-md);
}

ul.menu_down_ul li a {
    color: gray !important;
}

.select_home_container {
    padding-left: 2px !important;
    padding-right: 2px !important;
}
.select_home {
;
    background-position-x: right;
    padding: 0px 0px 0px 0px;
    font-size: var(--font-sm);
    height: 43px !important;
    background-origin: content-box;
    background-color: var(--secondary-background-color);
}

#header_admin {
    width: 100%;
    height: 61px;
    margin-right: 20px;
    overflow: hidden;
    background-color: #ffffff;

}

.searchbox {
    height: 330px !important;
}

.home_chart_dv {
    border: 2px solid #ccc;
    border-radius: 4px;
    width: 100%;
    height: 343px;
}

#home_chart {
    width: 100%;
    height: 80%;
}

.home_ch_bottom {
    width: 90%;
    float: left;
    bottom: 16px;
    position: absolute;
    margin-left: 56px;
}

.btn_ch_active {
    background-color: #BFB5E8;
    border-radius: 2px;
    padding: 8px 16px;
    color: white;
    font-weight: bold;
    margin-left: 10px;
    cursor: pointer;

}

.btn_ch {
    background-color: white;
    border-radius: 2px;
    padding: 8px;
    color: gray;
    font-weight: bold;
    margin-left: 10px;
    cursor: pointer;
    display: inline-block;
}

.dv_home_rt_4 {
    border-bottom: 1px solid #ccc;
    min-height: 166px !important;
    margin-bottom: 12px;
    background-color: white;
    padding-top: 11px;
    padding-bottom: 11px;
    margin-top: 12px;

}

.dv_home_rt_5 {
    margin-bottom: 10px;
}

.dv_home_rt_4 div {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    font-size: var(--font-lg);
}

.paddingtop10 {
    padding-top: 10px;
}

.buttonfull {
    width: 100%;
    height: 52px;
}

.graytext {
    color: var(--primary-text-color) !important;
    font-weight: 600;
}

.grayheader {
    color: var(--primary-text-color);
    font-size: var(--font-lg);
    font-weight: 500;
}

.loginlft div {
    font-family: Arial;
    letter-spacing: 1px;
    font-size: var(--font-lg);
    color: var(--primary-text-color);
}

.loginlft a {
    font-family: Arial;
    letter-spacing: 1px;
    font-size: var(--font-lg);
    color: var(--primary-text-color);
}

.dvlftrgs {
    padding: 20px 10px 20px 20px;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    cursor: pointer;
}

.rgsactive {
    font-weight: bold;
    color: var(--primary-accent-color);
    font-size: var(--font-md);
    border-left: 3px solid var(--primary-accent-color);
    position: relative;
}

.rgsactive span {
    float: right;
    margin-right: 26px;
    font-size: var(--font-xl);
}

.regisrht div {
    font-family: Arial, serif;
    letter-spacing: 1px;
    font-size: var(--font-md);
    color: var(--primary-text-color);
}

.rvdv1 {
    width: 100%;

    float: left;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

#rgspanel2 {
    display: none;
}

.margintop35 {
    margintop: 35px;
}


.rgsactive:before {
    content: "\f0da"; /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    position: absolute;
    top: 19px;
    right: 33px;
}

.rgsdv1 {
    width: 100%;

    float: left;
    padding-bottom: 35px;
    margin-bottom: 35px;
}

.rgsdv2 {
    padding-top: 35px;
    float: left;
    border-top: 1px solid #eeeeee;
    margin-top: 35px;
}

.floatright {
    float: right;
}

.dv_edit_rt_1 {
    height: 232px;
}

.dv_edit_rt_1 div {
    padding: 10px 0px 10px 0px;
}

.edit_profile_img {
    margin-bottom: 20px;
    text-align: center;
}

.pficon div a {
    color: var(--primary-accent-color);
}

.pficon div a {
    color: var(--primary-accent-color);
}

.pficon div {
    display: inline-block;
    color: var(--primary-accent-color);
    margin-right: 15px;
    font-size: 1.6rem;
}

.online div {
    display: inline-block;
    margin-right: 15px;

}

.onlineicon {
    color: var(--primary-accent-color);
    border: 1px solid var(--primary-accent-color);
    border-radius: 20px 20px 20px 20px;
    width: 63px;
    padding: 1px 1px 1px 4px !important;
    font-size: var(--font-xs);
    text-align: left;
    font-weight: bold;
    font-style: normal;
    vertical-align: top;
}

.dot {
    height: 15px;
    width: 15px;
    background-color: var(--primary-accent-color);
    border-radius: 50%;
    display: inline-block;
    float: right;
}

.blankbutton {
    background-color: white !important;
    border: 1px solid var(--primary-accent-color);
    color: var(--primary-accent-color);
}

.disabledbutton {
    color: var(--primary-text-color) !important;
    border: 1px solid var(--primary-text-color);
    cursor: default;
}

.pf_detail1 {
    background-color: var(--primary-background-color);
    padding-bottom: 15px;

}

.pf_detail2 {
    padding-top: 15px;
    background-color: var(--primary-background-color);
}

.dv_home_rt_detail {
    margin-top: 71px;
    font-size: var(--font-md);
    font-weight: bold;
}

.dv_pft_rt_1 div {
    padding: 0px 0px 8px 0px;
    cursor: pointer;
}

.pftext /*   information blocks for subtables  */
{
    font-weight: 700;
    color: var(--primary-text-color);
    padding-right: 7px;
    float: left;
    padding-top: 7px;
    width: 100%;
    padding-bottom: 7px;
    padding-left: 0px !important;
}

.minheight {
    min-height: 189px;
}

.audiodv {
    border: 1px solid #ccc;
    padding: 7px 2px;
    text-align: center;
}

.prvtvideo {
    width: 320px;
    height: 240px;
    border: 1px solid #ccc;
    background-color: #ccc;
    color: white;

}

.lbl {
    font-size: var(--font-lg);
    transform: rotate(-43deg);
    -ms-transform: rotate(-43deg); /* IE 9 */
    -webkit-transform: rotate(-43deg); /* Opera, Chrome, and Safari */
    margin-top: 58px;
    margin-left: 66px;
}

.onlineicon2 {
    color: var(--primary-accent-color);
    font-size: var(--font-lg);
    cursor: pointer;
}

.marginbottom15 {
    margin-bottom: 15px;
}

.dv_inbox_rt_1 {
    height: 189px;
}

.dv_inbox_rt_1 div {
    padding: 10px 0px 10px 0px;
}

.dv_inbox_rt_2 div {
    float: left;
    margin-right: 27px;
    font-size: var(--font-md);
    font-weight: bold;
    cursor: pointer;

}

.dv_inbox_rt_2 div a {
    color: var(--primary-text-color);
}

.dv_inbox_rt_2 {
    margin-top: 10px;
    margin-bottom: 22px;
}

.dv_inbox_active {
    color: var(--primary-accent-color) !important;
    border-bottom: 1px solid var(--primary-accent-color);
}




.width50 {
    width: 50% !important;
}


ul.menu_down_ul li a:hover {
    text-decoration: none !important;
}

ul.menu_down_ul li a span:hover {
    text-decoration: underline !important;
}

ul.menu_down_ul li a span {
    padding-left: 3px;
}

.circular_dv {
    position: relative;
    overflow: hidden;
    border-radius: var(--profile-border-radius);
    float: left;
    top:-5px;
    margin-right: 10px;
}

#tblmenulist td {
    padding: 10px;
}

#tblmenulist td a {
    cursor: pointer;
}


.icon-barmenu {
    color: var(--secondary-text-color);
    background-color: var(--secondary-text-color);
    width: 22px;
    height: 1px;
    margin: 6px 0;
    display: block;
}

.menu_left {
    width: 30px;
}

.pf_top_dv {
    margin: 0px 15px 15px 0px;
}

.pf_bottom_dv {
    padding: 16px 5px 16px 5px;
    margin: 0px 15px 15px 0px;

}

.pf_last_dv {

    padding: 16px 5px 16px 5px;
    margin: 0px 15px 15px 0px;

}


.dv_adm_menu {
    display: none;
    background-color: #f8f9fa;
}

.shead a img {
    width: 10%;
}

.shead {
    cursor: pointer;
}

.home_seach_txt {
    color: white;
    display: inline-block;
    margin-right: 10px;
}

.input_dd_hm {
    background-color: black;
    height: 31px !important;
    background-position-x: right;
    background: url('/images/downtriangle.png') no-repeat right black;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0px 4px 5px 7px;
    border: 1px solid black;
    background-origin: content-box;
    border: 1px solid #444242;
}

.input_home {
    background-color: #9c834b;
    color: white;
    border-radius: 0;
    font-weight: 100;
    margin-top: 18px;
    height: 31px;
    text-transform: capitalize;
}

.link {
    cursor: pointer;
    color: var(--primary-accent-color);
}

.link:hover {
    text-decoration: none;
}

.tbl_emc td {
    padding: 5px;
}

/*- popup--*/

.advanced-modal-popup {
    display: none;
    position: fixed;

    padding-top: 80px;
    left: 0;
    top: 32px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 9999;
}

.popupheader {
    padding: 7px 16px;
    background-color: var(--primary-accent-color);
    color: black;
    margin-bottom: 0px !important;
    border-radius: 4px 4px 0px 0px;
}

.popupheader .close-sign {
    color: white;
    float: right;
    font-size: var(--font-xxl);
    font-weight: bold;
    line-height: normal;
    cursor: pointer;
}

.popupheader h3 {
    margin: 5px 0px;
    text-transform: uppercase;
    font-size: var(--font-lg);
    font-weight: bold;
    color: white;
}

.advanced-modal-body-popup.align-left {
    text-align: left;
    padding: 10px 15px;
    background-color: var(--secondary-background-color);
    /*overflow-y: auto;*/
    width: 100%;
    border-radius: 0px 0px 4px 4px;
}

.advanced-modal-content-popup.bigpopup {
    max-width: 684px;
    margin: auto;
    box-shadow: 0px 3px 6px rgb(0 0 0);
}

#loading_img {
    display: none;
}

/*- popup--*/
.dv_gft {
    float: left;
    margin-right: 15px;
    border: 1px solid #ccc;

    border-radius: 1px;
    cursor: pointer;
    margin-bottom: 9px;
    text-align: center;
    position: relative;
}

.dv_gft img {
    display: block;
    margin: 0 auto;
    width:150px;
}

.dv_gft span {
    display: inline-block;
    padding: 5px 10px; 
    position: absolute;
    bottom: -10px; 
    left: 85%;
    transform: translateX(-50%);
}

.selectme {
    border: 5px solid #6a6ae0 !important;
}

.gift_dv_box {
    border: 1px solid #ccc;
    padding: 16px 5px 16px 5px;
    margin: 0px 15px 15px 15px;

}

.whiteborder {
    border: 5px solid var(--primary-accent-color);
    padding: 5px;
}


.home_header {
    background-color: #6b966b;
    margin-bottom: 23px;
    width: 100%;
    float: left;
    text-align: left;
    padding: 10px;
}

.rightmost {
    right: 8px;
    position: absolute;
}

.submenu {
    margin-left: 22px;
    margin-right: 22px;
    float: left;
    color: white;
    font-size: var(--font-lg);
}

.submenu a {
    color: white !important;
    cursor: pointer;
}

.submenu a:hover {
    text-decoration: none;
}

.submenurow {
    margin: 0 auto;
}

#menuleft {
    float: left;
    padding-left: 15px;
}

.menu_left {
    cursor: pointer;
    width: 33px;
}

.asgsign {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.nopaddingbottom {
    padding-bottom: 0px !important;
}

.menubottom {
    display: none;
}

.icon-barmenubt {
    color: var(--primary-accent-color);
    width: 22px;
    height: 2px;
    margin: 6px 0;
    display: block;
    background-color: var(--primary-accent-color);
}

#fadermenubottom {
    top: 86px;
    right: 10px;
    display: none;
}

#header_right div {
    display: inline-block;
}

#menumail {
    display: none;
}

#fadermenumail {
    display: none;
    right: 6px;
    top: 30px;
}

.menumail {
    float: right;
    padding-right: 15px;
}

#fadermenuprofile {
    display: none;
    right: 6px;
    top: 30px;
}

#fadermenuupgrade {
    display: none;
    right: 6px;
    top: 30px;
}

.menuprofile {
    float: right;
}

.dv_pf_frnd {
    display: inline-block;
    padding-right: 15px;
    padding-bottom: 15px;
}

#menuprofile {
    display: none;
}

#menueprofile {
    display: none;
}

#menuupgrade {
    display: none;
}

#menueditprofile {
    display: none;
}

.righttxt {
    padding-bottom: 7px;
    padding-top: 7px;
}

.homewht {
    background-color: white !important;

    display: none;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    font-size: 1.65rem;
    font-weight: bold;
}

.minheightprf {
    height: 189px;
}

.minheightpftimg {
    height: 189px;
}

.menuupgrade {
    float: right;
}

#fadermenueditprofile {
    display: none;
    right: 6px;
    top: 87px;
    width: 170px;
}

.menueditprofile {
    float: right !important;
}

.rgsmenu #fadermenueditprofile {
    top: 32px;
}

.btn.btn_primary.btn-large.bold.search_now_btn_cstm {
    width: 100%;
    color: var(--primary-accent-color);
    background-color: white !important;
    border: 2px solid var(--primary-accent-color) !important;
}

.btn.btn_primary.btn-large.bold.search_now_btn_cstm:hover {

    background: var(--primary-accent-color) !important;
    color: #fff !important;
}

#rem_chk {
    opacity: 1;
    pointer-events: auto;
}

/******************Browse menu*************************/
.button-gray { /*   all form buttons */
    font-size: var(--font-lg);
    font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
    padding: 5px 14px;
    color: black;
    background-color: #E1E5E9;
    border: none;
    border-radius: 4px;
    text-transform: capitalize;
}

.button-light { /*   all form buttons */
    font-size: var(--font-lg);
    font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
    padding: 5px 14px;
    width: 98px;
    color: #ffffff;
    background-color: #ffffff;
    border: none;
    border-radius: 4px;
    text-transform: capitalize;
}

.button-cancel {
    font-size: var(--font-md);
    font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
    padding: 5px 14px;
    color: black;
    background-color: white;
    border: 1px solid gray;
    border-radius: 4px;
    text-transform: capitalize;
}

.icon-browsemenu {
    color: black;
    width: 19px;
    height: 2px;
    margin: 3px 0;
    display: block;
    background-color: black;
}

.browse_menu {
    float: right;
    cursor: pointer;
}

.fadermenubrowse {
    box-shadow: 0px 2px 2px 0px #c1c1c1;
    width: 230px !important;
    float: left;
    position: absolute;
    z-index: 99;
    background-color: white;
    padding: 15px !important;
}

.browse_title {
    font-size: var(--font-lg);
    text-align: center;
    margin-bottom: 10px;
}

div.ui-slider-range.ui-widget-header {
    background: #08262c;
}

.browse_inner {
    text-align: left;
    margin-bottom: 10px;
    width: 100%;
    float: left;
}

.browse_last {
    margin-top: 30px;
    text-align: center;
    width: 100%;
    float: left;
}

.inst_title {
    color: black;
    font-size: var(--font-lg);
    text-align: center;
}

.inst_username {
    font-size: var(--font-lg);
    font-weight: bold;
    text-transform: capitalize;
}

#browseArea {

    margin-bottom: 19px;
}

/* version 11*/


.dv_home_rt_3 {
    background-color: white;
    padding-top: 11px;
    padding-bottom: 11px;

}

.dv_home_rt_5 {
    background-color: white;
    padding-top: 11px;
    padding-bottom: 11px;
}

.dv_home_rt_2 {
    background-color: var(--primary-background-color);
    padding-top: 11px;
    padding-bottom: 11px;

}

#dv_pf_fix {

    padding-bottom: 10px;
}

.dv_home_rt_1 {
    margin-bottom: 12px;
}

.nopaddingright {
    padding-right: 0px !important;
}

#dv_pf_dynamic {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: var(--primary-background-color);

}

.searchheader {
    background-color: white;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.searchsidebar {
    background-color: white;
    padding-bottom: 10px;
    margin-bottom: 15px;

}

.additional_fields {
    width: 100%;
}

.additional_fields_up {
    width: 100%;
    float: left;
    padding-right: 10px;
    margin-bottom: 15px;
}

.additional_fields_down {
    width: 100%;
    float: left;
    padding-right: 10px;
}

.searchresult {
    background-color: white;
    padding-bottom: 10px;
    overflow-y: auto;
}

.srchlstview {
    background-color: white;
    padding: 8px 10px 8px 10px;
    color: gray;
    float: right;
    font-weight: bold;
    cursor: pointer;
}

.srchglrview {
    background-color: white;
    padding: 8px 10px 8px 10px;
    color: gray;
    float: right;
    font-weight: bold;
    cursor: pointer;
}

.activeview {
    border: 1px solid var(--primary-accent-color);
    color: var(--primary-accent-color);
}

.srchcity {
    font-size: var(--font-xs);
    color: var(--primary-text-color) !important;
    font-weight: 600;
    text-align: left;
    padding-left: 0px !important;
    padding-right: 0px !important;

}

.select_search_res {
    background-position-x: right;
    background: url('/images/downtrianglepink.png') no-repeat right #f0eeee;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 2px 0px 5px 5px;
    font-size: var(--font-sm);
    border: 1px solid var(--primary-accent-color);
    background-color: white;
    height: 34px !important;
    background-origin: content-box;
    padding-right: 7px;
    border-color: pink;
    border-radius: 5px;
    color: var(--primary-accent-color);
    width: 110px;
}


.searchimageframe:hover {

    /* display: none; */


}

.moreschaction {
    position: absolute;
    background: #000000b8;
    margin: 0 auto;
    padding: 0px 5px;
    bottom: 69px;
    z-index: 9999;
    opacity: 1;
    color: #847d7d;
    font-size: 1.6rem;
}

.moreschaction fa {
    cursor: pointer;
}

.schchk {
    float: left;
    padding-right: 10px;
}

.schchkmain {
    margin-left: 68px;
}

.upgrdbox {
    border: 1px solid var(--secondary-background-color);
    padding: 10px;
    min-height: 400px;
    width: 350px;
    float:left;

    margin: 15px;
}

.upgrdbox:hover {
    background-color: var(--secondary-background-color);
    border: 1px solid var(--primary-accent-color);
}

.dvuptitle {
    text-align: center;
    font-weight: 900;
    font-size: var(--font-lg);
    text-transform: uppercase;
}

.dvuptitle span {
    font-size: var(--font-lg);
}

.dvupfeature {
    width: 100%;
    float: left;
    margin-top: 15px;
    height: 256px;

}

.creditselection {
	width: 60%;
	min-width:300px;
    margin-left: 20%;
    margin-right: 20%;
    border-bottom: var(--primary-accent-color) 1px dotted;
}

.dvupfull {
    margin: 0 auto;
}

.dvuptoggle {
    margin: 0 auto;
    display: flex;
    justify-content: center;

}

.dvuptogglemain {
    background-color: #eeeef4;
    border-radius: 13px;
    margin-top: 15px;

}

.dvuptogglleft {
    font-weight: bold;
    float: left;
    border-radius: 13px;
    padding: 4px 12px 4px 18px;
    cursor: pointer;
    text-transform: uppercase;
}

.dvuptoggleright {
    float: left;
    font-weight: bold;
    border-radius: 13px;
    padding: 4px 12px 4px 14px;
    cursor: pointer;
    color: black;
    text-transform: uppercase;
}

.dvuptogglactive {
    background-color: var(--primary-accent-color);
    color: white;
}

#divcredit {
    display: none;
}

.dvupfullcredit {
    margin: 0 auto;
}

.choices[data-type*="select-one"] select.choices__input {
    display: block !important;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
}
.choices {
    margin-bottom:0 !important;
}

.st_full {
    width: 100%;
    background-color: white;
    margin-bottom: 36px;
    padding-bottom: 14px;
    padding-top: 14px;
}

.st_title {

    font-size: var(--font-lg);
    margin-bottom: 5px;
}

.st_by {

    margin-bottom: 5px;
}

.st_button {
    background-color: var(--primary-accent-color);
    border: 1px solid var(--primary-accent-color);
    border-radius: 21px;
    padding: 6px 10px 6px 10px;
    color: white;
    text-transform: uppercase;
}

.st_desc {
    margin-bottom: 10px;
}

.st_left {
    border-right: 2px solid #dfdddd;
}

.st_body {
    margin-top: 25px;
}

.st_right_title {
    margin-bottom: 10px;
    font-size: var(--font-lg);
}

a {
    cursor: pointer;
}

.dv_featured {
    padding-left: 15px;
    padding-right: 15px;
    overflow-y: scroll;
    margin-bottom: 18px;
}

.dv_featured::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

.dv_featured::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 10px;
}

.dv_featured::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}
.dv_featured div {
    margin: auto;
    width: 1075px;
}

.dv_featured a {
    padding-right: 7px;
}

.dv_featured a img {
    /*border-radius: 5px;*/
}

.dv_fsign {
    color: red;
    width: 20px;
    float: left;
    cursor: pointer;
}

.whtbg {
    border: 1px solid #dad8d8;
    border-radius: 14px;
    padding-top: 10px;
    padding-bottom: 5px;
    background-color: var(--primary-background-color);
}


.st_full img {
    width: 100%;
}


/* review us page css */
.rv_review {
    border: 3px solid #E1E1E1;
    padding: 16px 0px 16px 10px;
    width: 100%;
    float: left;
    margin-bottom: 25px;
}

.rating-static {
    width: 92px;
    height: 26px;
    display: block;
    background: url('../../images/stars.png') 0 0 no-repeat;
    float: left;
}

.rating-5 {
    background-position: 0 0;
}

.rating-4 {
    background-position: 0px 0;
    width: 69px;
}

.rating-3 {
    background-position: 0px 0;
    width: 52px;
}

.rating-2 {
    background-position: 0px 0;
    width: 36px;
}

.rating-1 {
    background-position: 0px 0;
    width: 20px;
}

.rvtitle {
    font-size: var(--font-lg);
    font-weight: bold;
    float: left;
    width: 100%;
    color: black;
    margin-top: 8px;
}

.rvname {
    width: 100%;
}

.rvname span {
    color: black !important;
    font-size: var(--font-md);
}

.rvcomment {
    font-weight: normal;
    font-size: var(--font-md);
}

.rvdate {
    color: #A09DA4;
    font-size: var(--font-md);
    padding-left: 5px;
    font-weight: bold;
}

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

.cpvrf {
    color: #0097de !important;
    cursor: pointer;
}

.dv_inst_msg {
    background-color: var(--secondary-background-color);
    border: 2px solid #d8d5d5;
}

.inst_msg_header {
    padding: 11px 11px 0 11px;
    background-color: var(--primary-accent-color);
    color: var(--secondary-text-color);
}

.dv_inst_msg div {
    margin-bottom: 10px;
    font-size: var(--font-xs);
}

.inst_txt {
    width: 100%;
    border: none !important;
    resize: none;
    background-color: var(--secondary-background-color);
}

.inst_btn {
    margin-left: 15px;
    margin-right: 15px;
}

#instmsgres {
    text-align: center;
    color: red;
}

.userpreflist {
    border-radius: 10px;
    padding: 12px;

}

.button-circle-green { /*   all form buttons */
    font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
    padding: 12px;
    color: #ffffff;
    background-color: #53e455;
    border: none;
    border-radius: 50%;

}

.button-circle-red { /*   all form buttons */
    font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
    padding: 12px 14px;
    color: #ffffff;
    background-color: #ec3719;
    border: none;
    border-radius: 50%;

}

.button-circle-red .fa {
    font-weight: normal;
    font-size: var(--font-md);
}

.button-circle-green .fa {
    font-weight: normal;
    font-size: var(--font-md);
}


.kyc_content {
    height: 307px;
    overflow-y: auto;
    padding: 8px;
}

.kycmsg {
    margin: 150px auto;
    text-align: center;
    font-size: var(--font-lg);
}

.kycadmmenu li {
    display: inline-block;
    padding: 10px;
}

.activekycm a {
    color: blue;
    font-weight: bold;
    text-decoration: underline;
}

.kycadmmenu {
    padding: 10px 10px 10px 0px;
}

.vrf_icon {
    right: 5px;
    top: 5px;
    position: absolute;

}

.ratingdv div {
    float: left;
    padding: 5px;
}


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

.mblogin li {
    width: 25%;
    text-align: right;

}

.mblogin li a {
    padding: 0px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mblogin li i {
    color: white;
    cursor: pointer;
    font-size: var(--font-lg);
    display: flex;
    justify-content: center;
    align-items: center;
}

/********************TOOLTIP**********************/
.tooltipimg {
    width: 50%;
}

/********************TOOLTIP**********************/


.pf_tooltip {
    position: relative;
    display: inline-block;
    margin-left: 6px;
}

.pf_tooltip .pf_tooltiptext {
    visibility: hidden;
    width: 206px;
    background-color: #d5effb;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 100%;
    margin-left: -123px;
    margin-bottom: 6px;
}

.pf_tooltip .pf_tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #d5effb transparent transparent transparent;
}

.pf_tooltip:hover .pf_tooltiptext {
    visibility: visible;
}

.width85 {
    width: 85% !important;
    float: left;
}

.inputtxtarea {
    font-size: var(--font-md);
    border: 1px solid #ecf4f4;
    background-color: var(--secondary-background-color) !important;

    padding: 0px 0px 5px 14px;
    width: 100%;
}

.width40 {
    width: 40% !important;

}

/******************************QUIZ CSS************************************/

.quizQuesInner {
    height: 300px;
    overflow-y: auto;
}

#quizframe {
    height: 550px !important;
    overflow-y: auto;
}

.quizQuesTitle {
    font-size: var(--font-lg);
    color: #554f4f;
}

.rd_label {
    color: #5b4c4c;
    font-size: var(--font-lg);
    padding-left: 10px;
}

.prf_progress {
    font-weight: 600;
    font-size: var(--font-lg);
    color: #554f4f;
    margin-bottom: 10px;
}

.prf_progress_d {
    background-color: gray;
    width: 100%;
    height: 40px;
    border-radius: 3px;
    margin-bottom: 17px;
    float: left;
}

.prf_progress_d span {
    float: right;
    color: white;
    padding-right: 5px;
    font-size: 1.6rem;
}

.prf_progress_p {
    background-color: var(--primary-accent-color);
    height: 40px;
    float: left;
    box-shadow: 0 0 5px 2px #888;
}

.quiz_ques {
    font-weight: bold;
    font-size: var(--font-lg);
    color: black;
}

.selected_as {
    color: #4ed58a !important;
    font-weight: 600;

}

.quiz_ans {
    color: gray;
    font-size: var(--font-lg);
    line-height: 1.9rem;
}

.quiz_cat {
    font-size: var(--font-lg);
    font-weight: bold;
    margin-bottom: 11px;
    padding: 2px;
    text-transform: uppercase;
}

.quiz_match {
    color: red;
    font-weight: 600;
    margin-left: 10px;
}

.match_img {
    width: 12%;
}

.prf_match_score {
    color: var(--primary-accent-color);
    font-size: var(--font-md);
}

/*****************************QUIZ ENDS****************************************/

.dv_home_right {
    min-height: 665px !important;
}

.prf_circular_img {
    position: relative;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: var(--profile-border-radius);

    margin: 5px;
    border: 1px solid #dbd9d9;
    object-fit: cover;
    object-position: center;
}

.prf_quiz_lft {
    display: grid;
    align-content: center;
    height: 150px;

}


/************** GEOGRAPHY ****************/

.button, .input, .select, .textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 11px;
}

.input {
    width: 250px;
    height: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
    transform: translate(-8px, 0px);
}

button, input, select, textarea {
    margin-top: 5px;
    margin-bottom: 5px;
}

select.inputs {
    height: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
    transform: translate(-5px, 0px);
}


/* Large Desktops */
@media (min-width: 1200px) {
    .submenu {
        margin-left: 21px;
        margin-right: 21px;
    }
}

/* Laptops/Desktops */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .submenu {
        margin-left: 6px;
        margin-right: 6px;
    }
}

/* Tablets */
@media (min-width: 768px) and (max-width: 991.98px) {
    .submenu {
        margin-left: 1px;
        margin-right: 1px;
    }

    .btn {
        font-size: var(--font-sm);
    }
}




@media (max-width: 768px) {
    .submenu {
        margin-left: 1px;
        margin-right: 1px;
    }
    .submenu-collapse {
        display:none;
    }
    .submenu-text {
        font-size:10px !important;
    }
    .badge {
        font-size: var(--font-xs);
    }
    .header_rightmost_res {
        display: block;
    }
    .submenu-upgrade {
        display: none;
        font-size: var(--font-sm);
    }

    .header_rightmost_res > .navbar-right >

}

@media (max-width: 685px) {
    #header_rightmost {
        width: 26%;
    }
}

.just-validate-error-label {
    font-size: var(--font-sm) !important;
    font-weight: 600;
    display:block;
    width:85%;
}

#verifyBtnContainer {
    display:none;
}
#verifyBtn {
    height: 50px;
}
#txtOtpContainer {
    display:none;
}

#submitOtpBtn {
    height: 50px;
}
#submitOtpBtnContainer {
    display:none;
}

.justify-content-center {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}


.toggle-switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 27px;
}

.toggle-switch-small {
    width: 30px;
    height: 20px;
}

/* Hide default HTML checkbox */
.toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.toggle-switch > .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.toggle-switch > .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.toggle-switch-small >.slider:before {
    width: 12px;
    height: 12px;
}

input:checked + .slider {
    background-color: var(--primary-accent-color);
}

input:focus + .slider {
    box-shadow: 0 0 1px var(--primary-accent-color);
}

.toggle-switch > input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

.toggle-switch-small > input:checked + .slider:before {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}

/* disabled */
input:disabled + .slider {
    cursor: not-allowed;
}

input:disabled + .slider:before {
    background-color: #eee;
}

input:disabled:checked + .slider {
    background-color: #ccc;

}


/* Rounded sliders */
.slider.round {
    border-radius: 27px;
}

.slider.round:before {
    border-radius: 50%;
}

.slider.active {
    background-color: var(--primary-accent-color);
}

.slider.active:before {
    transform: translateX(20px);
}

.wizard-step {
    display: none;
}

.wizard-step.active {
    display: block;
}


.edit-gallery-media-item {
    width: 200px;
    height: 200px;
    margin: 10px;
}

.edit-gallery-media-item-body {
    height: 165px;
    text-align: center;
    padding: 2px;
    display:flex;
    justify-content: center;
    align-items: center;
}

.edit-gallery-media-item-footer {
    padding:5px;
}

.edit-gallery-media-item.upload-item-body {
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 2px dashed var(--primary-accent-color);
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s;
}

.upload-item-body > .upload-label {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    color: var(--primary-accent-color);
}

.upload-item-body > .upload-label > .upload-icons i {
    font-size: var(--font-xxl);
    margin: 5px;

    color: var(--primary-accent-color);
}

.upload-item-body > label.upload-label > .upload-icons div {
    color: var(--primary-accent-color);
}

.edit-gallery-media-item.upload-item-body:hover {
    background-color: var(--secondary-background-color);
}

.upload-item-body > label.upload-label .file-input {
    display: none !important;
}

.ribbon {
    font-size: var(--font-md);
    font-weight: bold;
    background-color: var(--secondary-accent-color);
    color: var(--secondary-text-color);
}
.ribbon {
    --f: .5em; /* control the folded part */

    position: absolute;
    top: 0;
    right: 0;
    line-height: 1.8;
    padding-inline: 1lh;
    padding-bottom: var(--f);
    border-image: conic-gradient(#0008 0 0) 51%/var(--f);
    clip-path: polygon(
            100% calc(100% - var(--f)),100% 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--f) calc(100% - var(--f)), 0 100%,0 calc(100% - var(--f)),999px calc(100% - var(--f) - 999px),calc(100% - 999px) calc(100% - var(--f) - 999px));
    transform: translate(calc((1 - cos(45deg))*100%), -100%) rotate(45deg);
    transform-origin: 0% 100%;
    z-index:1050;
}

.ribbon-container {
    position:relative;
}

.boldme {
    font-weight: 900;

}

a.boldme {
    color:var(--primary-text-color);
}


/* Range Slider Custom Styles */
.range-slider-container {
    padding: 0 5px;
}

.range-display {
    margin-top: -4px;
    display: flex;
    justify-content: space-between;
    font-weight: 500;
}

.range-slider {
    height: 18px;

    margin: 3px -4px;
}

/* Styling the noUiSlider elements */
.noUi-target {
    border-radius: 4px;
    border: 1px solid  var(--primary-accent-color);
    box-shadow: none;
    background-color: var(--primary-text-color);
    height: 10px;
}

.noUi-connect {
    background-color:  var(--secondary-accent-color);
}

.noUi-handle {
    width: 22px !important;
    height: 22px !important;
    border-radius: 50%;
    background: var(--primary-accent-color);
    border: 1px solid  var(--primary-accent-color);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    cursor: pointer;
}

.noUi-handle:before,
.noUi-handle:after {
    display: none; /* Remove the default lines in the handle */
}

.noUi-handle:hover {
    background-color: var(--secondary-accent-color);
}

.noUi-active {
    box-shadow: 0 0 0 3px rgba(51, 122, 183, 0.25);
}

/* Tooltip for the slider */
.tooltip-wrapper {
    margin-left: 4px;
    cursor: pointer;
}

/* Help text */
.range-help {
    font-size: var(--font-sm);
}

/* Article-specific styles for news and stories */
article {
    margin-bottom: 2rem;
}

article header {
    margin-bottom: 1rem;
}

article h1.st_title {
    font-size: var(--font-xl);
    font-weight: bold;
    color: var(--primary-text-color);
    margin-bottom: 0.5rem;
    line-height: 1.3;
}

article .st_by {
    font-size: var(--font-sm);
    color: var(--secondary-text-color);
    margin-bottom: 1rem;
}

article .st_desc img {
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
    border-radius: 4px;
}

article .st_body {
    font-size: var(--font-md);
    line-height: 1.6;
    color: var(--primary-text-color);
}

article .st_body p {
    margin-bottom: 1rem;
}

article .st_body h2,
article .st_body h3,
article .st_body h4 {
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    color: var(--primary-text-color);
}

article .st_body h2 {
    font-size: var(--font-lg);
}

article .st_body h3 {
    font-size: var(--font-md);
}

/* Sidebar styles for related articles */
aside .st_right_title {
    font-size: var(--font-lg);
    font-weight: bold;
    margin-bottom: 1rem;
    color: var(--primary-text-color);
}

aside .st_desc {
    margin-bottom: 0.5rem;
}

aside .st_desc a {
    font-size: var(--font-sm);
    text-decoration: none;
    line-height: 1.4;
}

aside .st_desc a:hover {
    text-decoration: underline;
}



/* ===================================
   Gallery Filter Styles
=================================== */

/* Main filter container */
.filters {
    position: sticky;
    top: 20px;
    padding: 15px;
    background-color: var(--primary-background-color);
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Filter section organization */
.filter-section {
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    padding-bottom: 15px;
}

.filter-section:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.filter-section h4 {
    font-size: var(--font-lg);
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--primary-text-color);
    border-bottom: 2px solid var(--primary-accent-color);
    padding-bottom: 5px;
}

/* Gallery filter items */
.gallery-filter-item {
    position: relative;
    margin-bottom: 8px;
    transition: transform 0.1s ease;
}

.gallery-filter-item .btn {
    width: 100%;
    text-align: left;
    padding: 10px 15px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--font-sm);
    font-weight: 500;
}

/* Gallery name styling */
.gallery-name {
    flex: 1;
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.4;
}

/* Status icons */
.gallery-status-icon {
    font-size: var(--font-sm);
    min-width: 16px;
    text-align: center;
    transition: all 0.2s ease;
    opacity: 0.8;
}


.gallery-status-pending {

    animation: pulse 2s infinite;
}

/* Pulse animation for pending requests */
@keyframes pulse {
    0% { opacity: 0.6; }
    50% { opacity: 1; }
    100% { opacity: 0.6; }
}

/* Media type and member type filters */
.media-type-filters .btn-filter,
.member-type-filters .btn-filter {
    margin-bottom: 5px;
}

/* Responsive behavior */
@media (max-width: 768px) {
    .filters {
        position: static;
        margin-bottom: 20px;
    }
    
    .gallery-filter-item .btn {
        padding: 8px 12px;
        font-size: var(--font-sm);
    }
}



/* Dashboard Widget View More Links - Single Source */
.view-more-container {
    position: absolute;
    bottom: 0; /* Push it lower, slightly outside the widget boundary */
    left: 0;
    right: 0;
    text-align: center;
    pointer-events: auto;
    z-index: 10;

}

/* Hover behavior for all containers */
.latest-uploads-container:hover .view-more-container,
.latest-forum-posts-container:hover .view-more-container,
.latest-group-posts-container:hover .view-more-container,
.events-wrapper:hover .view-more-container,
.user-widget-container:hover .view-more-container {
    opacity: 1;
}

/* Common styling for all view-more link containers */
.view-gallery,
.view-all-forum,
.view-all-groups,
.view-all-events,
.view-more-user {
    text-align: center;
    padding: 8px 0 8px;
    font-size: var(--font-sm);
    background-color: var(--primary-background-color);
    color: var(--secondary-text-color);
}

.view-gallery a,
.view-all-forum a,
.view-all-groups a,
.view-all-events a,
.view-more-user a {
    text-decoration: none;
    font-weight: 500;
}

.view-gallery a:hover,
.view-all-forum a:hover,
.view-all-groups a:hover,
.view-all-events a:hover,
.view-more-user a:hover {
    color: var(--primary-accent-color);
    text-decoration: underline;
}

/* Special styling for uploads widget with gradient background */
.latest-uploads-container .view-more-container {
    padding-top: 15px;
}

/* User Widget Container Styles */
.user-widget-container {
    position: relative;
    height: 100%;
    overflow: hidden;
}

/* Ensure the widget frame has relative positioning */
.dashboard-frame {
    position: relative;
    overflow: visible;
}

.dashboard-frame .dv_home_box {
    position: relative;
    height: 100%;
    overflow: hidden;
}

/* Make sure view-more links are visible over any background */
.view-more-container .view-more-link {
    position: relative;
    z-index: 30;
}

/* ===================================
   Gallery Rate Limit Styles
=================================== */

/* Disabled gallery filter buttons */
.btn-filter.disabled {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
    background-color: #f8f9fa;
    border-color: #e9ecef;
    color: #6c757d;
}

/* Rate limit message styling */
.rate-limit-message {
    font-size: var(--font-sm);
    color: #dc3545;
    margin-top: 5px;
    font-style: italic;
}

/* Gallery settings form styling */
.checkbox-container {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.checkbox-container p {
    margin: 0;
    margin-left: 10px;
    font-weight: 500;
}

.input-group {
    display: flex;
    width: 100%;
}

.input-group .form-control {
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-btn {
    display: flex;
}

.input-group-btn .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Blurb CTA button styling */
.blurb-cta-container {
    text-align: center;
}