/*

Theme: DateBook

Version: 4.8.5

*/





/* -------------------------------------------------- 

   Table of Contents

----------------------------------------------------- */





/*

01. Fonts

02. Shared Styles

03. Elements

04. Buttons

05. Select input

06. Tabs

07. User menu

08. Login

09. Registration

10. Profile

11. Profile Photos and Verification Photos

12. Search Panel

13. Front page

14. Thumbnails

15. Widgets

16. Tours page

17. Classifieds page

18. Subscription page

19. Featured profiles on Front page

20. Featured and Top Ad Style

21. Popup Messages Panel

22. Messages Popup Window Scrollbar

23. Footer

24. Page Builders correcting style

25. Responsive style

26. Responsive menu in messages popup window

*/





/* -----------------------------------------

	01. Fonts

----------------------------------------- */





/* -----------------------------------------

	02. Shared Styles

----------------------------------------- */



.datebook-front-title {

    margin-bottom: 30px;

    font-size: 36px;

    line-height: 1.8;

}



.datebook-welcome-image {

    display: flow-root;

}





/* -----------------------------------------

	03. Elements

----------------------------------------- */



.datebook-countries-map .datebook-countries .datebook-subcountry ul {

    margin-bottom: 10px;

}



.datebook-countries-map .datebook-countries .datebook-subcountry-header .datebook-country-flag-icon {

    vertical-align: bottom;

}



.datebook-countries-map .datebook-countries .datebook-subcountry-noheader .datebook-country-flag-icon {

    vertical-align: top;

}



.datebook-countries .btn-xs {

    font-size: inherit;

    line-height: inherit;

}



.datebook-countries .list-inline {

    margin-left: 0;

}



.datebook-countries .list-inline li {

    margin-right: 5px;

    border-bottom: none;

}



#datebook-count {

    margin-left: 5px;

}



.datebook-profile-edit-sidebar i.fa {

    margin-right: 4px;

}



.datebook-register-panel i.fa-venus,

.datebook-register-panel i.fa-mars {

    color: inherit;

}



.popover i.fa-venus,

.popover i.fa-mars {

    position: absolute;

    top: 25px;

    right: 5px;

    font-size: 3rem;

    z-index: -1;

    opacity: 0.2;

}



.alert .datebook-alert-delete {

    color: #6d787e;

}



.datebook-alert-delete {

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    display: inline-block;

    width: 100%;

}



.datebook-alert-delete img {

    margin-right: 10px;

}



.datebook-flex-child {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}





/* -----------------------------------------

	04. Buttons

----------------------------------------- */



.datebook-countries .datebook-subcountry .fa .btn-gender {

    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

}





/* -----------------------------------------

	05. Select input

----------------------------------------- */



.datebook-selecter .selecter-selected {

    background-color: #ebeef1;

    border: none;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    padding: 6px 10px;

}



.datebook-selecter .selecter-item.selected {

    background-color: #20b426;

    border: none;

}



.datebook-selecter.open .selecter-selected {

    border: none;

}



.datebook-selecter .selecter-item.disabled:hover,

.datebook-selecter:hover .selecter-selected,

.datebook-selecter.disabled .selecter-item:hover {

    background-color: #ebeef1;

}





/* -----------------------------------------

	06. Tabs

----------------------------------------- */



.datebook-register-widget .nav-tabs.nav-justified>li>a {

    margin-bottom: 0;

    text-align: center;

}



.datebook-register-widget .nav-tabs.nav-justified>li>a {

    -moz-border-radius: 0;

    -webkit-border-radius: 0;


    border-radius: 0;

}



.datebook-register-widget .nav-tabs.nav-justified>li:first-child>a {

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border-radius: 0;

}



.datebook-register-widget .nav-tabs.nav-justified>li:last-child>a {

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border-radius: 0;

}



.datebook-register-widget .nav-tabs.nav-justified>.active>a,

.datebook-register-widget .nav-tabs.nav-justified>.active>a:hover,

.datebook-register-widget .nav-tabs.nav-justified>.active>a:focus {

    border: none;

}





/* -----------------------------------------

	07. User menu

----------------------------------------- */



.datebook-notification-menu .dropdown-item {

    min-width: 20rem;

    white-space: normal;

}



.datebook-user-navbar ul ul:before {

    content: "";

    position: absolute;

    right: 11px;

    top: -10px;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 10px 10px 10px;

    z-index: 9999;

}



.dropdown:hover .dropdown-menu.datebook-dropdown-menu {

    display: block;

    animation-name: slidenavAnimation;

    animation-duration: 0.2s;

    animation-iteration-count: 1;

    animation-timing-function: ease;

    animation-fill-mode: forwards;

    -webkit-animation-name: slidenavAnimation;

    -webkit-animation-duration: 0.2s;

    -webkit-animation-iteration-count: 1;

    -webkit-animation-timing-function: ease;

    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: slidenavAnimation;

    -moz-animation-duration: 0.2s;

    -moz-animation-iteration-count: 1;

    -moz-animation-timing-function: ease;

    -moz-animation-fill-mode: forwards;

}



.dropdown:hover .dropdown-menu-end.datebook-dropdown-menu {

    right: 0;

    left: auto;

}



@keyframes slidenavAnimation {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}



@-webkit-keyframes slidenavAnimation {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}





/* -----------------------------------------

	08. Login

----------------------------------------- */



#datebook-login,

#datebook-contactpanel {

    position: relative;

}



#datebook-login .datebook-profilecontact,

#datebook-contactpanel .datebook-profilecontact {

    padding: 15px;

}





/* -----------------------------------------

	09. Registration

----------------------------------------- */



.datebook-top-links {

    margin-left: auto;

    margin-right: auto;

}



.datebook-registerpage label i.datebook-required {

    color: red;

    font-weight: 700;

}



.datebook-registerpage input.input:focus {

    border: 1px #fe028b solid;

}



.datebook-registerpage input.datebook-inputsmall {

    width: 52px;

}



.datebook-registerpage .datebook-textarea:focus {

    border: 1px #fe028b solid;

}



.datebook-registerpage div.input label:hover {

    color: #226597;

}



.datebook-registerpage div.input input[type="radio"],

.datebook-registerpage div.input input[type="checkbox"] {

    cursor: pointer;

    float: left;

}



.datebook-register-widget .nav-tabs>li:first-child {

    border-left: none;

}



.datebook-registerpage .pricing .unit {

    width: 30%;

    vertical-align: top;

}



.datebook-registerpage .datebook-checkemail .label-success {

    background-color: rgba(40, 167, 69, 0.8);

    border-radius: 0.2rem;

    color: #fff;

    font-size: 0.8125rem;

    line-height: 1;

    margin-top: 0.1rem;

    max-width: 100%;

    padding: 0.1rem 0.4rem;

}



.datebook-registerpage .datebook-checkuser .label-danger {

    background-color: rgba(220, 53, 69, 0.8);

    border-radius: 0.2rem;

    color: #fff;

    font-size: 0.8125rem;

    line-height: 1;

    margin-top: 0.1rem;

    max-width: 100%;

    padding: 0.1rem 0.4rem;

}





/* -----------------------------------------

	10. Profile

----------------------------------------- */



.datebook-profilepage {

    position: relative;

}



.datebook-profilepage h1 {

    word-break: break-all;

}



.datebook-profile-inline-caption {

    display: block;

}



.datebook-profile-caption .datebook-new-label {

    top: 0;

    right: 0;

    position: absolute;

    border-radius: 0;

    border-top-right-radius: calc(0.25rem - 1px);

}



.datebook-profile-caption .datebook-top-label {

    top: 0;

    left: 0;

    position: absolute;

    border-radius: 0;

    border-top-left-radius: calc(0.25rem - 1px);

}



.datebook-search-profiles .datebook-profile-caption .datebook-favorited-actions {

    position: absolute;

    top: 27px;

    right: 4px;

    z-index: 1;

}



.datebook-profile-caption .datebook-badge-online.datebook-online-round {

    display: inline-block;

    width: 21px;

    height: 20px;

    border: 2px solid #fff;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

}



.datebook-profiles-list .card-body span,

.datebook-profiles-list .card-body p {

    color: inherit;

}



.datebook-profile-caption .datebook-profile-comment-caption,

.datebook-profile-caption .datebook-profile-pictures-caption,

.datebook-profiles-style-search-2 .datebook-profile-caption .datebook-profile-search-travel {

    border-radius: 0;

    line-height: 1;

    text-align: center;

    vertical-align: middle;

    white-space: nowrap;

    zoom: 1;

}



.datebook-search-image-box .datebook-profile-comment-caption,

.datebook-search-image-box .datebook-profile-pictures-caption {

    color: #ffffff;

    background: rgb(0, 0, 0);

    background: transparent;

    background: rgba(0, 0, 0, 0.3);

    /* FF3+,Saf3+,Opera 10.10+,Chrome,IE9*/

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000);

    /*IE 5.5-7*/

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)";

    /*IE8*/

}



.datebook-profile-caption .datebook-online-caption {

    min-width: 2px;

    min-height: 2px;

    overflow: hidden;

    text-overflow: ellipsis;

}



.datebook-profiles-list .thumbnail {

    display: inline-block;

    padding: 0;

    border: none;

    background-color: #f5f5f5;

}



.datebook-profiles-list.datebook-hide .datebook-hide-body,

.datebook-profiles-list .datebook-hide-body {

    display: none;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;

    z-index: 10;

}



.datebook-search-profile-body {

    cursor: pointer;

}



.datebook-ellipsis {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.datebook-ellipsis-width {

    display: inline-grid;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    width: 100%;

    max-width: 100%;

}



.datebook-ellipsis a,

.datebook-ellipsis-width a {

    overflow: hidden;

    text-overflow: ellipsis;

}



.datebook-profile-text p {

    margin-bottom: 8px;

}



.datebook-main-unreveal {

    padding-bottom: 0;

}



.datebook-main-unreveal .datebook-reveal-open {

    overflow: auto;

    height: auto;

}



.datebook-main-reveal .datebook-reveal-closed {

    overflow: hidden;

    height: 136px;

}



.datebook-main-reveal .datebook-openabout {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    padding: 0;

    padding-top: 1.25rem;

    text-align: center;

}



.datebook-main-unreveal .datebook-closeabout {

    position: relative;

    width: 100%;

    bottom: 0;

    padding: 0;

    text-align: center;

}



.datebook-main-reveal .datebook-openabout {

    background: rgba(255, 255, 255, 0);

    background: -moz-linear-gradient( top, rgba(255, 255, 255, 0.4) 0%, rgba(246, 246, 246, 0.53) 65%, rgba(255, 255, 255, 1) 100%);

    background: -webkit-gradient( left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.4)), color-stop(65%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));

    background: -webkit-linear-gradient( top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 1) 100%);

    background: -o-linear-gradient( top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 1) 100%);

    background: -ms-linear-gradient( top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 1) 100%);

    background: linear-gradient( to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);

    /* IE6-9 */

}



.datebook-main-unreveal .datebook-openabout {

    display: none;

}



.datebook-main-reveal .datebook-closeabout {

    display: none;

}



.datebook-main-unreveal .datebook-closeabout {

    display: block;

    padding-top: 8px;

}



.single-profile .datebook-aboutme p:last-child {

    margin-bottom: 0;

}



.datebook-main-reveal .datebook-aboutme-more {

    position: relative;

    margin: 0;

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

}



.datebook-main-unreveal .datebook-aboutme-more {

    position: relative;

    margin: 0;

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

}



.datebook-aboutme .datebook-morecontent span,

.datebook-profile-text .datebook-morecontent span,

.datebook-addedtours .datebook-morecontent span {

    display: none;

}



.datebook-profilepage .nav-pills>li.active>a,

.datebook-profilepage .nav-pills>li.active>a:hover,

.datebook-profilepage .nav-pills>li.active>a:focus {

    background-color: #d8e0e8;

    color: inherit;

}



.datebook-defaultphoto {

    position: relative;

}



.datebook-defaultphoto .datebook-frontphoto a {

    position: relative;

}



.datebook-defaultphoto .datebook-frontphoto a img {

    max-width: 100%;

    height: auto;

    width: auto !important;

    overflow: auto;

}



.datebook-default-image-frame {

    position: relative;

}



.datebook-addphoto-on-profile {

    position: absolute;

    bottom: 12px;

    right: 0;

    left: 0;

    text-align: center;

}



.datebook-thumbs {

    position: relative;

}



.datebook-thumbs .datebook-thumbs-add {

    display: inline-block;

    margin: 5px;

    width: auto;

    /* Prevent height distortion in IE8. */

    max-width: 100%;

    /* Add !important if needed. */

    height: auto;

    /* Add !important if needed. */

}



@media \0screen {

    img {

        width: auto;

        /* Prevent height distortion in IE8. */

    }

}



.datebook-addedtours .datebook-where-i-go-tours {

    background: transparent url("../images/gray_pattern.gif") repeat scroll 0 0;

}



.datebook-addedtours .datebook-where-i-go-tours .list-group {

    margin-bottom: 0;

}



.datebook-profile-comments .media {

    border-bottom: 1px solid #eee;

    margin-bottom: 10px;

    margin-top: 14px;

    padding-bottom: 10px;

}



.datebook-profile-comments .thumbnail,

.datebook-classifieds-page .thumbnail {

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    margin: 0;

    padding: 2px;

}



.datebook-charcount .progress {

    height: 2px;

}



.datebook-addedtours .list-group-item {

    background: transparent;

}



.datebook-header-user-panel .nav-link {

    position: relative;

}



.datebook-header-user-panel .nav-link sup {

    position: absolute;

    left: 0;

    top: 0;

    font-size: 100%;

}



.datebook-friends-three-dots {

    position: absolute;

    top: 0;

    right: 0;

}



.datebook-aboutyou-modifiedtext p:last-child {

    margin-bottom: 0;

}





/* -----------------------------------------

	11. Profile Photos and Verification Photos

----------------------------------------- */



.datebook-photocontainer .datebook-upload-photos-button {

    padding-top: 3px;

}



.datebook-photocontainer h3 {

    font-weight: 400;

}



.datebook-photocontainer .datebook-verificationphoto span {

    position: relative;

    display: block;

    padding: 3px;

}



.datebook-photocontainer .datebook-img-single label {

    font-weight: 300;

    padding: 0 5px;

}



.datebook-photocontainer img {

    padding: 0;

    vertical-align: middle;

}



#datebook-error-div {

    display: none;

}



#datebook-imageform {

    min-height: 38px;

}



.datebook-uploaded-images #datebook-error-div {

    color: #ff0000;

}



.datebook-gallery .datebook-rotate {

    position: absolute;

    bottom: 10px;

    left: 10px;

    border: none;

    color: white;

    border-radius: 60px;

    background-color: #00000073;

}



.datebook-gallery .datebook-rotate-process {

    display: none;

    position: absolute;

    bottom: 21px;

    left: 21px;

    color: white;

}



.datebook-frontphoto {

    display: flex;

}





/* -----------------------------------------

	12. Search Panel

----------------------------------------- */



.datebook-search-firstpart .btn-group>.btn:first-child {

    margin-top: 0;

    margin-left: 0;

}



.datebook-column-css {

    padding-left: 0.375rem;

    padding-right: 0.375rem;

}



.datebook-search-firstpart .btn-group>.btn:not(:first-child) {

    margin-top: 0;

    margin-right: 0;

}



.form-inline .datebook-search-form {

    box-shadow: none;

}



.front-search label {

    font-weight: 300;

}



.datebook-search-form .card-body {

    padding: 12px 14px 18px;

}



.datebook-search-form .form-group {

    width: 100%;

}



.datebook-search-form .datebook-input-age,

.datebook-country-form,

.datebook-citymenu,

.datebook-purpose-group {

    width: 100%;

}



.datebook-search-form .card-body .datebook-search-firstpart .datebook-search-btn,

.datebook-search-form .card-body .datebook-search-firstpart .datebook-submit-btn {

    height: 47.90px;

    line-height: 25px;

}



.datebook-search-form .card-body .datebook-search-firstpart .datebook-search-btn {

    padding: 0.5rem 0.7rem;

    font-size: 0.875rem;

    color: #000;

}



.datebook-search-form .datebook-gender-input label {

    padding-left: 6px;

    padding-right: 6px;

}



.datebook-search-form .datebook-age-form .form-control {

    width: 100%;

    text-align: center;

}



#datebook-advancedsearch .form-control,

#datebook-advancedsearch .selecter .selecter-selected {

    font-size: 13px;

    height: auto;

}



[data-bs-toggle="collapse"] .fa:before {

    content: "\f139";

}



[data-bs-toggle="collapse"].collapsed .fa:before {

    content: "\f13a";

}



.datebook-search-form .datebook-search-firstpart .datebook-column-css {

    display: flex;

    flex-wrap: wrap;

}



.datebook-advanced-fields-panel .align-items-end {

    align-items: normal !important;

}



#datebook-search-form .bs-actionsbox {

    display: none;

}





/* -----------------------------------------

	13. Front page

----------------------------------------- */



.datebook-search-form .datebook-age-form {

    position: relative;

}



.datebook-search-form .datebook-age-form>.irs:after {

    border: solid transparent;

    border-bottom-color: #fff;

    border-color: rgba(255, 255, 255, 0);

    border-width: 6px;

    bottom: 100%;

    content: " ";

    height: 0;

    left: 50%;

    margin-left: -6px;

    position: absolute;

    width: 0;

}



.datebook-search-form .datebook-age-form>.irs {

    display: none;

    height: 70px;

    left: 0;

    position: absolute;

    right: 0;

    top: 77px;

    background-color: #fff;

    border: 10px solid #fff;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    box-shadow: 0px 3px 14px #d7d7d7;

    z-index: 3;

}



.datebook-search-form.datebook-search-form-h .datebook-age-form>.irs {

    left: -45px;

    right: -45px;

}



.datebook-search-form .datebook-age-form>.irs .irs {

    background-color: #fff;

}



.datebook-search-panel .btn-secondary:hover,

.input-group-btn:hover .btn-secondary,

.datebook-search-front .open .dropdown-toggle.btn-secondary,

.datebook-search-panel .btn-secondary:focus,

.datebook-search-panel .btn-secondary:active,

.datebook-search-panel .btn-secondary.active,

.datebook-search-front .btn-secondary:hover,

.datebook-search-front .btn-secondary:focus,

.datebook-search-front .btn-secondary:active,

.datebook-search-front .btn-secondary.active,

.datebook-search-front .btn-secondary:active:not(:disabled):not(.disabled),

.datebook-search-front .btn-secondary.active:not(:disabled):not(.disabled),

.datebook-search-front .show>.btn-secondary.dropdown-toggle,

.datebook-search-front .card-body .datebook-search-btn.dropdown,

.datebook-register-panel .btn-secondary:hover,

.datebook-register-panel .btn-secondary:focus,

.datebook-register-panel .btn-secondary:active,

.datebook-register-panel .btn-secondary.active,

.datebook-search-front .btn-secondary:active:hover,

.datebook-search-front .btn-secondary.active:hover,

.datebook-search-front .open>.dropdown-toggle.btn-secondary:hover,

.datebook-search-front .btn-secondary:active:focus,

.datebook-search-front .btn-secondary.active:focus,

.datebook-search-front .open>.dropdown-toggle.btn-secondary:focus,

.datebook-search-front .btn-secondary:active.focus,

.datebook-search-front .btn-secondary.active.focus,

.datebook-search-front .open>.dropdown-toggle.btn-secondary.focus {

    background-color: #4caf50;

    border-color: #4caf50;

    color: #fff;

}



.datebook-search-front .card-body .input-group-btn .btn {

    border-bottom-left-radius: 0;

    border-top-left-radius: 0;

}



.datebook-search-front .datebook-countries-overlay .modal-content {

    border-width: 5px !important;

}



.datebook-dropdowncountry {

    min-height: 80vh;

}



.datebook-profile-country .input-group-btn .btn-secondary {

    border: 1px solid #e9e9e9 !important;

    border-right: none !important;

    border-bottom-right-radius: 0;

    border-top-right-radius: 0;

}



.datebook-profile-country .input-group-btn:hover .btn-secondary {

    background-color: #eceff1;

    border-color: #eceff1;

    color: inherit;

}



.datebook-dropdowncountry .datebook-countrybox {

    position: relative;

}



.datebook-dropdowncountry .datebook-city-process,

.datebook-dropdowncountry .datebook-region-process,

.datebook-dropdowncountry .datebook-country-process {

    display: none;

}



.datebook-dropdowncountry .datebook-loadigimage {

    min-height: 260px;

    text-align: center;

}



.datebook-dropdowncountry .datebook-countrymenu {

    max-height: 68vh;

    overflow: auto;

    overflow-x: hidden;

    margin-right: -10px;

}



.datebook-dropdowncountry a {

    display: inline-block;

}



.datebook-search-front .card-body .datebook-dropdowncountry .btn-close-country:hover {

    background-color: #dcdcdc;

}





/* -----------------------------------------

	14. Thumbnails

----------------------------------------- */



.datebook-front-random-profiles .thumbnail {

    width: 100%;

    text-align: center;

    margin: 0;

    padding: 0;

    /*border: none;

	border-bottom: 1px solid transparent;

	border-right: 1px solid transparent;*/

}





/*.datebook-defaultphoto .datebook-frontphoto img {

    -webkit-filter: blur(12px);

    -moz-filter: blur(12px); 

    -o-filter: blur(12px); 

    -ms-filter: blur(12px); 

    filter: blur(12px);

    -webkit-transform: translate3d(0,0,0);

}*/





/* -----------------------------------------

	15. Widgets

----------------------------------------- */



.datebook-related-profiles-bycity-widget .card-body {

    padding: 0 13px;

}



.datebook-related-profiles-bycountry-widget .card-heading {

    border-bottom: 1px solid #e9e9e9;

}



.datebook-related-profiles-bycountry-widget .thumbnail {

    border: none;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border-radius: 0;

    border-right: 1px solid #e9e9e9;

    box-shadow: none;

    margin: 0;

    padding: 0;

}



.datebook-related-profiles-bycountry-widget .thumbnail.last {

    border: none;

}



.datebook-related-profiles-bycountry-widget .thumbnail:hover {

    border-color: #e9e9e9;

}



.datebook-tours-widget .card-body,

.datebook-classifieds-widget .card-body,

.datebook-related-profiles-bycity-widget .card-body,

.datebook-featured-profile-widget .card-body,

.datebook-related-profiles-bycountry-widget .card-body,

.datebook-latest-profiles-images-widget .card-body,

.datebook-latest-profiles-widget .card-body {

    padding: 0;

}



.datebook-related-profiles-bycity-widget .card-body .card-body,

.datebook-featured-profile-widget .card-body .card-body,

.datebook-tours-widget .list-group-item,

.datebook-edit-sidebar .list-group-item,

.datebook-latest-profiles-images-widget .card-body .card-body,

.datebook-latest-profiles-widget .list-group-item {

    padding: 10px 15px;

}



#datebook-footer .datebook-related-profiles-bycity-widget .card-body .card-body,

#datebook-footer .datebook-featured-profile-widget .card-body .card-body,

#datebook-footer .datebook-tours-widget .list-group-item,

#datebook-footer .datebook-edit-sidebar .list-group-item,

#datebook-footer .datebook-latest-profiles-widget .list-group-item {

    padding: 10px 0 !important;

}



.datebook-register-widget>.card-body {

    padding: 0;

}



.datebook-register-widget .datebook-register-panel .btn-group>.btn {

    margin-left: 0;

    margin-right: 0;

}



.datebook-register-widget .nav-tabs>li.active {

    border-bottom: 1px solid #fff !important;

}



.datebook-register-widget .nav-tabs.nav-justified>li>a {

    font-size: 20px;

}



.datebook-register-widget .nav-tabs>li>a {

    color: #8c8c8c;

}



.datebook-register-widget ul li {

    padding: 0;

}



.datebook-register-widget .form-group {

    margin-bottom: 5px;

}



.datebook-related-profiles-bycity-widget hr {

    margin-top: 5px;

    margin-bottom: 5px;

}



.datebook-related-profiles-bycountry-widget {

    border-color: #eceff1;

}



.datebook-related-profiles-bycountry-widget h5 {

    margin: 0;

    font-weight: 300;

}



.datebook-tours-widget .thumbnail,

.datebook-latest-profiles-images-widget .thumbnail,

.datebook-latest-profiles-widget .thumbnail {

    display: inline-block;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    padding: 2px;

}



.datebook-latest-profiles-images-widget .latest-profile-img {

    border: none;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border-radius: 0;

    margin: 2px;

    padding: 0;

    width: auto;

}



.datebook-latest-profiles-images-widget .latest-profile-img .img-circle {

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border-radius: 0;

}



.datebook-tours-widget .thumbnail,

.datebook-latest-profiles-widget .thumbnail {

    margin: 0;

    margin-right: 8px;

}



.datebook-featured-profile-widget {

    text-align: center;

}



.datebook-featured-profile-widget .thumbnail {

    border: none;

    padding: 0;

}



.datebook-featured-profile-widget .card-heading,

.datebook-featured-profile-widget .card-body {

    background-color: #fff;

}



.datebook-featured-profile-widget .img-responsive a>img,

.datebook-featured-profile-widget .img-responsive>img {

    margin: 0 auto;

    text-align: center;

    width: auto;

}



.datebook-classifieds-widget .thumbnail img,

.datebook-profile-comments .thumbnail img,

.datebook-latest-profiles-widget .thumbnail img {

    -moz-border-radius: 90px;

    -webkit-border-radius: 90px;

    border-radius: 90px;

}



.datebook-classifieds-widget .card-body .card-body {

    padding: 15px;

}



.datebook-comments-widget ul li {

    padding: 0 0 5px;

}



.datebook-comments-widget .media-object {

    width: 40px;

    height: 40px;

    -moz-border-radius: 90px;

    -webkit-border-radius: 90px;

    border-radius: 90px;

}



.datebook-comments-widget .media:last-child {

    margin-bottom: 0;

}



.datebook-categories-widget ul li {

    padding: 0;

    border-bottom: 1px solid #eee;

}



.datebook-categories-widget ul li:last-child {

    border-bottom: none;

}



.datebook-categories-widget ul li a {

    display: block;

    padding: 7px 0;

}



.datebook-posts-widget .media {

    margin-bottom: 0;

}



.widget .datebook-related-profiles-bycity-widget ul li {

    padding: 0;

}



.datebook-related-profiles-bycity-widget li a {

    border-bottom: 1px solid;

}





/* -----------------------------------------

	16. Tours page

----------------------------------------- */



.datebook-tour-search {

    min-width: 170px;

}



.datebook-tours-body {

    position: relative;

    display: inline-block;

    width: 100%;

}



.datebook-tours-body .datebook-tour-time {

    display: block;

    margin-top: 10px;

}



.datebook-tours-body .label {

    font-size: 100%;

    font-weight: 300;

    padding: 0.1em 0.5em 0.2em;

}



#datebook-tour-collaspe-more p.collapse:not(.show) {

    height: 22px !important;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

}



#datebook-tour-collaspe-more p.collapsing {

    min-height: 22px !important;

}





/* -----------------------------------------

	17. Classifieds page

----------------------------------------- */





/* -----------------------------------------

	18. Subscription page

----------------------------------------- */



.datebook-subscription-start .list-group-item:first-child {

    border-top: none;

}



.datebook-subscription-checkout-page .collapsing {

    -webkit-transition: none !important;

    transition: none !important;

}





/* -----------------------------------------

	19. Featured profiles on Front page

----------------------------------------- */



.datebook-featured-front .card-heading,

.datebook-top-profiles .card-heading {

    border-bottom: 1px solid #e9e9e9;

}



.datebook-featured-front .thumbnail {

    border-bottom: none;

}





/* -----------------------------------------

	20. Featured and Top Ad Style

----------------------------------------- */



.datebook-featured-style.mini .thumbnail {

    border: none;

}



.datebook-featured-style .datebook-featured-block {

    background: rgb(255 255 255 / 50%) !important;

    -webkit-backdrop-filter: blur(18px);

    backdrop-filter: blur(18px);

}



.datebook-featured-style .datebook-profile-main div:first-child {

    border-radius: inherit;

}



.datebook-featured-profiles-sidebar .datebook-featured-profile-box {

    background: rgb(255 255 255 / 40%) !important;

    -webkit-backdrop-filter: blur(2.7px);

    backdrop-filter: blur(2.7px);

}



.datebook-featured-images-panel .list-inline .list-inline-item {

    overflow: hidden;

    width: 65px;

    height: 65px;

    border: 0.25rem solid #fff;

    background-color: white;

}



.datebook-featured-images-panel .list-inline .list-inline-item.active {

    border: 0.25rem solid #cccfd0;

}



.datebook-featured-images-panel .list-inline .datebook-featured-image {

    display: inline-block;

    width: 100%;

    transform: translate(0%, 0%);

}





/* -----------------------------------------

	21. Popup Messages Panel

----------------------------------------- */



#datebook-main,

#datebook-panelbody {

    position: relative;

    height: 100vh;

}



.datebook-panel-messages {

    position: relative;

    width: 100%;

    padding: 0;

    background-color: #fff;

}



.datebook-panel-messages .card {

    margin: 0;

    border: none;

}



.datebook-panel-messages .card-body {

    padding: 12px;

}



.datebook-panel-messages .list-group {

    overflow-y: hidden;

}



.datebook-panel-messages .list-group .list-group-item p.datebook-message-user {

    margin-bottom: 4px;

}



.datebook-panel-messages .list-group .list-group-item p.datebook-message-body {

    margin-bottom: 0;

}



#datebook-messagebox {

    height: 38px;

    min-height: 38px;

    display: block;

    overflow: hidden;

    resize: none;

    line-height: 1.4;

    border-radius: 23px;

    padding-right: 78px;

    padding-left: 14px;

}



.datebook-panel-messages .datebook-message-form .atebook-chat-message-box {

    width: 100%;

    bottom: 10px;

    position: absolute;

    right: 12px;

    padding-left: 224px;

}



.datebook-panel-messages .datebook-message-form .datebook-chat-submit,

.datebook-panel-messages .datebook-message-form .datebook-chat-button-emoji-icon,

.datebook-panel-messages .datebook-message-form .datebook-chat-button-clip-icon {

    height: 38px;

    margin: 0;

    padding-top: 12px;

    align-self: flex-end;

    z-index: 10;

}



.datebook-panel-messages .datebook-message-form .datebook-chat-submit {

    border-radius: 23px;

}



.datebook-panel-messages .datebook-chatters-sidebar .list-group .list-group-item,

.datebook-panel-messages .datebook-chat-container .list-group .list-group-item {

    display: inline-flex;

    width: 100%;

    padding: 0.3rem 0.5rem;

    border: none;

    border-bottom: none;

    border-radius: 0;

}



.datebook-panel-messages .datebook-chatters-sidebar .list-group .list-group-item {

    display: inline-flex;

}



.datebook-panel-messages .datebook-chat-container .list-group .list-group-item {

    margin-bottom: 3px;

}



.datebook-panel-messages .list-group .list-group-item.datebook-bg-recipient {

    border-bottom-right-radius: 0 !important;

    /*background-color: #EFF0F1;*/

}



.datebook-panel-messages .list-group .list-group-item.datebook-bg-sender {

    border-bottom-left-radius: 0 !important;

    /*background-color: #F4F5F7;*/

}



.datebook-panel-messages .list-group .list-group-item.datebook-bg-warning {

    background-color: #fce5a7;

    font-size: 11px;

    padding: 5px;

}



.datebook-panel-messages .list-group .list-group-item .text-green {

    color: #21693d;

}



.datebook-panel-messages .datebook-show-button {

    position: absolute;

    bottom: 0;

    right: 6px;

    margin: 0;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

}



.datebook-panel-messages .datebook-chatters-sidebar .media {

    margin: 0;

    padding: 5px 10px;

}



.datebook-panel-messages .datebook-chatters-sidebar .media.active {

    background-color: #f4f4f4;

}



.datebook-chat-emoji-icons .datebook-single-emoji,

.datebook-panel-messages .datebook-chat-emoji-icons img.wp-smiley,

.datebook-panel-messages .datebook-chat-emoji-icons img.emoji {

    height: 1.5em !important;

    width: 1.5em !important;

    cursor: pointer;

}



.datebook-panel-messages .datebook-chat-button-emoji-icon img.wp-smiley,

.datebook-panel-messages .datebook-chat-button-emoji-icon img.emoji {

    height: 2em !important;

    width: 2em !important;

}



.datebook-panel-messages .datebook-chat-emoji-icons {

    max-height: 260px;

    min-height: 0px !important;

    overflow-x: hidden;

    visibility: initial !important;

}



.datebook-panel-messages .datebook-chat-container .list-group .list-group-item img.wp-smiley,

.datebook-panel-messages .datebook-chat-container .list-group .list-group-item img.emoji {

    height: 1.2em !important;

    width: 1.2em !important;

}



.datebook-panel-messages .datebook-modal-header {

    position: absolute;

    width: 100%;

    right: 0px;

    padding-left: 12px;

    padding-right: 6px;

    text-align: left;

    z-index: 10;

}



.datebook-popup-container {

    position: fixed;

    margin-top: 20px;

    z-index: 5000;

}



.datebook-popup-container.top {

    top: 10px;

}



.datebook-popup-container.bottom {

    bottom: 10px;

}



.datebook-popup-container.left {

    left: 0px;

    margin-left: 20px;

}



.datebook-popup-container.right {

    right: 0px;

    margin-right: 20px;

}



.datebook-popup-container.center {

    left: 50%;

}



.datebook-popup {

    position: relative;

    display: inline-block;

    -webkit-transition: all 0.2s;

    -o-transition: all 0.2s;

    transition: all 0.2s;

    min-height: 50px;

    cursor: pointer;

}



.datebook-popup .datebook-popup-body {

    margin-left: 90px;

}



.datebook-popup .datebook-popup-close {

    position: absolute;

    text-align: center;

    border-radius: 50%;

    right: -6px;

    top: -7px;

    font-size: 16px;

    line-height: 14px;

    width: 16px;

    height: 16px;

    -webkit-transition: all 0.2s;

    -o-transition: all 0.2s;

    transition: all 0.2s;

    color: #8a8a8a;

    background-color: #ffae00;

}



.datebook-popup .datebook-popup-close:hover {

    background-color: rgba(0, 0, 0, 0.5);

}



.datebook-popup .datebook-popup-timer-loading {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    height: 3px;

}



.datebook-popup-animate {

    -webkit-animation-duration: 0.5s;

    animation-duration: 0.5s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



.datebook-chat-header {

    display: flex;

}



.datebook-chat-main-profile {

    position: relative;

    display: flex;

    width: 100%;

}



.datebook-chat-main-profile .datebook-chat-left {

    flex: 1;

}



.datebook-chat-right .datebook-chat-icon {

    display: inline-block;

    width: 25px;

    margin-left: 10px;

}



.datebook-display-on-mobile {

    display: none;

}



.datebook-hide-on-mobile {

    display: inline;

}



.datebook-chat {

    display: flex;

    flex-direction: column;

    height: 100vh;

    background: #fff;

}



.datebook-chat-header {

    display: flex;

}



.datebook-chat-profile {

    width: 100%;

    display: flex;

    position: relative;

}



.datebook-chat-profile .pp {

    width: 50px;

    display: inline-block;

    border-radius: 50%;

    margin-left: 32px;

}



.datebook-chat-profile .datebook-chat-header-left {

    flex: 1;

}



.datebook-chat-r {

    display: flex;

}



.datebook-chat-r .sp {

    flex: 1;

}



.datebook-chat-l {

    display: flex;

}



.datebook-chat-l .sp {

    flex: 1;

}



.datebook-chat-box {

    overflow-y: hidden;

    flex: 1;

}



.datebook-chat-box .mess p {

    word-break: break-all;

    font-size: 18px;

}



.datebook-chat-box .mess-r {

    background: #e2ffc7;

}



.datebook-chat-box .check {

    float: right;

}



.datebook-chat-box .check img {

    width: 20px;

}



.datebook-chat-box .check span {

    color: #888;

    font-size: 12px;

    font-weight: 700px;

}



.datebook-chat-footer {

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

}





/* -----------------------------------------

	22. Messages Popup Window Scrollbar

----------------------------------------- */



.datebook-chat-box::-webkit-scrollbar {

    width: 5px;

}



.datebook-chat-box::-webkit-scrollbar-track {

    background: #f1f1f1;

}



.datebook-chat-box::-webkit-scrollbar-thumb {

    background: #aaa;

}



.datebook-chat-box::-webkit-scrollbar-thumb:hover {

    background: #555;

}





/*#datebook-list-messages {

	position: absolute;

	right: 0;

	left: 0;

}

.datebook-chat-container::-webkit-scrollbar,

#datebook-list-messages::-webkit-scrollbar {

	background-color: #F3F3F3;

	width: 8px;

}

.datebook-chat-container::-webkit-scrollbar-track,

#datebook-list-messages::-webkit-scrollbar-track {

	background-color: #F3F3F3;

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

}

.datebook-chat-container::-webkit-scrollbar-thumb,

#datebook-list-messages::-webkit-scrollbar-thumb {

	background-color: #737D8A;

	border-radius: 18px

}*/





/* -----------------------------------------

	23. Footer

----------------------------------------- */



.datebook-footerbox.datebook-featured-profile-widget .card-heading,

.datebook-footerbox.datebook-featured-profile-widget .card-body {

    padding: 10px 15px;

}



.datebook-footerbox.datebook-related-profiles-bycity-widget .card-body {

    padding: 10px 0;

}



.datebook-footerbox.datebook-register-widget {

    border: 1px solid #e9e9e9;

}



.datebook-footerbox .card-heading {

    margin-bottom: 18px;

    border-bottom: 1px solid #eee;

}



.datebook-footerbox .list-group-item {

    padding-left: 0;

    padding-right: 0;

}



.datebook-footerbox.datebook-classifieds-widget .card-body {

    border-bottom: 1px solid #eee;

    padding: 10px 0 8px;

}





/* -----------------------------------------

	24. Page Builders correcting style

----------------------------------------- */



.brz .brz-reset-all {

    font-family: inherit;

    font-size: inherit;

    font-weight: inherit;

}



.brz .brz-section {

    background-color: transparent;

}



.brz .brz-wp-shortcode__menu .menu .sub-menu {

    width: auto;

    min-width: 210px;

    background-color: #ffffff;

    border: 1px solid #e0e0e0;

    border-radius: 3px;

    box-shadow: 0 18px 32px 0 rgba(0, 0, 0, 0.1);

}



.brz .brz-wp-shortcode__menu .menu>.menu-item>.sub-menu {

    padding-top: inherit;

    padding-bottom: inherit;

}



.brz .brz-wp-shortcode__menu .menu .sub-menu a {

    padding: 10px 5%;

    color: inherit;

}



.brz .brz-wp-shortcode__menu .menu .sub-menu a:hover {

    background: rgba(234, 234, 234, 0.94);

}





/* -----------------------------------------

	25. Responsive style

----------------------------------------- */



.datebook-front-container .datebook-primary-menu-container,

.datebook-other-container .datebook-primary-menu-container {

    display: grid;

}



.datebook-primary-menu-container .datebook-user-navbar,

.datebook-primary-menu-container .datebook-user-navbar .container {

    padding: 0;

}



.datebook-front-container .datebook-primary-menu-container .datebook-primary-menu-subcontainer,

.datebook-other-container .datebook-primary-menu-container .datebook-primary-menu-subcontainer {

    width: 100%;

}



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

    .datebook-user-menu-small {

        width: 100%;

    }

}



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

    .datebook-front-container .datebook-primary-menu-container .datebook-primary-menu-subcontainer,

    .datebook-other-container .datebook-primary-menu-container .datebook-primary-menu-subcontainer {

        width: auto;

    }

    .datebook-other-container .datebook-user-navbar,

    .datebook-other-container .datebook-primary-menu-container .datebook-primary-menu-subcontainer .datebook-userpanel-under {

        margin-left: auto;

    }

    .datebook-primary-menu-container .datebook-user-navbar {

        width: 100%;

    }

    #datebook-header .datebook-register-links,

    #datebook-header .datebook-register-links-left,

    #datebook-header .datebook-register-links-right,

    .datebook-userpanel-under .datebook-register-links {

        text-align: center;

        display: inline-table;

    }

    .datebook-welcome-panel h1 {

        margin-bottom: 90px;

    }

    .datebook-search-front .form-control,

    .btn-group .dropdown-toggle .filter-option {

        text-align: center;

    }

    .datebook-search-form.datebook-search-form-h .datebook-age-form>.irs {

        left: 0;

        right: 0;

    }

    .datebook-top-links,

    .datebook-top-links-left,

    .datebook-top-links-right,

    .datebook-register-links,

    .datebook-register-links-left,

    .datebook-register-links-right {

        width: 100%;

        text-align: center;

    }

    .datebook-register-links>li {

        display: inline-block;

        text-align: center;

    }

    .datebook-header-user-panel .nav-link sup {

        position: relative;

        top: -0.9em;

    }

    .g-recaptcha {

        -webkit-transform: scale(0.93);

        -webkit-transform-origin: 0 0;

        transform: scale(0.93);

        transform-origin: 0;

    }

    .datebook-display-on-mobile {

        display: inline-flex;

    }

    .datebook-hide-on-mobile {

        display: none;

    }

}



@media (max-width: 576px) {

    .single-profile .datebook-title-single-profile {

        text-align: center;

    }

    .datebook-front-container .datebook-primary-menu-container .datebook-logo {

        max-width: 75%;

    }

    .datebook-front-container .datebook-primary-menu-container .datebook-primary-menu-subcontainer .datebook-primary-menu-class {

        max-width: 100% !important;

    }

    .navbar.navbar-dark .breadcrumb .nav-item .nav-link,

    .navbar.navbar-dark .navbar-nav .nav-item .nav-link {

        text-align: center;

        width: 100%;

    }

    .datebook-welcome-panel h1 {

        font-size: 2.2rem !important;

        margin-bottom: 32px !important;

    }

}





/* -----------------------------------------

	26. Responsive menu in messages popup window

----------------------------------------- */



.datebook-panel-messages #datebook-messages-layout,

.datebook-panel-messages .datebook-messages-menu {

    -webkit-transition: all 0.2s ease-out;

    -moz-transition: all 0.2s ease-out;

    -ms-transition: all 0.2s ease-out;

    -o-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out;

}



.datebook-panel-messages #datebook-messages-layout {

    position: relative;

    padding-left: 0;

}



.datebook-panel-messages #datebook-messages-layout.active .datebook-messages-menu {

    left: 200px;

    width: 200px;

}



.datebook-panel-messages #datebook-messages-layout.active .datebook-menu-link {

    left: 200px;

}



.datebook-panel-messages .datebook-messages-menu {

    margin-left: -200px;

    width: 200px;

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    z-index: 1000;

    overflow-y: auto;

    -webkit-overflow-scrolling: touch;

}



.datebook-panel-messages .swiper-container {

    width: 100%;

    height: 100%;

    overflow-y: auto;

}



.datebook-panel-messages .swiper-wrapper {

    height: auto;

    display: inline-block;

}



.datebook-panel-messages .swiper-slide {

    width: auto;

}



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

    .datebook-panel-messages .swiper-wrapper {

        max-width: max-content;

        height: auto;

        display: flex;

    }

    .datebook-panel-messages .swiper-slide {

        max-width: 150px;

    }

    .datebook-panel-messages .datebook-chatters-sidebar .swiper-wrapper .datebook-chat-profile-name.datebook-chat-profile-name-hide {

        display: none;

    }

    .datebook-panel-messages .datebook-messages-menu.datebook-chatters-sidebar-top {

        margin-left: 0;

        width: auto;

        position: relative;

    }

    .datebook-panel-messages .datebook-chatters-sidebar {

        overflow-y: hidden;

        overflow-x: hidden;

        white-space: nowrap;

        scrollbar-width: thin;

        /* "auto" or "thin"  */

        scrollbar-color: blue orange;

        /* scroll thumb & track */

        -webkit-overflow-scrolling: touch;

    }

    .datebook-panel-messages .datebook-chatters-sidebar::-webkit-scrollbar {

        height: 0;

    }

    .datebook-panel-messages .datebook-chatters-sidebar::-webkit-scrollbar-track {

        height: 0;

    }

    .datebook-panel-messages .datebook-chatters-sidebar::-webkit-scrollbar-thumb {

        height: 0;

    }

    .datebook-panel-messages .datebook-chatters-sidebar-top .datebook-chatters-sidebar .list-group .list-group-item {

        display: inline-flex;

        width: auto;

        padding: 5px 10px;

        max-width: 150px;

    }

}



@media (min-width: 48em) {

    .datebook-panel-messages #datebook-messages-layout {

        padding-left: 200px;

        left: 0;

    }

    .datebook-panel-messages .datebook-messages-menu {

        left: 200px;

    }

    .datebook-panel-messages .navbar {

        display: none;

    }

}



@media (max-width: 48em) {

    .datebook-panel-messages #datebook-messages-layout.active {

        position: relative;

        left: 200px;

    }

}