/****For flash messages*****/ input:-moz-autofill, input:-moz-autofill-preview, input:-webkit-autofill { filter: none !important; background: #fff !important; color: #000 !important; } .carousel-item img { height: 666px; width: 100%; object-fit: cover; margin-top: 114px; } .link-btn { font-size: 16px; font-weight: 700; line-height: 17px; transition: all .3s; color: #0D3C55; font-family: "Roboto", sans-serif !important; font-weight: 500 !important; font-style: normal; } .link-btn:hover { color: #062c41; } .btn-main-primary, .btn-main-secondary { font-family: "Roboto", sans-serif !important; font-weight: 700 !important; font-style: normal; } .btn-main-primary { background-color: #0D3C55; color: #fff; padding: 11.5px 37px; font-size: 18px; font-weight: 800; line-height: 19px; border-radius: 6px !important; transition: all .3s; } .btn-main-primary:hover { background-color: #062c41; color: #fff !important; } .infinite-animation-btn{ background-color: #05CF86; padding: 10px 20px; border-radius: 10px; border: none; color: #fff; line-height: 16px; animation: glowing 3000ms infinite; } .infinite-animation-btn span{ font-size: 16px; line-height: 16px; font-weight: 400; font-family: "Roboto", sans-serif; font-style: normal; text-align: center; display: inline-flex; } @keyframes glowing { 0% { box-shadow: 0 0 -10px #05CF86; } 40% { box-shadow: 0 0 20px #05CF86; } 60% { box-shadow: 0 0 20px #05CF86; } 100% { box-shadow: 0 0 -10px #05CF86; } } .btn-main-secondary { background-color: #5CA792; color: #fff; padding: 11.5px 37px; font-size: 18px; font-weight: 800; line-height: 19px; border-radius: 6px !important; transition: all .3s; } .btn-main-secondary:hover { background-color: #2c705d; color: #fff !important; } div.flasherror { background: red none repeat scroll 0 0; border-radius: 0; top: 10px !important; color: #fff !important; cursor: pointer !important; float: right !important; height: 30px; opacity: 0.9 !important; padding: 5px 15px; position: fixed !important; right: 7px; text-align: center !important; z-index: 9999 !important; content: none !important; display: inline-block; } div.success { background: #4f9709 none repeat scroll 0 0; border-radius: 0; top: 10px !important; color: #fff !important; cursor: pointer !important; float: right !important; height: 30px; opacity: 0.9 !important; padding: 5px 15px; position: fixed !important; right: 7px; text-align: center !important; z-index: 9999 !important; content: none !important; } .btn-danger { background-color: #D94E1F; } .btn-danger:hover { color: #fff !important; } .btn-success { background-color: #5ca792; } .amenitiesContainer { text-align: left; } .amenitiesContainer label { float: left; width: 17%; } .f1-buttons.col-md-12.capacityContainer { text-align: left; float: left; width: 100%; } .f1-buttons { float: left; width: 100%; margin-top: 10px; } /*****Error style*******/ #step3Service .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; color: #000; } .whiteClass small { color: white !important; font-size: 15px !important; } .whiteClass a { color: white !important; } .ii a[href] { color: #fff !important; } .bg-blue { background-color: #0d3c55 !important; } .text-lightblue { color: #eefbfb !important; } .text-darkblue { color: #0d3c55 !important } .bg-darkblue { background-color: #0d3c55 !important; } .Eventinvited-txtlist1 { width: 100% } .contributeNowlink-btn { float: right; } .contributeNowlink-btn a { color: #fff; } .event_description .contributeNowlink-btn a { color: #2c85f4; margin-top: 4px; float: right; font-size: 14px; } .test1 { text-decoration: line-through; } .past-event .page-title { font-size: 16px; } .text-area404 { margin-left: 15px; } .inner-signup form span.help-block-error { float: left; color: red; font-size: 13px; width: 100%; height: 0px; text-align: left; display: table !important; } .inner-signup input.form-control { height: 38px !important; border-radius: 3px !important; } .inner-login input.form-control { height: 38px !important; border-radius: 3px !important; } .edit-category-main input.form-control { height: 44px !important; } .add-category-main input.form-control { height: 44px !important; } input.form-control { height: 38px !important; } .form-control { border-radius: 3px !important; } .page-sidebar .page-sidebar-menu>li { margin-bottom: 5px !important; } input.form-control::placeholder { font-size: 16px; } .add-event-search { background-color: #ffffff !important; } .event-add .form-control { height: 44px !important; border-radius: 6px !important; } .event-add .form-control::placeholder { color: #2b4e61 !important; } .form-control::placeholder { color: #2b4e61 !important; } #search_friend_box { height: 40px !important; background-color: transparent !important; color: #2b4e61; padding-left: 0 !important; font-weight: 500; border: 0 !important; } .hidePermissionBox { display: none; } #myUL li, #myUL1 li { margin-bottom: 15px; } #myUL, #myUL1 { background-color: #0d3c55; color: #eefbfb; border-radius: 3px; } .eventAdd .form-group .input { width: 100%; } .timeSet i { position: absolute; right: 10px; top: 14px !important; color: #0d3c55; margin-left: 8px; font-size: 16px; } .event-add #timepicker1, .event-add #timepicker2 { background-color: transparent; } .add.SelFriend { width: 97%; padding-left: 10px; } .member-area>li.add.SelFriend:first-child { padding-top: 6px } .add.SelFriend a { border: none; } #AddedfrndList li { width: 100%; padding-left: 5px; } #AddedfrndList li a { border: none; width: 97%; border-bottom: 1px solid #222; border-radius: 0; } #AddedfrndList li:last-child a { border-bottom: 0; } #AddedfrndList li a:hover { text-decoration: none; background-color: #e3e3e3; } .warning { background-color: #57574e; font-style: italic; font-size: 1px !important; } .friendRequest { float: right; background-color: #4CAF50; border: none; color: white; padding: 8px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; border-radius: 15%; } .notifyMessage p { width: 100% !important; } .loginsignup { text-align: center; } .other-event-single { width: 100%; float: left; position: absolute; left: 4px; text-align: center; bottom: auto; top: 10px; top: 31px } .group-members-listing .other-event-single { width: 100px; z-index: 99; } #AddedfrndList li img { margin-left: 3px; } .eventAdd .flipButton label { position: relative; cursor: pointer; line-height: 20px; display: inline-block; color: #666; } .event-sidebar a i { font-size: 20px; margin-top: 2px; } .eventAdd .btn-friend { padding: 0px 30px; margin-top: 23px; } .modal-body { min-height: 130px; background-color: #fff; } .event-listing .event-detail-title p { font-size: 16px !important; padding-left: 15px; margin-bottom: 0px !important; padding-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-transform: capitalize; } .event-listing h2 { justify-content: space-between; font-size: 16px !important; display: flex; align-items: center !important; } .event-listing h2 span a { color: #ffffff; } .event-listing h1 { font-size: 16px !important; font-weight: 700 !important; } .event-listing h1 a { color: #0d3c55 !important; } .event-listing h3 { font-size: 14px !important; font-weight: 400 !important; } .event-listing h4 { font-size: 14px !important; margin-bottom: 0px !important; } .font-twenty-four { font-size: 24px !important; font-weight: 700 !important; } .contribution+.modal-footer { border-top: 1px solid #e9ecef } .contribution { overflow-y: auto; max-height: 206px; } .item-delete { padding: 1px 7px; border-radius: 11px; } .eventAdd input[type="submit"] { width: auto; } .eventAdd .btn-bk { background-color: #777 !important; } .error, label.error { color: red !important; font-weight: normal; font-size: 12px; margin-top: 0 !important; } .bootstrap-timepicker-widget table td input { width: 100% !important; margin: 0; text-align: center; padding: 5px; } .bootstrap-timepicker-widget table td:not(.separator) { min-width: 47px !important; max-width: 30px !important; } #profile, #buzz .friendslist-profile, #profile .friendslist-profile { overflow: auto; } ul#myUL li { border-bottom: 1px solid #0d3c55; padding-bottom: 10px; color: #0d3c55 !important; font-weight: 400; display: flex; align-items: center; justify-content: space-between; margin-left: 0; text-align: left; } .top-search ul#myUL { background-color: #fff; } #myUL .profileRedirectUrl { float: right; padding: 8px 10px; text-transform: uppercase; font-size: 13px; width: auto; } ul#myUL li:first-child { display: grid; } .notification-right ul#myUL li:first-child { display: flex; } span.search_inner_profilename { line-height: normal; width: calc(100% - 30px); } .searchbar_flex { display: flex; align-items: center; } .button-respond-other-user { float: right; } .direction_btn { background: none !important; float: right; margin-top: -32px; margin-left: 30px; } .group-list .date-map-area { padding: 0; } .friendslist-profile li { color: #000000 !important; font-weight: 500; font-size: 15px !important; } .event-item-listing .date_calender { padding: 10px; margin-bottom: 0px !important; } .date-map-area.date-map-calender.single-event-date-sec>div { display: block; } .event-item-listing h4 { font-size: 15px; width: auto; float: left; margin-right: 15px; margin-bottom: 0; } .event-item-listing h6 { font-size: 15px !important; width: auto; float: left; margin-right: 15px; color: #fff; margin-bottom: 16; } .share-on-social [class*="facebook"], .share-on-social [class*="google-plus"] { background-color: #fff; } .events-list p { word-break: break-word; float: left; width: 100%; margin-bottom: 0; font-size: 16px; hyphens: auto; -webkit-hyphens: auto; } .event-item-listing h3 { font-size: 18px; margin-bottom: 5px; } .editHostProfileTab .input-group-addon, #editprofileform .input-group-addon { padding: 4px 0px 1px 5px !important } #editprofileform .input-group-addon, #editprofileform .input-group-text { padding: 0 10px !important; height: 38px !important; border: none; border: none; font-size: 14px; border-radius: 0; background-color: transparent; } #editprofileform .form-control { padding: 0 0 10px 0; color: #000000 } .profile-verify-phone { float: left; width: 100%; font-size: 13px; } .upcoming-text-sec { color: rgba(0, 0, 0, 0.4) } .host-profile-page .connection-group-sec .full-height-area#profile .friendslist-profile { min-height: auto !important; height: auto !important; } .host_detail_profile .connection-group-sec .full-height-area#profile .friendslist-profile { min-height: 300px; max-height: 300px !important; } .host_detail_profile { padding: 48px 0 0; } .edit-profile-page .overview-info { width: 49%; margin: auto; margin-top: 10px; } .user-profile-box { max-width: 400px; width: 100%; } .user-profile-info { padding: 20px 0 20px 30px; position: relative; } .user-profile-info p { font-weight: 500; } .edit-profile-btn a { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); background: #0d3c55; padding: 3px 10px; border-radius: 3px; color: #fff; } .host-profile-page .connection-page { display: flex; } .host-profile-page .transaction-tabs .nav { width: 30%; /* background: #ddeff9; */ border-right: 1px solid #d3d3d3; } .host-profile-page .transaction-tabs .nav-tabs .nav-item a { border-radius: 0; } .host-profile-page .transaction-tabs .nav-tabs .nav-item .nav-link.active, .host-profile-page .transaction-tabs .nav-tabs .nav-item .nav-link:hover { border-color: #0D3C55; } .host-profile-page .full-height-area { min-height: 550px; overflow: auto; } .overview-info { border-bottom: 1px solid #d1d1d1; margin-bottom: 10px; width: 50%; } .host-profile-page .editHostProfileTab { display: flex; flex-wrap: wrap; } .host-profile-page .profile_left_bar .editHostProfileTab { display: block; flex-wrap: wrap; } .host-profile-page .transaction-tabs .tab-content .tab-pane { padding: 0 15px !important; } .host-profile-page .tab-content { height: 550px !important; overflow: auto; } .connection-group-sec .tab-content { height: auto !important; overflow: auto; } .host-profile-page .transaction-tabs .nav li { display: block; } .profile-top-banner-inner #change-banner-pic, .top-user-profile .profile-pic-button { position: absolute; left: 50%; bottom: 20px; transform: translate(-50%); background: #0d3c55; border-radius: 50% !important; padding: 0; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; } .top-user-profile .profile-pic-button { left: 210px; top: 50px; } .host-profile-page .edit-profile-page { height: auto !important; } .host-profile-page .edit-profile-page .user-profile-inner img { position: unset; border-color: #0d3c55; transform: translate(0); } .host-profile-page .top-user-profile .profile-pic-button { left: 50%; transform: translate(-50%); top: auto; bottom: -20px; margin-bottom: 0; } .edit-page-top-banner .profile-banner-img { border-radius: 3px; } .user-profile-info h3 { word-break: break-all; } @media(max-width:992px) { .custom-center-container { min-width: 100% !important; width: 100% !important; margin: 0px auto; padding: 0px 20px; } .user-profile-inner img { width: 150px !important; height: 150px !important; bottom: -50px !important; } .user-profile-info h3 { font-size: 24px; } .top-user-profile .profile-pic-button { left: 140px; top: 30px; } .user-profile-box { max-width: 250px; } } @media(max-width:768px) { .btn-main-primary, .btn-main-secondary { padding: 11.5px 15px; font-size: 16px; font-weight: 800; } .plans { flex-wrap: wrap; width: 100% !important; } .plans .plan { width: 100% !important; margin-right: 0px !important; margin-bottom: 20px; } .plans1 { flex-wrap: wrap; width: 100% !important; } .plans1 .plan { width: 100% !important; margin-right: 0px !important; margin-bottom: 20px; } .Search-for-more-locations { min-width: 100% !important; width: 100% !important; } .home-address-box { flex-wrap: wrap; } .home-address-box-details-main { order: 2; } .home-address-box-map { min-width: 100% !important; width: 100% !important; height: 150px !important; order: 1; margin-bottom: 15px !important; } .vendor-mod .dashboard-sec { overflow-y: unset !important; } .host-profile-page .editHostProfileTab { display: block; } .vendor-mod .image-upload-main-div { min-height: 250px; height: 250px; } .add-business-form .custom-border-box .image-upload-main-div { height: auto; } .vendor-mod .image-upload-main-div .banner_button_div { height: 100%; } .vendor-mod .image-upload-main-div .banner_button_div img { aspect-ratio: revert !important; height: 100%; } .vendor-mod .image-upload-main-div .upload_link .image-upload-inner-div { min-height: 200px; } .vendor-mod .add-business-form { margin-top: 10px; padding-top: 0px !important; } .vendor-mod .image-upload-main-div .vendor_company_logo { width: 70px !important; height: 70px !important; bottom: 35px; left: 50%; transform: translate(-50%, 100%); } .vendor-mod .form-actions.right button { width: 100%; margin-right: 0px !important; margin-top: 15px; } .add-business .vendor_business .vendor_company_logo .profile-pic-button { width: 40px !important; height: 40px !important; } .top-user-profile .profile-pic-button { left: 100px; top: 25px; width: 40px; height: 40px; } .overview-info { width: 100% !important; } .user-profile-inner img { bottom: -30px !important; width: 130px !important; height: 130px !important; } .profile-banner-img { height: 200px !important; } .user-profile-info h3 { font-size: 22px; } .edit-profile-btn a, .host-profile-page .button-respond-other-user { position: unset !important; float: right; margin-right: 0 !important; transform: translate(0) !important; } .edit-profile-btn { margin-bottom: 15px; margin: 10px auto; } .host-profile-page .button-respond-other-user span { margin: 0 !important; margin-right: 10px !important; } .user-profile-box { margin: auto; } .user-profile-info { padding: 60px 12px 20px; display: grid; justify-content: center; text-align: center; } .host-profile-page .button-respond-other-user, .edit-profile-btn { order: 2; margin-top: 10px; } } @media(max-width:575px) { .user-profile-info { padding: 50px 20px 20px; } .user-profile-inner img { bottom: -40px !important; } .host-profile-page .edit-profile-page .user-profile-inner img { transform: translate(0); } .host-profile-page .transaction-tabs .nav { width: 100%; border-right: 0; } .host-profile-page .transaction-tabs .nav li { margin: 0; padding-bottom: 0; display: table-cell; } .page-add-friend .card-body.transaction-tabs { display: block; } .top-user-profile .profile-pic-button { left: 50%; transform: translate(-50%); } .mobile-contribute-now-section .otherstatus.otherstatuscheck.other-event-single { top: 80px !important; } } @media(max-width:426px) { .host-profile-page .transaction-tabs .nav-tabs .nav-item a { font-size: 13px; } } .profile-banner-img { height: 250px; width: 100%; object-fit: cover; border-radius: 3px 3px 0 0; } .user-profile-inner { position: relative; } .user-profile-inner img { width: 170px; height: 170px; object-fit: cover; border-radius: 50%; border: 3px solid #0d3c55; position: absolute; bottom: -80px; left: 50%; transform: translate(-50%); background-color: #fff; } .host-profile-page .button-respond-other-user { position: absolute; right: 0; top: 50%; transform: translatey(-50%); } .host-profile-page .connection-group-sec .full-height-area { min-height: 300px; max-height: 300px !important; overflow: auto; } .host-profile-page .connection-group-sec .friendslist-profile { height: auto !important; } .upcoming-text-sec .Eventhost-txt h4 { font-size: 20px; } .event-item-listing.banner-sec h2>span>a { padding: 5px 10px; color: #fff; } .event-item-listing.banner-sec h2 .float-right { text-align: right; padding-bottom: 12px } .friendslist-profile .btn { margin: 0 0 0 5px; } .badge-frnd-notify { font-size: 9px; } .event-select-sec .event-label-sec.container-label { padding-left: 19px; } .inner-footer img { width: auto; } .time-address-sec .event-address { font-size: 14px !important; padding-right: 15px; } .direction_btn { width: auto !important; padding: 5px 10px !important; background: none !important; float: right; margin-top: -20px; margin-left: 50px; } .share-on-social { float: right !important; margin-top: 0; } .share-on-social .btn { padding: 0; background: none; border: none; /*margin-top: -10px;*/ } .share-on-social i.fab { font-size: 30px; } i.fab.fa-facebook { color: #3B5998; } .invitemodel .modal-dialog { max-width: 45vw !important; margin: 1.75rem auto; } .invitemodel .profileIcon img { width: 24px; height: 24px; border-radius: 50%; margin: 0 1px 0 0; border: 1px solid #000; margin: 0px 10px !important; } .invitemodel .profileIcon { float: left; font-size: 15px; text-transform: capitalize; color: #0d3c55; font-weight: 500; } .nav-pills .nav-link { color: #0d3c55; padding: 8px; } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { padding: 8px; color: #ffffff; background-color: #0d3c55; } .event-action-area .modal .event-tabs-opt .nav-link { font-size: 13px; padding: 0.5rem } .invitemodel #exampleModalCenter .container { display: inline-block; position: relative; padding-left: 30px; margin-bottom: 12px; } .invitemodel #exampleModalCenter .checkmark { position: absolute; top: 7px !important; left: 0; height: 16px !important; width: 16px !important; background-color: #eee; } .invitemodel #exampleModalCenter .container .checkmark:after { left: 6px !important; top: 2px !important; width: 4px !important; height: 8px !important; border: solid white; border-width: 0 2px 2px 0 !important; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .post-event a { color: #fff; } .inner-login, .inner-signup { padding: 48px; border-radius: 3px; } .share-box { margin: auto; position: relative; } .share-box label { display: block; margin: 0; cursor: pointer; padding: 0; font-size: 12px; font-weight: 500; padding: 1px; line-height: 15px; color: #fff; } .share-menu { transition: all 0.2s 0.4s linear; list-style: none; position: absolute; perspective: 10em; right: -88px; top: -30px; } .share-menu:after { transition-delay: 0.4s; content: ""; display: block; position: absolute; opacity: 1; top: -96px; bottom: 0; margin: auto; left: 1.5em; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid #4d64a7; } .event-action-area ul.share-menu::after { top: -16px; margin: 0; } .share-menu-item { float: none !important; overflow: hidden; transition: all 0.2s linear; opacity: 1; transform: inherit } .btn-view-all { background-color: #0D3C55; padding: 5px 15px; border-radius: 3px; color: #ffffff !important; } .subscribe-box .btn { border-radius: 28px !important; } .invite-btn-plus { display: flex !important; float: right; } .invite-btn-plus a { position: relative; background-color: #05CF86; padding: 5px 15px; border-radius: 3px; color: #fff !important; } .invite-btn-plus a:after { background-color: #05CF86; content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 3px; -webkit-animation-name: blink; animation-name: blink; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; animation-direction: alternate-reverse; -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } @-webkit-keyframes blink { 0% { transform: scale3d(1, 1, 1); opacity: 0.8; } 100% { transform: scale3d(1.1, 1.3, 1.1); opacity: 0; } } @keyframes blink { 0% { transform: scale3d(1, 1, 1); opacity: 0.8; } 100% { transform: scale3d(1.1, 1.3, 1.1); opacity: 0; } } .share-menu-item a { display: block; line-height: 3em; min-width: 3em; text-align: center; color: #fff; text-decoration: none; } .share-menu-item [class*="facebook"] { background: #4d64a7; } .share-menu-item [class*="twitter"] { background: #55aaf1; } .share-menu-item [class*="google-plus"] { background: #df4938; } li.share-menu-item a { font-size: 45px; width: 55px !important; padding: 10px; color: #fff !important; } .help-block-error { float: initial; color: red !important; width: 100%; height: auto; text-align: left; display: table; font-size: 16px; font-weight: 400; } .guest-invite-btn a i { padding-right: 5px; } .guest-invite-btn a { text-decoration: none; } .Eventhost-address p a { display: block; } .Eventhost-address p { font-size: 14px; color: #ffffff; background-color: #117899 !important; border-radius: 3px !important; padding: 8px !important; } .invited-to-address p { font-size: 14px; color: #ffffff; background-color: #117899 !important; border-radius: 3px !important; padding: 8px !important; } .Eventinvited-txtlist1 .btn-group .active { color: #eefbfb; } .otherstatus { display: none } .otherstatus a:first-child { border-radius: 3px 3px 0px 0px !important; } .single-event-invitation .event-listing .group-list .event-item-listing .Eventinvited-txtlist1 .btn-group a:first-child { border-radius: 3px 3px 0px 0px !important; } .Eventinvited-txtlist1 .btn-group i { line-height: 15px; margin: 0 5px 0 0px !important; font-size: 12px; } .Eventinvited-txtlist1 .btn-group:nth-child(4) { border-radius: 0; } ul.Eventinvited-txtlist1 { padding: 0; margin: 30px 0 24px; float: left; width: 100%; position: relative; } ul.Eventinvited-txtlist1 li a { padding: 0; margin: 0 0 0px; display: flex; align-items: center; } .single-event-invitation .event-listing .group-list .event-item-listing .Eventinvited-txtlist1 .btn-others-group:hover, ul.Eventinvited-txtlist1 .btn-group:hover, .single-event-invitation .event-listing .group-list .event-item-listing .Eventinvited-txtlist1 .btn-others-group.active, .single-event-invitation .event-listing .group-list .event-item-listing .Eventinvited-txtlist1 .btn-others-group:active { background: #0d3c55 !important; color: #ffffff !important; } ul.Eventinvited-txtlist1 .btn-group:hover svg path { fill: #ffffff; } .single-event-invitation .event-listing .group-list .event-item-listing .Eventinvited-txtlist1 .btn-others-group { font-size: 12px; height: 33px; display: flex; align-items: center; justify-content: center; text-decoration: none; max-width: 100% !important; width: 100% !important; padding: 3px 9px; max-width: 16.5%; width: 16.5%; color: #0d3c55; background-color: #ffffff !important; } ul.Eventinvited-txtlist1 .btn-group:first-child, ul.Eventinvited-txtlist1 .btn-group:last-child { border-radius: 0; margin: 0; color: #0d3c55; display: flex; align-items: center; justify-content: center; } ul.Eventinvited-txtlist1 li:first-child>.btn-group, ul.Eventinvited-txtlist1 li p.otherstatus a:first-child { border-radius: 0; } ul.Eventinvited-txtlist1 li:last-child>.btn-group, ul.Eventinvited-txtlist1 li p.otherstatus a:last-child { border-radius: 0; } ul.Eventinvited-txtlist1 li p.otherstatus { position: absolute; border-radius: 3px !important; width: auto; z-index: 99; top: 30px; } ul.Eventinvited-txtlist1 li p.otherstatus:before { content: ""; border-bottom: 5px solid #ffffff; border-left: 5px solid transparent; border-right: 5px solid transparent; top: -5px; position: absolute; right: 28px; } ul.Eventinvited-txtlist1 li p.otherstatus a { padding: 10px !important; } ul.Eventinvited-txtlist1 li p.otherstatus a.active { background-color: #0d3c55 !important; color: #ffffff !important; } .Eventinvited-txtlist1 li { width: 23.50% !important; } ul.Eventinvited-txtlist1 { display: flex; flex-wrap: wrap; justify-content: space-between; } .Eventinvited-txtlist1 li a, .Eventinvited-txtlist1 li>.btn-group { padding: 5px !important; width: 100% !important; } ul.Eventinvited-txtlist1 li p.otherstatus-invited a:first-child { padding: 8px 13.5px !important; border-radius: 3px 3px 0px 0px !important; border: 0.25px solid #0d3c55 !important; } ul.Eventinvited-txtlist1 li p.otherstatus-invited a.active { background-color: #0d3c55 !important; color: #eefbfb !important; } ul.Eventinvited-txtlist1 li p.otherstatus a:first-child { border-radius: 3px 3px 0px 0px !important; border: 0.25px solid #0d3c55 !important; } ul.Eventinvited-txtlist1 li p.otherstatus a:last-child { border: 0.25px solid #0d3c55; border-top: none !important; border-radius: 0px 0px 3px 3px !important; } ul.user-coming { float: left; width: 100%; } #addReviewForm .rating-star .fa-star { color: #ffd203; } .add-style-event-tab a { border-color: #0d3c55 !important; } .ivited-guests li:first-child { border-radius: 3px 0px 0px 0px !important; } .paginator_container { margin: 20px auto; padding: 0; display: table; } .paginator_container li { display: inline-block; } .paginator_container li a { border: 1px solid; background-color: #0d3c55; color: #eefbfb !important; padding: 6px 14px; border-radius: 3px; margin: 0 2px; } .paginator_container li.active a, .paginator_container li a:hover { background: #ffffff; color: #0d3c55 !important; } .event-contribute-date { color: #0d3c55 !important; font-size: 14px !important; font-weight: 400 !important; } .paginator_container li.disabled a { color: #ccc; } .ui-widget-header .ui-datepicker-next .ui-icon { background-image: url("../../images/Front/ui-icons_next.png"); width: 24px; height: 24px; background-position: 0 0; position: static; margin: 5px 0 0 0; filter: brightness(10) } .ui-widget-header .ui-datepicker-prev .ui-icon { background-image: url("../../images/Front/ui-icons_prev.png"); width: 24px; height: 24px; background-position: 0 0; position: static; margin: 5px 0 0 0; filter: brightness(10) } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { background: none !important; } .ui-datepicker .ui-datepicker-prev span:hover, .ui-datepicker .ui-datepicker-next span:hover { position: static !important; margin: 5px 0 0 0 !important; } .event-add .list-group { margin-top: 12px; border: none; border-radius: 0; } .f1-buttons .btn.btn-next { color: #fff; } .familymembers-info .btn { margin: 0 auto; text-align: center; width: 150px; border: 1px solid transparent; border-radius: 3px; } .create-grp span.input-group-addon { border-radius: 0; } .create-grp .selectuser-list .ContactList, .selectuser-list .ContactList { padding: 0; } .create-grp .Contact label { padding-left: 0; } .create-grp .input-group { padding: 0 0 10px; } .familymembers-info .btn.btn-default { background-color: #117899 !important; color: white; height: 42px !important; font-size: 16px; margin-right: 30px !important; width: 131px !important; } .familymembers-info .btn.btn-darkblue { background: #0d3c55 !important; color: white; } .familymembers-info .btn.btn-contribute-popup { color: white; height: 42px !important; font-size: 16px; width: 168px !important } .familymembers-info .btn.btn-primary { float: right; } span.input-group-addon { padding: 11px 13px !important; height: 38px; } #top-search-sec span.input-group-addon { height: 40px } .example-order { float: left; width: 100%; background-color: #1f1f1f; border: 2px solid rgba(255, 255, 255, 0.1); padding: 10px 20px; } .example-order h4 { font-size: 18px !important; font-weight: normal !important; margin-bottom: 2px; text-transform: capitalize; } .min-order-tab { display: table; width: 100%; table-layout: fixed; background-color: rgba(255, 255, 255, 0.1); padding: 10px 10px; margin-bottom: 15px; } .order-td { display: table-cell; margin-bottom: 20px; vertical-align: top; } span.order-td { padding: 0 4px; font-size: 23px; width: 30px; text-align: center; } span.order-td:nth-last-child(2) { width: 46px; } span.order-td:last-child { font-size: 15px; padding-top: 5px; width: auto; text-align: left; } .order-td label { font-weight: 500; font-size: 14px; line-height: 16px; vertical-align: top; text-align: center; width: 100% } .removeInput-border { border: none !important; background-color: transparent } .removeSelect-border { border: none; -webkit-appearance: inherit; -moz-appearance: inherit } #addservices input[type="radio"] { position: relative; z-index: 9; left: 0; } .contribute .list-inline-item { width: 25%; text-align: center; } span.pledge-fname { font-size: 12px; } .ContactList>form { display: flex; flex-wrap: wrap; justify-content: space-between; } .error-msg { color: #f00; font-size: 11px; margin-top: -10px; } .contribute tbody td img { width: 30px !important; height: 30px !important; max-width: none; border: 1px solid #ccc; } .MoreProfile .modal-body ul { padding: 0; } .MoreProfile .modal-body ul li { margin-bottom: 10px; width: 50%; float: left; margin-bottom: 10px; } .MoreProfile .modal-body ul li img { border-radius: 50%; margin-right: 5px; } .list-group.rating-opt li { padding: 0; margin: 0; border: 0; } .list-group.rating-opt li [type="radio"]:checked+label, .list-group.rating-opt li [type="radio"]:not(:checked)+label { padding-left: 24px; font-weight: 500; margin-bottom: 5px } .list-group.rating-opt li [type="radio"]+label, .list-group.rating-opt li [type="radio"]:not(:checked)+label { font-size: 14px; } .list-group.rating-opt li [type="radio"]:checked+label { font-size: 16px; } .list-group.rating-opt li [type="radio"]:checked+label::before, .list-group.rating-opt li [type="radio"]:not(:checked)+label::before { top: 3px; width: 16px; height: 16px; } .list-group.rating-opt li [type="radio"]:checked+label::after, .list-group.rating-opt li [type="radio"]:not(:checked)+label::after { width: 8px; top: 7px; left: 4px; height: 8px } .select-options ul li a { padding: 10px 10px; margin-bottom: 1px; } .select-options ul li a input[type="checkbox"], .select-options ul li label input[type="checkbox"] { display: block; float: left; margin-right: 6px; margin-top: 5px; } .select-options { padding: 0; } .add-button { padding: 0; } .zip-sec-whole .select2-container--default .select2-selection--single { border-radius: 0; height: 40px; border: 1px solid #ced4da; } .vendor-btns .zip-sec-whole .select2-selection.select2-selection--single .select2-selection__rendered, .vendor-btns .zip-sec-whole .select2-selection.select2-selection--single .select2-selection__arrow { height: 30px; line-height: 30px; } .zip-sec-whole .select2-selection.select2-selection--single { background-color: #1f1f1f; height: 30px; line-height: 30px } .zip-sec-whole .select2-container--default .select2-selection--single .select2-selection__rendered, .zip-sec-whole .select2-container--default .select2-selection--single .select2-selection__arrow { line-height: 40px; height: 40px; } .event-listings .ContactList { background-color: #fff; padding: 15px; } .event-listings h4 { margin-top: 18px; } /* .select2-dropdown.select2-dropdown--below{width:250px !important; font-size:14px;background-color:#1f1f1f;} */ .area-border { overflow-y: auto; } .btn-nxt-box a { padding: 5px 11px; font-size: 14px; } .area-border p label { font-size: 14px; } .grey-back a { padding: 5px 8px; font-size: 14px; } .create-grp { float: left; width: 100%; } .event-comment-section { margin-bottom: 100px !important; } .row.upcoming-event-sec { clear: both; margin: 0; width: 100%; background-color: #eefbfb; border-radius: 3px !important; } .upcoming-event-sec h2 { margin: 0; font-size: 17px; } .group-s-tittle h2 { font-size: 18px; } .btn.btn-primary.view-all.see-msg { padding: 6px; font-size: 15px; } p.note-text { color: #fff; font-weight: bold; margin-bottom: 5px; } .no-event-sec { float: left; width: 100%; margin-bottom: 20px; padding: 40px 10px; text-align: center; font-size: 20px; } .buttons-socialize-login { margin: 0; float: left; width: 100%; } .buttons-socialize-login .btn { margin: 10px; font-size: 14px; text-transform: uppercase; display: inline-block; } .button-log { padding: 6px 0; } .profile-sec-heading.friends-grouup-tab { margin-bottom: 0; } .event-action-area ul li { min-width: 50px; } .event-action-area ul li:first-child { border-radius: 0px 0px 0px 3px !important; } .event-action-area.single-event-action ul li { padding: 1px 0px; } .event-action-area ul li a { display: inline-block; } .event-action-area ul li.message-btn { width: 60px; } .event-action-area ul li.message-btn a { position: relative; } .event-action-area ul li.message-btn .badge-frnd-notify { top: -10px; right: 0; } .select-options .service-fav.main-catlist-title { background-color: #ffffff; color: #0d3c55 !important; border-bottom: 1px solid; } .select-options li a.show-more.main-catlist-title { background-color: #ffffff; color: #0d3c55 !important; } ul.more-sub-option { padding-left: 20px; } .more-sub-option li a { border-top: 0 !important; } /* .subcat-title.service-fav {background: #e3e3e3;} */ #waitLoader img { top: 50%; position: fixed; left: 0; margin: 0 auto; right: 0; } .profilr2-tabContent input[type="file"] { padding: 0 !important; } .loginBtn.loginBtn--facebook:hover { color: #fff; } .loginBtn.loginBtn--google:hover { color: #fff; } .login-button-area .loginBtn { width: auto; display: inline-block; } #mc_embed_signup { position: relative; } #mce-responses { position: absolute } #mce-success-response { color: green; } #mce-error-response { color: red; } .footer-logo-area>a { margin: 0 5px; display: inline-block; } .banner-size { font-size: 12px; } .vendor-signup .form-group { margin-bottom: 1rem } .itemedit { display: none; } #exampleModalCenter .modal-body { padding: 0; } .event-single-popup .box { margin: 0; } .event-single-popup .modal-content .status { padding-left: 0; } .event-single-popup .event-description_text p { width: 100%; font-size: 15px; } .event-single-popup .btn-pay { margin-top: 0; } .past-event-title { color: #000 !important; } /* #feestitle1, #feestitle3, .mand-text { display: none; } */ .Eventhost-txt h2 { width: 100%; font-weight: 600; margin-bottom: 15px !important; text-transform: capitalize !important; } .invited-to-txt h2 { width: 100%; margin-top: 8px; margin-bottom: 8px; font-weight: 600; } .mny_blk.money-blue { min-height: 76px; } .mny_blk.money-blue h4 { padding: 19px 0 10px; } .no-service-sec { position: absolute; width: calc(100% - 30px); top: 0; bottom: 0; margin: auto; height: 30%; } .no-service-sec+.button_area { float: left; width: calc(100% - 30px); position: absolute; bottom: 0; right: 15px; } .service-sec { position: relative; } .banner-box.inner-page .clearHeader { background-color: #000; height: 80px } .banner-box.inner-page .c-contact { margin-top: 230px; margin-bottom: 40px; } .banner-box.inner-page .c-contact h3 { margin-bottom: 0; font-size: 20px; } .banner-box.inner-page .c-contact p { font-size: 15px } .banner-box.inner-page .c-contact h3.uppercase { text-align: center; margin-bottom: 20px; font-size: 32px; } .Eventhost-txtlist-area .btn-group.selected { background-color: #0d3c55; color: white; } .event-label-sec.container-label { float: left; width: 100%; } .event-label-sec.container-label .checkmark::after { left: 4px; top: 2px; } .rsvp-member .event-status { font-size: 12px; float: left; padding: 2px 10px; margin-left: 10px; border-radius: 0; vertical-align: middle; background-color: #0d3c55; border-radius: 8px; color: #fff; text-align: center } .copy-right p { color: #fff; margin-top: 7px; font-size: 14px; margin-bottom: 0; font-weight: 500; } #inviteEventMonthModel0 .modal-content, .invitemodel .modal-content, #otppopup .modal-content { margin-top: 0; } .popup-invite .tab-content>.active { border-left: 1px solid #0d3c55; float: left; } .popup-invite .tab-content .modal-footer { float: left; width: 100%; } .popup-invite .tab-content select#countries { max-width: 130px; float: left; border-radius: 3px; } .popup-invite .tab-content select#countries+br { display: none; } .popup-invite .tab-content .form-in-put { max-width: calc(100% - 140px); float: right; height: 38px !important; } .event-select-sec { float: left; width: calc(100% - 15px); height: 222px; overflow-y: auto; padding: 0 0 0 15px; } .event-select-sec .event-label-sec.container-label { width: 50%; } .event-select-sec .event-label-sec.container-label .checkmark { width: 14px; height: 14px; top: 5px; left: 2px; } .event-tab-title { border-bottom: 1px solid #0d3c55 } .event-tabs-opt { margin-top: 10px; } .events-list .Eventhost-head { margin-bottom: 0; } .user-profile.change-profile { position: relative; transition: all ease 0.3s 0s; width: 100%; max-width: 160px } .user-profile.change-profile img { width: 100% } .upload-image-cam { position: absolute; margin: 0 auto; width: 100%; text-align: center; left: 0; right: 0; bottom: 0; font-size: 30px; color: #eee; height: 100%; background-color: rgba(55, 144, 255, 0.8); border-radius: 50%; top: 0; cursor: pointer; display: none; line-height: 150px } .upload-image-cam i, .upload-image-cam svg { transform: translate(0, 0); height: 100%; } .user-profile.change-profile:hover .upload-image-cam { display: block; } .list-inline.contri-list span { display: none; position: absolute; } .list-inline.contri-list li:hover span { display: block; } .list-inline.contri-list li img { width: 40px; } .list-inline.contri-list li { width: 55px; text-align: center; } .vendor-results .vendor-results { padding: 0; } .CleanBox .CleanBoxLine1.AdminSearch .form-control { height: 30px !important; margin-bottom: 0; } .CleanBox .CleanBoxLine1.AdminSearch .form-control::placeholder { color: #0d3c55 !important; line-height: 16.41px; font-size: 16px !important; } .list-group-item.itemdata .form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: auto !important; border: none !important; text-align: center !important; } /* Webkit browsers like Safari and Chrome */ .list-group-item.itemdata input[type=number]::-webkit-inner-spin-button, .list-group-item.itemdata input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; margin: 0; } .eventAddline5 .list-group-item.itemdata input[type=number] { -webkit-appearance: none; -moz-appearance: textfield; padding: 5px 12px !important; color: #777; text-align: center; font-size: 14px } .contributed-list .btn-deleTE { position: relative; margin-left: 6px; right: auto; border-radius: 50%; line-height: 23px; border-radius: 0; font-size: 12px; margin-right: 9px; } .contributed-list .btn-seTTing>i, .contributed-list .btn-seTTing>svg { font-size: 12px } .item-contribution-section li.list-group-item input[type=number] { margin-bottom: 0; } .crowd-text p { font-size: 14px; } .item-contribution-section li.list-group-item .row>div:first-child { text-align: center !important } .d-sm-block { display: none; } .service-results-sec .service-head { padding: 0; } .service-results-sec .review-sec { text-align: right; } .vendor-location-area i, .contact-v-info i { margin-right: 5px; } .select-options ul li a>label { margin: 2px 0; font-weight: 500 } .modi-img-circle { width: 26px !important; margin-right: 5px; height: 26px !important; border-radius: 50%; border: 1px solid #000 !important; } .page-add-friend .card-body.transaction-tabs .tab-content>div { padding: 15px; } #profile-tabs.eventAdd .page-setting .form-horizontal { padding-top: 10px; } h4.bank_info { font-size: 17px; border-bottom: 1px solid #eee; text-transform: uppercase; font-weight: normal; } h4.bank_info.float-left { width: 100%; font-weight: 700; padding-bottom: 15px; } h4.bank_info .btn i { margin-right: 5px; } h4.bank_info:first-child { padding-top: 0; } h4.bank_info .btn { font-size: 14px; padding: 3px 10px; } .no-record { width: 100%; text-align: center; color: #007bff; min-height: 70px; } #paymentpage { overflow: hidden; min-height: 60vh; } .list-group.saved-cards { display: block; } .list-group.saved-cards li { display: inline-block; margin: 0 1% 2%; width: 47%; } .list-group.saved-cards li.list-group-item.credit-card>label { width: 100%; margin: 0 } .payment-card-option .single-inner-section { padding: 10px 15px !important } .payment-card-option .single-inner-section .input-field-area label { margin: 0; font-weight: 400; } .payment-card-option .single-inner-section .input-field-area label a { font-weight: 500; } .payment-card-option .single-inner-section .input-field-area .form-group { padding: 0; } .payment-card-option .single-inner-section .input-field-area { position: relative; margin-bottom: 6px; padding-bottom: 8px } .payment-card-option .single-inner-section .input-field-area::after { position: absolute; content: ""; background: #dddada; width: 100%; height: 1px; } .add-new-card [type="radio"]:not(:checked)+label { font-size: 16px; } .Eventhost-txt p { -ms-hyphens: auto; -webkit-hyphens: auto; word-wrap: break-word } .group-owner .Eventhost-txt p { font-size: 15px; } .group-owner .Eventhost-txt h3 { color: #0d3c55 } .group-owner .Eventhost>.row { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .grptype label { color: #000000; margin-bottom: 5px; } .date-event-time { width: 60%; } .reviews-modal .table td { font-size: 14px; text-align: center } .reviews-modal .rounded-circle { width: 40px; height: 40px; border: 1px solid #0d3c55; border-radius: 50% !important; } .reviews-modal .rounded-circle-guest { background: white; } .reviews-modal p, .reviews-modal .reviewer-name { font-size: 14px; float: left; width: 100%; color: #0d3c55; font-weight: 500; } .reviews-modal .fa-star { font-size: 15px; line-height: 18px; } .event-other-listing:hover .otherstatus { display: block !important; box-shadow: 0 0 9px 0px #00000026; } .single-event-invitation .event-listing .group-list .event-item-listing h3 { width: auto; padding-top: 0; font-weight: 700 !important; font-size: 22px; } .single-event-invitation .event-listing .group-list .event-item-listing h3 span { font-size: 12px; float: right; margin-top: 0; font-weight: normal; width: auto; margin-bottom: 33px } .single-event-invitation .event-listing .group-list .event-item-listing .Eventinvited-txtlist1 { display: inline-block; padding: 0px 10px 0; clear: both; display: flex; } .single-event-invitation .event-listing .group-list .event-item-listing .Eventinvited-txtlist1 .btn-group { font-size: 12px; margin-left: 4px; height: 30px; display: flex; align-items: center; justify-content: center; text-decoration: none; width: 100%; max-width: 92px; border-radius: 3px; } .single-event-invitation .event-listing .group-list .event-item-listing .Eventinvited-txtlist1 .btn-group:hover { background-color: #0d3c55 !important; color: #fff !important; } .single-event-invitation .event-listing .group-list .event-item-listing .Eventinvited-txtlist1 .btn-group i { line-height: 15px; } .read .notification-link { color: black !important; } .grptypesection .grptype { margin-left: 13px; float: none; text-transform: capitalize; } .list-group-item.itemdata input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none;margin: 0;} .eventAddline5 .list-group-item.itemdata input[type=number] { -webkit-appearance: none;-moz-appearance:textfield;padding:5px 12px !important;color:#777;text-align:center;font-size: 14px } .contributed-list .btn-deleTE{position:relative;margin-left:6px;right:auto;border-radius:50%;line-height: 23px;border-radius: 0;font-size: 12px;margin-right:9px;} .contributed-list .btn-seTTing >i, .contributed-list .btn-seTTing > svg{font-size:12px} .item-contribution-section li.list-group-item input[type=number]{margin-bottom:0;} .crowd-text p {font-size: 14px;} .item-contribution-section li.list-group-item .row > div:first-child{text-align:center !important} .d-sm-block{display:none;} .service-results-sec .service-head{padding:0;} .service-results-sec .review-sec{text-align:right;} .vendor-location-area i, .contact-v-info i{margin-right: 5px;} .select-options ul li a > label{margin:2px 0;font-weight: 500} .modi-img-circle {width: 26px !important;margin-right: 5px;height: 26px !important;border-radius: 50%;border: 1px solid #000 !important;} .page-add-friend .card-body.transaction-tabs .tab-content > div {padding: 15px;} #profile-tabs.eventAdd .page-setting .form-horizontal{padding-top:10px;} h4.bank_info {font-size: 17px;border-bottom: 1px solid #eee;text-transform: uppercase;font-weight: normal;} h4.bank_info.float-left{width:100%;font-weight:700;padding-bottom: 15px;} h4.bank_info .btn i{margin-right: 5px;} h4.bank_info:first-child{padding-top:0;} h4.bank_info .btn{font-size: 14px;padding:3px 10px;} .no-record {width: 100%;text-align: center;color:#007bff;min-height: 70px;} #paymentpage{overflow: hidden;min-height: 60vh;} .list-group.saved-cards{display:block;} .list-group.saved-cards li{display: inline-block;margin:0 1% 2%; width: 47%;} .list-group.saved-cards li.list-group-item.credit-card > label{width: 100%;margin:0} .payment-card-option .single-inner-section{padding: 10px 15px !important} .payment-card-option .single-inner-section .input-field-area label{margin:0;font-weight: 400;} .payment-card-option .single-inner-section .input-field-area label a{font-weight: 500;} .payment-card-option .single-inner-section .input-field-area .form-group{padding:0;} .payment-card-option .single-inner-section .input-field-area{position:relative;margin-bottom: 6px;padding-bottom: 8px} .payment-card-option .single-inner-section .input-field-area::after {position: absolute;content: "";background: #dddada;width: 100%;height: 1px;} .add-new-card [type="radio"]:not(:checked) + label{font-size:16px;} .Eventhost-txt p{-ms-hyphens:auto; -webkit-hyphens:auto; word-wrap:break-word} .group-owner .Eventhost-txt p{font-size: 15px;} .group-owner .Eventhost-txt h3{color:#0d3c55} .group-owner .Eventhost > .row{border-bottom:1px solid rgba(255,255,255,0.2);} .grptype label {color:#000000;margin-bottom: 5px;} .date-event-time {width: 60%;} .reviews-modal .table td{font-size: 14px;text-align:center} .reviews-modal .rounded-circle{width: 40px; height: 40px; border: 1px solid #0d3c55;border-radius: 50% !important;} .reviews-modal .rounded-circle-guest{background:white; } .reviews-modal p, .reviews-modal .reviewer-name {font-size: 14px;float: left;width: 100%;color:#0d3c55;font-weight: 500;} .reviews-modal .fa-star{font-size:15px; line-height: 18px;} .event-other-listing:hover .otherstatus {display: block !important;box-shadow: 0 0 9px 0px #00000026;} .single-event-invitation .event-listing .group-list .event-item-listing h3{width:auto;padding-top:0;font-weight: 700 !important;font-size: 22px;} .single-event-invitation .event-listing .group-list .event-item-listing h3 span{font-size: 12px;float:right;margin-top: 0;font-weight: normal;width: auto;margin-bottom: 33px} .single-event-invitation .event-listing .group-list .event-item-listing .Eventinvited-txtlist1{display: inline-block;padding: 0px 10px 0;clear: both;display: flex;} .single-event-invitation .event-listing .group-list .event-item-listing .Eventinvited-txtlist1 .btn-group {font-size: 12px;margin-left:4px ;height: 30px; display: flex;align-items: center;justify-content:center ;text-decoration: none;width:100%;max-width: 110px;border-radius: 3px ;} .single-event-invitation .event-listing .group-list .event-item-listing .Eventinvited-txtlist1 .btn-group:hover{background-color:#0d3c55 !important;color: #fff !important;} .single-event-invitation .event-listing .group-list .event-item-listing .Eventinvited-txtlist1 .btn-group i {line-height: 15px;} .read .notification-link {color:black !important;} .grptypesection .grptype {margin-left: 13px; float:none;text-transform:capitalize;} /*add Button */ .favourite-button { margin-left: 10px; } .favourite-button .btn { text-transform: uppercase; background: #3790ff; border-radius: 0; font-size: 14px; font-weight: 600; padding: .375rem .75rem; } .group-s-tittle .header-title .btn { margin-top: -2px; } .dashboard-sec .Eventhost-txtlist1 ul li a, .dashboard-sec .Eventhost-txtlist1 ul li a i { font-size: 13px; } .dashboard-sec .Eventinvited-txtlist1 .btn-group { font-size: 12px; width: 25%; text-align: center; padding: 2px 0; float: left; display: inline-block; border-left: 0 none; margin-bottom: 0; } .event-action-area ul li:hover { background-color: #5ca792 !important; color: #000 !important; } @media (hover: none) { .event-action-area ul li:hover { background-color: transparent !important; } } .dashboard-sec .Eventinvited-txtlist1 .btn-group:first-child { border-radius: 0; } .dashboard-sec .Eventinvited-txtlist1 .btn-group:nth-child(4) { border-radius: 0 3px 3px 0; } .dashboard-sec .Eventinvited-txtlist1 .btn-group i { margin: 0; } .Eventhost-address p i { margin: 0 8px 0 5px } .inner-footer .container a { float: none; text-align: center; display: inline; } .copy-right a { float: left; } .account-not-configure { margin: 0; background-color: rgba(0, 0, 0, 0.4); float: left; width: 100%; padding: 12px 13px 0; } .account-not-configure .alert { padding: .75rem 1.25rem; font-weight: normal; } .account-not-configure .alert a { color: #721c24; font-weight: bold; margin-left: 5px; border-bottom: 2px solid; padding-bottom: 3px; } .btn.service-view-btn { margin: 0 auto 10px; width: 90%; float: none; display: block; padding: 7px 0; } .fixed-charge-form { padding: 0 0 15px } .fixed-charge-form .payment_detail_head { padding: 5px 10px 6px 10px; } .fixed-charge-form .payment_detail_row2 ul { float: left; width: 100%; padding: 0 15px; } .fixed-charge-form .payment_detail_row2 ul li { width: 100%; text-align: left } .fixed-charge-form .payment_detail_row2 ul li p { font-size: 16px; width: 100%; max-width: 120px; } .fixed-charge-form .payment_detail_order label { font-size: 16px; } .fixed-charge-form .head_price { margin: 0 0 0 10px; } ul#myUL li:last-child { margin: 0; padding: 0; border: 0; } .cancel.btn { background: #3790ff; width: 100%; color: #fff; } .profile-info .notification-list.unread { background-color: #ffffff !important; color: #0d3c55 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; } .profile-info .message-hint.unread { background-color: rgba(250, 252, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; } .profile-info .notification-list.read { background-color: #ffffff; border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; color: red !important; } .profile-info .message-hint.read { background-color: rgba(147, 150, 153, 0.31); border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; } .profile-info .dropdown-menu.friendslist a { display: inline; color: #0d3c55 !important; } .profile-info .dropdown-menu.friendslist .btn-viewall { color: #0d3c55 !important; background-color: transparent !important; padding: 0 !important; font-size: 14px !important; } .transaction-popup.modal form { box-shadow: 0 0; margin: 0; } .transaction-popup.modal .btn, .single-inner-section .btn { padding: 2px 8px; font-size: 14px; margin-bottom: 0; } .transaction-popup.modal .modal-body p { width: 100%; margin-bottom: 10px; } .transaction-popup.modal .modal-footer { padding: 0; margin-top: 20px; } .transaction-popup.modal .form-group textarea { min-height: 95px; } .transaction-popup.modal .form-group textarea.small-height-textarea { height: auto; margin-bottom: 10px; } .join-group-btn .btn { padding: 6px 16px; } .join-popup.modal .modal-body p { width: 100%; font-size: 16px; } .vendor-profile-sec .form-group { float: left; width: 100%; } .vendor-profile-sec .form-group label { margin-bottom: 0; } .vendor-order .card-body.transaction-tabs table td { vertical-align: middle; text-align: center; } .vendor-order .card-body.transaction-tabs table td .btn { padding: 2px 8px; text-transform: uppercase; font-size: 13px; margin-bottom: 0; } .reviewpage .card-body.transaction-tabs .table .thead-light th { vertical-align: middle; font-size: 15px; font-weight: 500; text-align: center; } .vendor-service-banner-img { background-size: cover; background-position: center center; height: 350px; margin-bottom: 20px; border: 1px solid #9d9d9d; border-radius: 3px; } .vendor-service-banner-img>img { display: none; } .vendor-order .card-body.transaction-tabs table, .vendor-order .card-body.transaction-tabs table { width: 100% !important; } .event-add #payment h2 { margin: 10px 0 10px } .recreate-button a { color: #000 !important; } .past-event-list.review-host-sec { padding: 0; margin-top: 0; border-left: 1px solid rgba(0, 0, 0, 0.18); border-right: 1px solid rgba(0, 0, 0, 0.18); border-bottom: 1px solid rgba(0, 0, 0, 0.18); } .review-popup label { margin-bottom: 0; font-size: 16px; } .review-popup .rating-star.changeRating { margin-bottom: 10px; } .changeRating { clear: both !important; } .review-popup input[type="text"], .review-popup select, .review-popup textarea { padding: 7px 10px !important; margin-top: 0 !important; font-size: 16px; } .review-popup form { margin-bottom: 0 } .review-popup .modal-footer { padding-bottom: 0; padding-right: 0; } .past-event-list h1 { text-transform: capitalize; } .past-event-list.review-host-sec .post-services { width: calc(100% - 290px); } .review-left-border { border-left: 1px solid rgba(0, 0, 0, 0.1) } .past-event-list li .review-left-border .rating-star { margin-left: 0 } .past-event-list li .review-left-border .rating-star .fa-star { font-size: 15px; } .past-event-list.review-host-sec li .review-left-border .btn.btn-review, .past-event-list.review-host-sec .review-left-border .btn.btn-review { font-size: 12px; padding: 5px 6px; float: none; } .past-event-list.review-host-sec .post-services p { font-size: 14px; height: auto; text-align: justify; overflow: auto; color: rgba(255, 255, 255, 0.8) } .past-event-list.review-host-sec li .btn.btn-review { font-size: 13px; padding: 5px 10px; text-transform: uppercase; } .past-event-list.review-host-sec .reviewevent img { width: 170px; height: 170px; object-fit: cover; } .review-host-sec li.list-group-item { border: none; border-radius: 0; background-color: rgba(0, 0, 0, 0.8); } .past-event-list h1 span { font-size: 15px; text-align: right; } .past-event-list.review-host-sec .btn { font-size: 13px; display: inline-block; margin-bottom: 10px; max-width: none; text-transform: uppercase; padding: 6px 13px; } .vendor-image-area { position: relative; } .vendor-image-area .btn-vendor-publish { border-radius: 0; font-size: 13px; text-transform: uppercase; padding: 6px 16px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); } .vendor-publish-delete-sec { position: absolute; left: 3px; top: 3px } .vendor-detail-area .service-head { padding-right: 0; float: left; width: 100%; } .vendor-detail-area .service-head .review-sec { float: right; width: auto; } .vendor-detail-area .service-head .review-sec>div>i { font-size: 13px; margin-left: 3px; } .vendor-detail-area .service-head .review-sec>div>i:first-child { margin-left: 0; } .review-sec { width: 100%; display: inline-block; } .service-basic-info p { hyphens: auto; } .ProfileImages { background-color: transparent; height: 190px !important; } .form-horizontal.vendor-setting-form select.form-control { height: 40px !important; } .down-payment-sec { border-right: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 24px } .down-payment-sec label, .refund-policy label, .booked-time label { font-size: 14px; margin-bottom: 3px; } .down-payment-sec label input, .refund-policy label input, .booked-time label input { margin-right: 4px; } .refund-add-sec .down-pay { padding-top: 0; display: block; width: 100%; } .refund-add-sec .total-cost-box { margin-top: 0; } .refund-add-sec .end-content { margin: 0; line-height: normal; } .refund-add-sec .houre-tot label { margin-bottom: 0; } .refund-add-sec .houre-tot .input-group { padding: 0; width: 100%; } .refund-add-sec .mandatory.add-more-refund { margin-bottom: 10px; padding: 8px 16px; text-align: center; } .refund-add-sec .text-danger { width: 100%; } .refund-add-sec .alert.error-refund-periods { width: auto; float: left; text-align: left; padding: 5px 10px; font-size: 13px; } .vendor-btns .nav.nav-pills { border-bottom: 1px solid #ccc; } .vendor-btns .nav-item .btn { border-radius: 0; margin-right: 10px; } .right-size-zip h6 { margin-bottom: 13px; } .nav-item .btn-vendor { background-color: #1f1f1f; } .zip-area-btn .add-button .range { margin-top: 32px; padding: 4px 12px; } .page-add-friend .card-body.transaction-tabs { padding: 0; border-radius: 3px; } .item { position: relative; border-radius: 3px !important; } .event-side .item { border: 0 } .item.blank-item { position: relative; background-color: #c1c1c1; border-radius: 3px; } .public-group-name { position: absolute; /* top: 50%;left: 30%;transform: translate(-50%, -50%); */ color: black; bottom: 0%; width: 100%; text-align: center; background-color: white; padding: 2px 0px; } .wallet_amt_success { font-size: 14px; color: green; } .wallet_amt_error { font-size: 14px; color: red; } .error-payment-method { font-size: 14px !important; color: red !important; } .upcoming-event .friendslist-profile { padding: 15px 0; } .upcoming-event .friendslist-profile li { float: left; } .upcoming-event .friendslist-profile li img { width: 60px; margin-bottom: 12px; margin-right: 5px; } .upcoming-event .friendslist-profile .btn { font-size: 12px; } .vendor-service-review { background-color: rgba(0, 0, 0, 0.4); float: left; width: 100%; padding: 10px 10px; } .vendor-switch .switch { position: relative; display: inline-block; width: 60px; height: 28px; vertical-align: middle; } .vendor-switch .switch input { opacity: 0; width: 0; height: 0; } .vendor-switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .vendor-switch .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } .invite-by-email-sec .upcoming-event .friendslist-profile { padding: 0; } .invite-by-email-sec .upcoming-event .friendslist-profile li { float: left; width: 100%; border-bottom: 1px dashed #ccc; padding: 10px 0; margin: 0; } .vendor-switch input:checked+.slider { background-color: #2196F3; } .vendor-switch input:focus+.slider { box-shadow: 0 0 1px #2196F3; } .vendor-switch input:checked+.slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .eventAddFormPhoto img { max-width: 100%; object-fit: cover; border-radius: 3px; width: 100%; border: 1px solid #d3d3d3; } /* Rounded sliders */ .vendor-switch .slider.round { border-radius: 34px; } .vendor-switch .slider.round:before { border-radius: 50%; } .service_text.about-sec p, .service_text .service-basic-info p, .service_block .alert { font-size: 14px; line-height: 24px } .service-basic-info li span, .service-basic-info li strong { font-size: 13px; margin-left: 5px; } /*multi email input*/ .multipleInput-container { border: 1px #3c3c3c solid; padding: 1px; padding-bottom: 0; cursor: text; font-size: 13px; width: 100%; height: 45px; overflow: auto; background-color: #1f1f1f; border-radius: 3px; margin-bottom: 20px; } .multipleInput-container input { font-size: 13px; width: 150px; height: 24px; border: 0; margin-bottom: 1px; outline: none; background-color: #1f1f1f; color: rgba(255, 255, 255, 0.8) } .multipleInput-container ul { list-style-type: none; padding-left: 0px !important; margin: 0; } li.multipleInput-email { float: left; margin-right: 2px; margin-bottom: 1px; border: 1px #BBD8FB solid; padding: 2px; background: #F3F7FD; } .multipleInput-close { width: 16px; height: 16px; background: url(close.png); display: block; float: right; margin: 0 3px; } .email_search { width: 100% !important; } .review-vendor-detail { float: left; } .tab-content>.active { height: auto; } .Eventhost-txtlist1 ul li p { text-align: center; } .Eventhost-txtlist2 { margin: 5px 5px 5px 0px; } footer.inner-footer .container { float: none; width: 100%; text-align: center; margin-left: auto; margin-right: auto; } input[type="radio"].help-block-error { display: inline-block; width: auto; height: auto; } #down_payment-error { left: 180px; position: relative; } .form-control { margin-bottom: 10px; } .third-inner input.form-control { margin-bottom: 5px; } .form-control.input-name { width: 100% !important; margin-bottom: 15px; } .form-control.input-name.input-phone { margin-top: 5px; } .time-head { float: left; } .para-graph { float: left; } .share-menu.share-list { z-index: 9; } .btn.submit-btn { width: 100%; } .btn.black-btn.my-favorite { font-size: 14px; } .btn .svg-inline--fa { margin-right: 0; } .btn.black-btn.add-favorite { font-size: 14px; } .form-control.card-form { width: 100%; } .align-self-center.payment-card-option.card-pay { margin-top: 60px; } .Eventinvited-txtlist1 .btn-group { background-color: #ffffff !important; font-weight: 700; color: #0d3c55 !important; margin-right: 8px !important; box-shadow: 0px 0px 4px rgb(0 0 0 / 25%); } .Eventinvited-txtlist1 .btn-group.active { color: #ffffff !important; margin-right: 8px !important; box-shadow: 0px 0px 4px rgb(0 0 0 / 25%); background-color: #0d3c55 !important; } .Eventinvited-txtlist1 .btn-group.active:last-child { border-radius: 3px !important; } .Eventhost-txtlist2 ul li p { margin: 10px 0 0 -8px; font-size: 12px; width: 100%; float: left; line-height: 14px; text-align: center; margin: auto; margin-top: 8px; } .message_addservice { text-align: center; width: 100%; } .Eventhost-address.event-map { display: inline-block; width: 100%; padding: 15px 0px; } .invited-to-address.event-map { display: inline-block; width: 100%; padding: 15px 0px 0px; } .contact-v-info.mail-address p { display: flow-root; } .service-bottom-area .contact-v-info i, .service-bottom-area .contact-v-info svg, .service-bottom-area .vendor-location-area i, .service-bottom-area .vendor-location-area svg { margin-top: 2px; } .review-vendor-detail.detail-address { height: auto; float: left; } .btn.green-btn.book-now { font-size: 14px; text-transform: uppercase; } .this-months-section { margin-top: 16px; } .form-control.input-small.code { font-size: 12px !important; } .input-group4do .input-group-prepend.group-pretend { margin-top: 6px; } .form-group.remember.agree-condition .checkbox { padding-left: 25px !important; } .remember.agree-condition .checkmark { left: 0 !important; } .service-para { min-height: 50px; } .review-vendor-detail.review-card { min-height: 300px; } .service_col_img.view-img img { width: 100%; height: 245px; } .location-info.fixed-charge { min-height: 90px; } .review-vendor-detail.vendor-review { min-height: 308px; } .status-value { padding: 0; width: 12px; height: 12px; border-radius: 100%; display: inline-block; margin-right: 7px; margin-top: 0; } .status-value.btn-secondary { background-color: #ccc; border: 1px solid #ccc; } .profileViewLine1 .status-value { margin-top: 0; } .vendor-image-area .vendor-publish-delete-sec { width: 99%; top: inherit; bottom: 4px } .vendor-image-area .vendor-publish-delete-sec .event-action-area { top: inherit; right: 3px; bottom: 0; } .status-sec { display: inline-block; margin-left: 10px; font-size: 15px; vertical-align: middle; text-transform: capitalize; } .profileViewLine1 .btn-primary { border-radius: 0; padding: 5px 12px; font-size: 13px; text-transform: uppercase; margin-top: 3px; } .profileViewLine1 .btn-primary svg { margin-top: 3px; margin-right: 10px; } .profileViewLine1 a.edit-option { font-size: 21px; margin-left: 0; float: left; margin-top: 7px; margin-right: 10pxs; position: relative; margin-right: 10px; } .profileViewLine1 a.edit-option::before { content: ""; background-color: #3790ff; height: 2px; width: 20px; position: absolute; left: -1px; bottom: 2px; } .profileViewLine1 a.edit-option svg { -webkit-transform: rotate(277deg); transform: rotate(277deg); } #editprofileform select.selectpicker { margin: -3px 0 6px; font-size: 12px; padding: 3px; height: auto !important; } .page-add-friend select.selectpicker { font-size: 12px; position: absolute; right: 0; top: 0; width: auto; height: auto !important; padding: 0 !important; } .pending-request-section { float: left; width: 100%; padding: 0 15px; } .pending-request-section li { width: 100%; float: left; padding: 6px 0; } .pending-request-section li a { color: #90a4ae; font-size: 15px; } .pending-request-section li p.btn { margin: 0; } .eventAddline3.addevent-section+h2 { margin-top: 0px !important; float: left; } .transaction-tabs .stepwizard { border: 1px solid #0d3c55; border-bottom: 0; } .transaction-tabs .stepwizard a { margin-bottom: 0 } .transaction-tabs .card { border-radius: 0; } .event-action-area ul li a svg.fa-clone { font-size: 15px; } .invited-rsvp .modal-body { padding: 30px; border-radius: 0px 0px 3px 3px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } .familymembers-info .additional-members { max-width: 539px !important; background-color: transparent !important; color: #000 !important; font-weight: 700 !important; border-radius: 8px !important; border: 1.25px solid #0d3c55 !important; line-height: 18.75px !important; margin-bottom: 15px !important; } .btn-options { text-align: center; } .btn-conributes { border-radius: 3px 0px 3px 0px !important; height: 45px !important; } .btn-contributes-now { position: absolute; top: 0; color: #000 !important; border-radius: 3px 0px 3px 0px; } .familymembers-info .btn-options>input.btn { float: none; display: inline-block; } .invited-rsvp .modal-footer { border-top: 1px solid rgba(255, 255, 255, 0.2); justify-content: center; } .dashboard-sec .otherstatus { text-align: center; width: 92px; z-index: 99; } .dashboard-sec .otherstatus .btn-group { float: left; background-color: #ffffff; color: #0d3c55 !important; font-size: 10px; text-align: center; padding: 5px; text-align: center !important; display: block; margin: 0; border: 0 !important; } .dashboard-sec .otherstatus .btn-group.active { background-color: #3790ff; } .otherstatus .btn-group.active { background-color: #3790ff; } .dashboard-sec .otherstatusnew { text-align: center; width: 92px; z-index: 99; } .dashboard-sec .otherstatusnew .btn-group { float: left; border-left: 1px solid #f3f5f8; border-radius: 0; width: 50%; font-size: 10px; text-align: center; padding: 5px; text-align: center !important; display: block; margin: 0; } .dashboard-sec .otherstatusnew .btn-group.active { background-color: #3790ff; } .otherstatusnew .btn-group.active { background-color: #3790ff; } .dashboard-sec .otherstatus .btn-group>i { margin-right: 6px; } .otherstatus .btn-group.active { background-color: #0d3c55 !important; color: #eefbfb !important; } .dashboard-sec .otherstatus .btn-group:first-child { border-left: 0; width: 100%; max-width: 92px; } .dashboard-sec .otherstatus a { color: #efeff0; } .otherstatus a:first-child { border-radius: 3px 3px 0px 0px !important; } .vendor-image-area .event-action-area { right: 1px; } .gm-style .gm-style-mtc div { padding: 0 !important; font-size: 14px !important; margin: 0 !important; } .gm-style .gm-style-mtc div[role="button"] { padding: 10px !important } .gm-style .gm-style-mtc div>div { padding: 10px !important; } .gm-style .gm-style-mtc div>div label { color: #000; margin: 2px 0 0 3px } .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom { right: 30px !important } .gm-style .gmnoprint img { width: 20px !important; height: 20px !important } .gmnoprint>div>.gm-control-active img { width: 14px !important; height: 14px !important } .gm-control-active.gm-fullscreen-control, .gmnoprint>div.gm-svpc, .gm-control-active { width: 30px !important; height: 30px !important; } .gmnoprint .gmnoprint>div { height: 60px !important } .gmnoprint { margin: 0 !important } .gm-style-cc+.gmnoprint, .gm-control-active.gm-fullscreen-control { margin: 0 !important; } .time-address-sec .direction_btn { margin: 0; } .time-address-sec { width: 100%; margin-top: 0; } .time-address-sec .direction_btn.dirform { padding: 0 !important } .contribution-table { display: table; table-layout: fixed; width: 100%; } .contribution-row { display: table-row; } .contribution-row:first-child .contribution-cell { border-top: 0; } .contribution-cell { display: table-cell; vertical-align: middle; border-top: 1px solid #eee; padding-bottom: 5px; padding-top: 5px; } .contribution-cell:first-child { width: 120px } .contribution-cell:last-child { text-align: center; } .contribution-cell p { margin-bottom: 0; font-size: 14px } .contribution-cell h5 { font-size: 16px; font-weight: 500; margin-bottom: 5px } .contribution-cell.transaction-no-record { width: 100%; padding-top: 75px; border-top: 0; } .modal .contribution-cell.transaction-no-record { background-color: transparent !important; } .event-contribution-popup .close { margin-top: -0.5em } .request-member.row { margin: 0; } .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all { top: 406.031px; left: 988.1563px; } .service-basic-info { min-height: auto !important; } .small-btn { font-size: 16px !important; color: white !important; } .screen-pl-3 { padding-left: 1rem; } .checkybox.screen-pl-3 { margin-bottom: 20px; } .float-right.contriHost { font-size: 18px; color: #fff; } .float-right.contriHost a { color: #fff; font-size: 14px; } #MoreProfile .modal-body ul li img { background-color: #fff; } #MoreProfile .modal-body ul li a { color: #fff; } #MoreProfile .modal-header .close { margin: 0; } .vendor-booked-table { table-layout: fixed; } .vendor-booked-table th span { font-size: 13px; margin-left: 6px; } .vendor-booked-table th:last-child { width: 170px; } /* MessageBlock Starts */ .userlist { margin: 0; } .chat>div { margin-bottom: 10px; } .chat .chat-left-sec .chat-body { margin-left: 50px; } .chat .chat-right-sec .chat-body { margin-right: 50px; } .chat div .chat-body p { margin: 0; } .chat .panel .slidedown .glyphicon, .chat .glyphicon { margin-right: 5px; } .chat.panel-body { overflow-y: auto; height: 540px !important; padding: 10px 10px; list-style: none; margin-top: 0; width: 100%; overflow-x: hidden } .img-circle { border-radius: 50%; } .chat input[type="text"], .chat input[type="submit"], .chat input[type="button"] { width: 70% !important; height: 46px; } .chat .btn-warning { color: #fff; background-color: #007bff; border-color: #007bff; } .chat .btn-warning:hover { color: #f8fbff; background-color: #0069e0; border-color: #0069e0; } .chat .chat-text { background: rgb(131 131 131 / 40%); padding: 4px 10px; border-radius: 3px; margin-top: 6px; position: relative; float: left; } .chat .chat-text::before { content: ""; position: absolute; top: 3px; left: -13px; border: solid 7px transparent; border-right-color: rgb(131 131 131 / 40%); } .chat .chat-right-sec .chat-text::before { right: -13px; left: inherit; border-right-color: rgb(131 131 131 / 40%); transform: rotate(180deg); } .chat .chat-text p { color: #000; font-size: 14px; } .chat-form { margin-bottom: 0; padding: 16px; } .chat .chat-right-sec .chat-text { float: right; background: rgb(131 131 131 / 40%); padding: 4px 10px; } .chat .chat-right-sec .chat-text p { color: #000; text-align: right } .chat .chat-text+small { float: left; clear: both; } .chat .chat-right-sec .chat-text+small { float: right; clear: both; } .chat-status { color: #0085ff; } .chat .friend-info, .chat .friend-info img, .Eventhost-head .friend-info { width: auto; padding: 0 10px; height: 36px; line-height: 36px; float: left; border-radius: 50%; } .chat .friend-info img, .Eventhost-head .friend-info img { border: 1px solid #ddd; background-color: #fff } .Eventhost-head .friend-info { float: none; display: inline-block; /*background-color:transparent;*/ margin-right: 8px; } .chat .chat-right-sec .friend-info { background-color: #eee; color: #000; float: right; margin-right: 0; } .chat-type-sec { width: 100%; position: relative; padding: 0 0; border-top: none; background-color: transparent; } .chat-type-sec .btn { width: auto; padding: 6px 12px; font-size: 14px; background-color: #2d9a2d; color: #fff; border-color: #2d9a2d; border-radius: 0 3px 3px 0 !important; } .chatuser-info { display: inline-block; vertical-align: middle; line-height: 17px; } #profile-tabs .top-search-sec .top-search { padding: 0 15px 5px; background-color: rgba(0, 0, 0, 0.4); margin: 0 } #profile-tabs .top-search-sec .top-search input { border: 1px solid rgba(255, 255, 255, 0.2) !important; color: #343a40; height: 40px !important; } .friendslist-profile a { color: #000000; font-size: 14px; display: flex; align-items: center; } .host_detail_profile .friendslist-profile a, .pending-tab .friendslist-profile a, .connection-tab .friendslist-profile a { display: unset; } .friendslist-profile li a span { font-weight: 400 !important; margin-top: 7px; margin-bottom: 7px; } .friendslist-profile li { width: auto; margin-bottom: 12px; border-bottom: 1px solid #8d8d8d !important; margin: 0 -15px; padding: 7px 20px; } .unread-message { position: relative; width: auto; display: inline-block; vertical-align: middle; } .unread-message .badge.badge-default { background-color: #d64635; color: #fff; position: absolute; top: -5px; right: -2px; font-size: 11px; font-weight: 300; border-radius: 12px; height: 18px; color: #fff; padding: 3px 6px; } .list_chat_ul .chat.panel-body { width: 100%; } /* MessageBlock Ends */ .group-action { right: 15px; } .houre-tot label, .days-box label { padding-left: 0; } .hours-button-sec>button { margin-top: 26px; } .houre-tot .input-group-text { border-radius: 0; } .text-area-add.refund-periods .houre-tot { width: 100%; max-width: 210px; } .days-box input { margin-bottom: 0; } .small-btn { width: auto !important; display: inline-block; } .omb_loginForm .ddChild { font-size: 12px; width: 100% !important; text-align: left; left: 0 !important; } .omb_loginForm .dd .ddTitle { color: #495057 } .omb_loginForm .dd { border: 1px solid #3c3c3c; font-size: 12px; width: 90px; border: 1px solid #d3d3d3 !important; } .input-group-prepend .borderRadiusTp { border: 1px solid #d3d3d3 !important; border-radius: 0px !important; } .omb_loginForm .dd .ddTitle .ddTitleText { padding: 5px; background-color: transparent !important; display: flex; align-items: center; } .omb_loginForm .dd .divider { border-left: 0; right: 0; } .omb_loginForm .dd .ddTitle { background: none; height: 37px; line-height: 27px; } .event-listing.group-listing-joined .list-group-item { margin: 10px 0 0; } .event-sidebar span { font-size: 17px; margin-bottom: 0px; margin-top: 2px; } .pending-badge { font-size: 10px !important; margin-bottom: 0px; margin-top: 0; height: 20px; width: 20px; padding: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #f27025; } .user-info h3 { font-size: 20px; margin-bottom: 10px; } .vendor_edit a, .vendor-sidebar h2, .vendor-sidebar h5 { font-size: 15px; } .page-title { font-size: 18px; } .paginator_container { margin-right: 0 !important; margin-left: auto !important; text-align: center; } .service-bottom-area p { display: inline-flex; word-break: break-word; } .service-bottom-area a.btn.black-btn, .service-bottom-area a.btn.green-btn { margin: 0; font-size: 14px } /* .switch {width: 60px !important; height: 34px;} */ .service_info { border-right: 0px solid #ccc; } .local-col { display: inline-flex; } .local-col span { margin-left: 5px; } .table-responsive-sm.transaction-table { overflow: auto; } .cyan-back { padding: 40px 12px; } .form-group textarea { min-height: 100px; } .edit-service.row { margin-top: 10px; } .charge-in { flex: 1; } .input-group.refund-hr { display: inline-block; } .input-group.refund-hr input { float: left; width: 100%; } .input-group.refund-hr span { float: left; } .input-group-append.clock-time .input-group-text { padding: 11px; } .houre-tot { margin-left: 15px; margin-right: 15px; } .hours-button-sec.hr-add button { float: left !important; } .label-book { font-size: 14px; margin-bottom: 10px; } .Eventhost-txt p, .short-para { font-size: 14px; color: #000000; float: left; width: 100%; margin-bottom: 0px; font-weight: 400; } .Eventhost-txt p a { word-break: break-all; color: #000000 !important; } .direction_btn { margin: 0; padding: 0 !important; } .Eventhost-txtlist1 ul li i { color: #000000; font-size: 12px; } .label-on { font-size: 14px; margin-bottom: 3px; } .Eventhost-img.event-pic img { height: 150px; } .Eventhost-img { text-align: right; margin-top: 0px; } .invited-to-img { text-align: right; } .Eventhost-img img { object-fit: cover; max-height: 200px !important; height: 100%; border: none !important; border-color: transparent !important; } .Eventhost-txt h3 { font-size: 13px; } .input-group.hour-time { display: inline-block; } .input-group.hour-time input { width: 150px; } .input-group.hour-time span { float: left; } .input-group-text.clock { padding: 11px; } .text-area-add.refund-periods.refund-hr { display: inline-flex; } .dd.ddcommon.borderRadius .ddTitle { height: 38px; margin-top: 8px; border: 1px solid; } .login_new_page .dd.ddcommon.borderRadius .ddTitle { margin-top: 0; border-radius: 3px !important; border: none !important; } .login_new_page .dd.ddcommon.borderRadius { height: 38px; border-radius: 3px; border: 1px solid #d3d3d3 !important; } .login_new_page .omb_loginForm .dd .divider { border-right: none; } .login_new_page .omb_loginForm .dd .ddTitle { border: none !important; } .login_new_page .input-group-prepend .borderRadiusTp, .login_new_page .omb_loginForm .dd .ddTitle .ddTitleText { border-radius: 3px !important; height: 38px !important; } .dd.ddcommon.borderRadius { width: 100% !important; max-width: 190px; display: inline-block; vertical-align: top; height: 40px; } .dd.ddcommon.borderRadius { width: 100% !important; max-width: 100% !important; height: 30px; border: 1px solid #d3d3d3 !important; border-radius: 3px; display: flex; align-items: center; } .dd.ddcommon.borderRadius:focus { border: 1px solid green; } .form-control:disabled, .form-control[readonly] { background-color: rgba(255, 255, 255, 0.5); cursor: pointer; } .dd .ddTitle .ddTitleText { padding: 9px 20px 8px 5px; } .add-contact-phone-area input[type="phone"] { display: inline-block; width: calc(100% - 164px); } .group-contact-list { overflow-y: auto; height: 322px; } #InnerList { overflow-y: auto; height: 180px; } .selectuser-list .ContactList .form-group { margin-top: 0; } .added-contact-list .Contact { display: block; width: 100%; } .added-contact-list .Contact h5, .added-contact-list .Contact img { display: inline-block; margin: 0; vertical-align: middle; font-size: 15px; } .added-contact-list .Contact .Contact-phone { text-align: right; float: right; } .btn-create-group-contact { border-bottom: 1px dashed #eee; padding-bottom: 20px; } .btn-create-group-contact .btn { border-radius: 0; font-size: 15px; width: 100%; } .group-mem-buttons { padding-top: 0; } .rsvp-member { float: right; margin-right: 15px; } #editVendorForm .btn { font-size: 1rem } #editVendorForm #change-profile-pic { margin: 6px auto 20px; text-align: center; float: none; display: inherit; width: 59%; } .vendor-banner-image { text-align: center; border: 1px solid #d3d3d3; } .profilr2-tabContent .form-group .vendor-banner-image .form-control { height: auto !important; margin-bottom: 0; } #profile-tabs .event-listing .list-group.group-list { background-color: rgba(0, 0, 0, 0.4) } #profile-tabs .event-listing .list-group.group-list .list-group-item .group-list-content { color: rgba(255, 255, 255, 0.8) } #profile-tabs .event-listing .list-group.group-list .list-group-item { background-color: transparent } #profile-tabs .event-listing .list-group.group-list .list-group-item img { width: 100%; object-fit: cover; } .upcoming-event .button-accept .btn { color: #fff; padding: 8px 34px; font-size: 14px; border-radius: 3px; } .btn.black-btn { background-color: rgba(255, 255, 255, 0.3); } .joined-owl-carousel { margin-top: 20px } .joined-owl-carousel .owl-stage { margin: 0 auto; } .joined-owl-carousel .owl-stage img { object-fit: cover; } .top-search-without-login .search-top.top-sec .profile-info li { margin: 0 10px; position: relative } .top-search-without-login .search-top.top-sec .profile-info li:last-child { margin-right: 0; } .top-search-without-login .search-top.top-sec .profile-info li .tooltiptext { display: none; width: 152px; background-color: #007bff; color: #fff; text-align: center; border-radius: 0; padding: 5px 5px; position: absolute; z-index: 1; bottom: -32px; left: 0; font-size: 12px; } .top-search-without-login .search-top.top-sec .profile-info li .tooltiptext:before { position: absolute; content: ""; border-bottom: 6px solid #007bff; border-left: 6px solid transparent; border-right: 6px solid transparent; top: -6px; } .top-search-without-login .search-top.top-sec .profile-info li:hover .tooltiptext { display: block; visibility: visible; } .top-search-without-login .search-top.top-sec .profile-info li:hover a.btn { background-color: rgba(255, 255, 255, 0.4); } .verification-popup .omb_loginForm select.form-control { border-radius: 0; height: 30px !important; } .verification-popup .col-md-7 { padding-left: 0; } .verification-popup .btn { height: 31px; padding: 5px 8px; } #profile-tabs.verification-popup .form-group { border-bottom: none; } .verification-popup .email-verification-area { background-color: #eefbfb } .table.contribute td input { color: rgba(255, 255, 255, 0.8) } .rotation { text-align: center; padding-bottom: 10px; float: left; width: 100%; padding: 10px 0 10px; } .rotation .vanilla-rotate { cursor: pointer; background-color: transparent; color: #fff; border: 1px solid rgba(255, 255, 255, 0.2); padding: 8px 10px; font-size: 15px; } .modal-body .rotation .vanilla-rotate { color: #0d3c55; } /*host page */ a.btn.black-btn.my-group-favorite { margin: 0; border-radius: 0; display: block; background-color: #0d3c55; display: flex; align-items: center; } a.btn.black-btn.add-group-favorite { background-color: #117899; margin: 0; border-radius: 0; } .single-inner-section h1 { font-size: 16px; } .btn.black-btn.my-group-favorite { display: inline-block; ; } .event-action-area.list-icons ul li { width: 65px; } .event-action-area ul li { margin-right: 0; height: 40px; } .event-action-area ul li:last-child { border-radius: 0px 3px 0px 3px !important; } .event-action-area ul li:last-child { border-radius: 0px 3px 0px 3px !important } .add-fav-btn a { font-size: 13px; width: 100% } .add-fav-btn { width: auto; float: left; margin: 0 1% 0 0; } .add-fav-btn a.btn.black-btn.my-group-favorite svg { margin-right: 0; } .single-img img { width: 100%; } .transaction-no-record.none-found { height: 170px; padding: 0; display: flex; align-items: center; background-color: c1c1c1; justify-content: center; border-radius: 3px; border: 1px solid #d3d3d3; } .transaction-no-record.none-found h4 { color: #000; } .badge-cicle.badge-icon { right: 15px; } .add-in-btn { width: 50%; margin: auto; float: left; } .svg-inline--fa.fa-share-alt.fa-w-14 { margin: 0 auto; width: 100% } .event-action-area .share-menu ul { display: inline-flex; } .btn.black-btn.my-group-favorite { border-radius: 0; } .event-add h2 { font-size: 18px; } .contact-v-info.mail-address { word-break: break-all; } .ddlabel { font-size: 14px; color: #2b4e61; } .share-menu { transition: all 0.2s 0.4s linear; list-style: none; display: none; position: absolute; perspective: 10em; right: 0; top: 43px; left: -6; } .service-basic-info ul { padding: 0; margin: 0; } .post-services p { font-size: 13px; } .post-services h4 { font-size: 16px; } .form-control.select-country.contry { margin-bottom: 10px; } .account-status .vendor_acc_status { float: right; } .account-status { float: left; width: 100%; display: flex !important; align-items: center !important; justify-content: space-between; margin-bottom: 8px; } .account-status .switch.accountswitch { float: right; margin: 0; height: 23px; } .account-status .slider::before { width: 16px; height: 16px; } .profilr2-tabContent .account-status label { width: auto; display: inline-block; } .profile2-tab.vendor-profile-sec { padding-top: 30px; } .star-rate { margin-top: 30px; } .grptype.type-grp { margin-right: 0px; margin-top: 0px; text-transform: capitalize; display: flex; align-items: center; font-size: 16px; font-weight: 400; } .upcoming-event-sec.row .group-s-tittle { min-height: auto; } .page-add-friend .list-group { padding: 0; } .search-tab-content .list-group { padding: 0; } .change-img-popup .modal-footer { border-top: 1px solid rgba(0, 0, 0, 0.2); } button.close.close-alert { color: #101010 !important; } .eventAddFormPhoto .btn { width: auto; display: flex; align-items: center; justify-content: center; margin-left: 20px; float: none; margin-right: 0; } .change-img-popup h5, .change-img-popup input { font-size: 16px; color: #aaa } .Contact-name { font-size: 16px; } .container-label .checkmark { height: 16px; width: 16px; } .container-label .checkmark:after { left: 6px; top: 3px; height: 9px; } #earnsTable_length select, #payerTable_length select, #contributionsTable_length select { margin-left: 10px; } .service-bottom-area.related-button .btn.green-btn { margin: 15px 0; } #ContactList .Contact .event-status { width: auto; font-size: 12px; padding: 2px 4px; } .edit-vendor-profile { position: relative; margin-bottom: 20px; } .edit-vendor-profile img { border-radius: 0; } .edit-vendor-profile .btn { position: absolute; bottom: -15px; font-weight: 800; text-align: center; width: 40px; right: 50%; transform: translate(50%); margin: 0 auto; min-width: 40px; height: 40px; border-radius: 0; opacity: 1; padding: 0; display: flex; align-items: center; justify-content: center; background-color: #0D3C55; border-radius: 50%; } .edit-vendor-profile .btn i { font-size: 20px; color: #fff; } .user-profile img { width: 100%; height: 100%; border-radius: 50%; border: 1px solid #000 !important; } .about-me img#profile_picture { width: 100% !important; height: 100% !important; } .account-status .alert-danger { font-size: 13px; } .user-profile { width: 160px; height: 160px; margin: 0 auto; } .message-btn.msg { margin-top: 10px !important; } .invite-btn.share { margin-top: 2px; } .share-box label { line-height: unset; } .vendor-profile-detail.stats { margin-top: 18px; } .user-info { margin-bottom: 10px; margin-left: 0; } .svg-inline--fa.fa-heartbeat.fa-w-16 { color: red; margin-right: 8px; } .my-group-favorite { background-color: #e6b800; margin: 0; border-radius: 0; width: 100%; } .Contact-avatar { width: 26px; height: 26px; border-radius: 50%; border: 1px solid; } .profileIcon-b.red { height: 34px; width: 34px; border: 0 none } .profileIcon-b.red .Contact-avatar { height: 100%; object-fit: cover; width: 100%; } .event-sidebar a svg path { fill: #000000 } .dropdown-new a svg path { fill: #0d3c55; } .dropdown-new a svg { margin-right: 10px; } .group-dropdown li a { display: flex; align-items: center; } .event-sidebar a.active svg path { fill: #0d3c55 } .acc_error { padding: 5px; } .acc_success { padding: 5px; } .group-list.join-group-request-list li.list-group-item img { margin: 0; width: 100%; } .dashboard-event-content h3 a, .Group-Invites h3 a, .Friend-Request h3 a { color: #fff; } .dashboard-sec .rate-review .fa-star { font-size: 13px } .page-add-friend .card-header label { margin: 0; } .service_info i, .service_area i { margin-right: 7px; margin-top: 3px; display: inline-block; vertical-align: middle; } .order-entry-sec h5 { margin-bottom: 0; } .btn-pledge { background-color: #117899 !important; width: 85px !important; height: 38px; border: none; } .order-entry-sec>div>div { margin-bottom: 0 !important; padding-bottom: 0 !important; } .event-description_text.services .services-listing .card-body { padding: 0; } .event-description_text.services .services-listing .card-body h5.card-title { font-size: 15px; padding: 15px 15px 5px 15px; font-weight: 700; } .event-description_text.services .services-listing .card-body .card-text span, .mand-text p { font-size: 14px; } .item-contribution-section .btn-friend { margin-top: 13px; background-color: #0D3c55 !important; height: 38px !important; border: none !important; border-radius: 3px !important; } .item-contribution-section .btn-friend:hover { color: #fff; } .service-review-page .event-add li.list-group-item { margin: 10px 0 0; border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: 10px; } .service-review-page .event-add li.list-group-item:first-child { margin: 0; padding: 0; border: none; } .service-review-page .event-add .post-services { margin-left: 0; } .service-review-page .event-add .list-group { margin-top: 0; border: none; } .paginator_container li { text-transform: capitalize } .dashboard-buttons .btn>a { color: #fff; } #photo { width: 100%; margin-top: 10px; } #profile_pic_modal .modal-footer .btn-group { float: left; font-weight: normal; } #profile_pic_modal .modal-footer .btn-default { float: left; font-weight: normal; } #profile_pic_modal .modal-footer { width: 100% } #profile_pic_modal .modal-footer .btn-primary { float: right; margin-top: 0; } .event-item-listing .fa-clock::before { padding-left: 10px; } .single-event-date-sec .fa-clock::before { padding-left: 0; } .single-event-date-sec h4.Event-date { margin-bottom: 0; margin-top: 0; } .single-event-invitation .direction_btn { padding: 4px 10px !important; border-radius: 3px; background-color: #0d3c55 !important; display: flex; align-items: center; } .single-event-invitation .beach_volleyball { margin-bottom: 0 } .date-map-area.date-map-calender.single-event-date-sec>div h4 { width: 100%; } .sticker h3 a { color: #fff; } /*userinfo*/ .userinfo select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 4px) !important; margin: 15px; border-radius: 0; } .userinfo .form-control { margin-right: 10px; } .divide-border-sec { display: inline-block; color: #999; position: relative; width: 100%; margin: 10px 0; } .divide-border-sec::after, .divide-border-sec::before { content: ""; position: absolute; width: 45%; border-top: 1px dashed #0d3c55; left: 0; top: 50%; } .divide-border-sec::after { right: 0; left: inherit; } .Eventhost-txt h3 { float: left; width: 100%; color: #000000 !important; font-size: 15px; margin-bottom: 15px; } .Eventhost-txt h4 { float: left; width: 100%; color: #000000 !important; font-size: 13px; margin: 0px 0px 15px !important; font-weight: 400 !important; } .Eventhost-txt h3 .btn { float: right; padding: 4px 7px; color: #eefbfb; font-size: 12px; height: 36px; width: 135px; font-size: 16px; } .invite-to-button-form { float: right; margin: 0; } .input-field-area .btn.btn-success { font-size: 12px; padding: 3px 10px; background-color: #026702; border-color: #026702 } .dashboard-sec .owl-item img { object-fit: cover; border-radius: 3px !important; } .dashboard-sec section { float: left; width: 100%; } .dashboard-sec .owl-carousel .owl-item .dashboard-event-content .rating-buttons { float: left; width: 100%; } .unauth-login-message p { margin: 0; } .unauth-login-message { /*display: inline-block;*/ text-align: center; margin: 1rem 0 -3rem; } .unauth-login-message .alert { padding: 8px; font-size: 15px; } .unauth-login-message .alert a { color: darkgrey; font-weight: bold; border-bottom: 1px dotted; padding-bottom: 3px; } .event-item-listing.banner-sec h2.event_description { font-size: 17px; padding-top: 10px; } .date-map-area.date-map-calender+.event-descr p, .event-descr .single-inner-section p { padding: 0 15px 0px 15px; margin: 0px 0px 15px 8px; line-height: 22px !important; } .date-map-area.date-map-calender+.event-descr { padding-top: 0; } .date-event-time label { padding-top: 5px; } .btn-unauth.btn { background-color: #007bff; border: 1px solid #fff; margin-top: 9px; padding: 3px 14px; margin-right: 6px; } .friendRequest.btn.btn-primary.btn-unauth { margin: 0; border-radius: 0; background-color: #4CAF50; } .friendRequest.btn.btn-primary.btn-unauth i { color: #fff; font-size: 12px; margin-top: -2px; } .single-event-invitation .tab-content.single-event-details { margin-top: 0; } .sign-login-popup .modal-dialog { max-width: 26vw !important; } .modal-backdrop { background-color: transparent !important; display: none; } .modal.show { background-color: rgba(0, 0, 0, 0.6) !important; padding-right: 0 !important; z-index: 99999; overflow: auto; } .modal-open { padding-right: 0 !important; } .sign-login-popup .modal-title { display: inline-block; font-size: 18px; } .sign-login-popup .modal-footer { padding-bottom: 0; } .profile-info .google.btn:before { content: "\f0d5"; font-family: "Font Awesome 5 Brands"; font-size: 0; } .profile-info .facebook.btn:before { content: "\f39e"; font-family: "Font Awesome 5 Brands"; font-size: 0; } .top-search-without-login .search-top .profile-info .btn.btn-unauth { margin: 0; padding: 0 !important; font-size: 15px !important; background-color: transparent; font-size: 0px; height: 39px; width: 75px; text-align: center; line-height: 39px; border-radius: 50%; } .event-description_text p.note { font-size: 12px; margin: 0; padding-bottom: 16px; } .event-description_text p.note strong { font-weight: normal; } .front-homepage .btn.facebook, .front-homepage .btn.google { font-size: 13px; text-transform: uppercase; background-color: transparent; border-color: #fff; height: 30px; width: 90px; text-align: center; line-height: 30px; border-radius: 50%; padding: 0; margin: 0 5px; } .front-homepage .btn.facebook::before { content: "\f39e"; font-family: "Font Awesome 5 Brands"; font-size: 0; } .front-homepage .btn.google::before { content: "\f0d5"; font-family: "Font Awesome 5 Brands"; font-size: 0; } .front-homepage .btn.facebook:hover, .front-homepage .btn.google:hover, .front-homepage button.btn.transparent-btn:hover { background-color: rgba(255, 255, 255, 0.4) } .editHostProfileTab .input-field-area img { width: 140px; height: 140px } /** Unauthentic Friend Request CSS **/ .unauth-friend-request .inner-login { padding: 30px; float: left; width: 100%; background-color: #1f1f1f } .unauth-friend-request .user-profile { width: 180px; height: 180px; } .unauth-friend-request .user-profile img { border-radius: 15px; } .unauth-friend-request h3 { color: #90a4ae; font-weight: 500; font-size: 20px; margin: 11px 0; } .unauth-friend-request .profile-info { padding: 0; float: left; width: 100% } .unauth-friend-request .profile-info li { float: none; } .unauth-friend-request .profile-info li .btn { color: #fff; } .unauth-friend-request .profile-info li .btn.btn-accept { background-color: #4caf50; border-radius: 10px !important; } .unauth-friend-request .profile-info li .btn.btn-reject { background-color: #9f3f29; border-radius: 10px !important; } .unauth-friend-request hr { background-color: #282828; width: calc(100% + 60px); position: relative; left: -30px; float: left; margin: 8px 0; } .unauth-friend-request .friend-details { float: left; width: 100%; margin-top: 8px; } .unauth-friend-request .friend-details ul { padding: 0; float: left; margin: 0; } .unauth-friend-request .friend-details ul li { float: left; width: 100%; text-align: left; margin-top: 5px; margin-bottom: 6px; } .unauth-friend-request .friend-details ul li:first-child { margin-top: 0; } .unauth-friend-request .friend-details ul li i { width: 20px; margin-right: 10px; color: rgba(255, 255, 255, 0.7) } .unauth-friend-request .friend-details ul li a { font-size: 14px; color: #c8d7de } .unauth-friend-request .friend-details ul li a, .unauth-friend-request .friend-details ul li span { color: #90a4ae; font-size: 14px; } /** Comment Section **/ .posts-list p { word-break: break-word; } .posts-list p a { color: #0d3c55 !important; font-weight: 700; } .upcoming-event-sec .group-posts-e li.list-group-item, .modal-body li.list-group-item { border-bottom: 1px solid #d1d1d1; padding: 10px 15px; } .main-comment:last-child { border-bottom: 0 !important; } .group-posts-e .list-inline li, .modal-body .list-inline li { list-style: none; display: inline-block; margin-left: 10px; position: relative; padding-left: 19px; } .group-posts-e .list-inline li:first-child, .modal-body .list-inline li:first-child { margin-left: 0; padding-left: 0; } .group-posts-e .list-inline .group-comment { border-left: 1px solid; } .group-posts-e .list-inline li:first-child:before, .modal-body .list-inline li:first-child:before { display: none; } .group-posts-e .list-inline li a, .modal-body .list-inline li a { font-size: 12px; color: #7c8c9d; } .view-allReplies .chat-form { margin-bottom: 0; } .comments-sec .chat-type-sec textarea, .view-allReplies .chat-type-sec textarea { padding-right: 30px !important } .comments-sec .chat-type-sec .btn, .view-allReplies .chat-type-sec .btn { background-color: transparent; padding: 0; border: none; } .view-allReplies .chat-type-sec .btn { margin-right: 10px; margin-top: 5px; } .posts-list .posts-list { height: auto; border-left: 1px solid #d1d1d1; } .upcoming-event-sec .group-posts-e .posts-list .posts-list li.list-group-item { border-bottom: 0; } .view-more { font-size: 12px; } .upcoming-event-sec .group-posts-e .view-more.list-group-item { padding-bottom: 0; } .modal-backdrop.fade.in, .modal-open .modal.in { opacity: 1; } .posts-list li img { margin: 0; width: 35px; height: 35px !important; border: 1px solid #000; border-radius: 50%; } .view-allReplies .modal-body .posts-list .posts-list { padding-left: 20px; padding-top: 10px; } .view-allReplies .modal-body .posts-list .posts-list li { border: none; } .view-allReplies .modal-body { padding: 0; } /* text-area-button */ .panel-footer.chat-type-sec .chat-btn-area { position: absolute; right: 0; top: 0; height: 100%; } .panel-footer.chat-type-sec .chat-btn-area .btn { height: 100%; } .c-content-title-1 p { text-align: justify; font-size: 15px; } .c-content-title-1 ul { padding: 0; } .c-content-title-1 ul li { margin-bottom: 10px; line-height: 18px; text-align: justify; font-size: 15px; } .c-content-title-1 ol { padding-left: 0; margin-top: -15px; } .c-content-title-1 ol li { position: relative; padding-left: 12px; font-size: 15px; } .c-content-title-1 ol li::before { content: ""; background-color: rgba(255, 255, 255, 0.8); border-radius: 33px; width: 6px; height: 6px; position: absolute; left: 0; top: 10px; } #search-friends-list-new .btn { font-size: 14px; padding: 6px 12px; line-height: 28px; } .rotate48 { -webkit-transform: rotate(48deg); -moz-transform: rotate(48deg); -o-transform: rotate(48deg); -ms-transform: rotate(48deg); transform: rotate(48deg) } .c-content-title-1 h3 { font-size: 20px; margin-bottom: 15px !important; margin-top: 30px; color: #0e3c54; font-weight: 600; } .page-content-wrapper.terms-page { padding-top: 140px !important; } .family_table td { border: none; } .upcoming-event-sec .group-posts-e.comments-sec.message-sec li.list-group-item, .upcoming-event-sec .group-posts-e.comments-sec.message-sec li.list-group-item ul, .upcoming-event-sec .group-posts-e.comments-sec.message-sec li.list-group-item div, .group-posts-e.comments-sec.message-sec li.list-group-item .transaction-no-record { height: 100%; padding: 0 } .top-search-without-login .img-fluid { max-width: 63%; } .top-search-without-login .search-top .navbar-brand { padding: 0; } .unauth-group .btn-unauth { border: none; } .unauth-login-message .alert { border-radius: 3px; } .eventAddline3.addevent-section h5 { font-weight: 600; font-size: 16px; margin-bottom: 0; color: rgba(255, 255, 255, 0.8); text-transform: uppercase; color: #474747; } .eventAddline3.addevent-section .form-group h5 { margin-bottom: 5px; } .application-temporary .transaction-no-record { margin-top: 11px; font-size: 16px; margin-bottom: 20px; } .joingroup.event-single-page-btn { float: right; width: 100%; padding: 5px 12px 65px; } .joingroup.event-single-page-btn .grptype { float: left; } .croppie-container .cr-slider-wrap { margin: 3px auto; font-family: "Font Awesome 5 Free"; font-size: 18px; display: inline-block; padding-left: 27px; color: rgba(255, 255, 255, 0.7); position: relative; padding-right: 27px; } .cr-slider-wrap::before { content: "\f010"; position: absolute; left: 0; font-weight: 900; top: 5px; } .cr-slider-wrap::after { content: "\f00e"; position: absolute; right: 0; font-weight: 900; top: 5px; } #profile_pic_modal .card { border: none; } #profile_pic_modal .card-body { background-color: #000; padding: 0; } #profile_pic_modal .cr-slider { padding: 0; background-color: #eee; margin-top: 15px; height: 3px; border-radius: 10px; } .after-image-choose-div .croppie-container { height: auto; } #profile_pic_modal .modal-dialog { max-width: 75vw !important; justify-content: center; } .upcoming-event-sec>div { padding: 0; } .single-event-invitation .col-md-9.event-listing .group-list { padding: 0 } .eventAddline3.addevent-section p { margin: 15px 0px; color: #000000; } .eventAddline3.addevent-section h5+div { padding: 0; margin-top: 10px; } .single-event-invitation .event-sidebar, .group-desciption .event-sidebar { padding: 0; margin: 0; } .friendslist-profile li a img { background-color: #fff; } .more-options li a { width: 100%; float: right; } input.checked-category { margin: 5px 5px 0; background-color: #000; float: left; } .vendor_edit.alert { padding: 6px 0; } .vendor_edit.alert-warning a { color: #856404; border-bottom: 1px dotted; } .f1-step.active { z-index: 0; } .f1-steps.add-service-steps .f1-step:nth-child(2)::after { display: none; } .f1-steps.add-service-steps .f1-step::after { content: ""; position: absolute; width: 90%; height: 4px; background: #0d3c55; left: 0; top: 42px; transform: translate(-50%); z-index: -1; } .label-warning { background-color: #ffc107; border-color: #ffc107; margin: 0 4px; font-size: 13px; padding: 2px 6px; text-transform: uppercase; color: #fff !important; } .label { display: inline-block; font-weight: 500; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; line-height: 1.5; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } @media all and (-ms-high-contrast:none) { #carouselExampleIndicators .carousel-item { position: relative; overflow: hidden; float: left; width: 100% } /* IE10 */ #carouselExampleIndicators .carousel-item.active { height: 666px; } #carouselExampleIndicators .carousel-item img { width: 100%; height: auto; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); } /* IE10 */ } /*** Media Queries **/ @media screen and (max-width:1400px) { .invitemodel .modal-dialog { max-width: 55vw !important; } .modal-content { margin-top: 0; } } @media screen and (max-width:1200px) { .profile-sec-heading * { font-size: 16px } .events-list p { text-align: justify; word-break: break-word; } .event-item-listing h4 { width: 100%; text-align: center; } .friendslist-profile, .about-me.full-height-area, .event-item-listing { padding: 10px; } .friend-info { width: 30px; height: 30px; line-height: 30px; font-size: 16px; margin-right: 2px; } .modi-img-circle { width: 30px; margin-right: 2px; height: 30px; object-fit: cover; } .full-height-area { min-height: 546px } .Eventhost-txtlist1 ul li { border-bottom: 0; } .Eventhost-txtlist1 ul li:nth-child(4) { border-top: none } .Eventhost-txt h3, .Eventhost-txt p, .group-owner .Eventhost-txt p, .group-s-tittle p, span.user-name { font-size: 14px; } .members span.user-name { margin: 0px 0 0 10px !important; float: left; } .group-s-tittle .members ul, .group-s-tittle p { margin-bottom: 0; } .event-select-sec .event-label-sec.container-label { width: 100%; } .select-vip-guest-sec h2 { font-size: 16px; } .Eventhost-txt { font-size: 13px; text-align: left; } .vip-list-sec { height: 238px; border-width: 1px; max-width: 41.6%; } .review-host-sec li.list-group-item { padding: 10px; } li.list-group-item img { float: none; display: inline-block; vertical-align: middle; } .event-add .list-group { margin-top: 0; } .select-vip-guest-sec .list-group .list-group-item:last-child { border-bottom: 0; } .event-add form { box-shadow: 0 0; } .add-btn { margin: 0 0 10px 0; } .friendslist-profile { height: auto; } .connection-page .friendslist-profile { height: 650px; } .dashboard-sec .header-title h3 { font-size: 16px; } .header-title .btn-view { font-size: 12px; padding: 4px 7px; } .header-title { padding: 8px 8px; } .dashboard-sec .Eventhost-txtlist1 ul li a, .dashboard-sec .Eventhost-txtlist1 ul li a i { font-size: 10px; } .Eventhost .upcoming-event { padding: 0 8px; } .dashboard-sec .card-body .Eventhost .upcoming-event>a { margin-top: 0; } .dashboard-sec .Eventhost .btn { margin: 0 1px; font-size: 12px; padding: 2px 5px; } .dashboard-sec .Eventinvited-txtlist1 .btn-group { font-size: 10px; } .align-self-center.payment-card-option.card-pay { margin-top: 80px; } .vendor-image-area { margin-top: 0px; } .Eventhost-txt.event-para h3 { display: flex; align-items: center; } .btn.btn-primary.under-review { float: none !important; } .Eventhost-txt.event-para p { width: 100%; } .past-event-list.review-host-sec .reviewevent img { width: 100%; max-width: 340px; height: auto; } .event-sidebar a i { font-size: 15px; } .event-action-area ul li { width: 43px; margin-left: 0; border-left: 1px solid rgba(0, 0, 0, 0.25); border: none; } .event-action-area ul li a, .event-action-area ul li a i, .event-action-area ul li a svg, .share-box label { font-size: 12px } .search-tab-content h3 { font-size: 16px; } ul.friendslist-profile li { margin: 0 -10px; font-size: 15px; } .search-tab-content.page-add-friend .nav-item a { font-size: 14px; padding: 10px 0; } .page-add-friend .stepwizard-step .btn-default, .page-add-friend .stepwizard-step span { font-size: 14px; } .personal-form .modal-footer { float: left; width: 100% } .personal-form .container { float: left; max-width: 100% !important } } @media screen and (min-width:1025px)and (max-width: 1200px) { .btn.black-btn.my-favorite.remove-favorite { font-size: 12px; } .btn.green-btn.book-now { font-size: 12px; } .btn.black-btn.add-favorite { font-size: 12px; } .btn.btn-friend.item-update-btn { margin-bottom: 15px; } .Eventhost-txtlist1 ul li p { font-size: 11px; } } @media screen and (min-width:992px)and (max-width: 1400px) { .front-homepage .navbar-brand>img.img-fluid { max-width: 135px; margin-top: -10px; } .btn.blue-btn.vendor-view, .btn.white-btn.vendor-view { font-size: 14px; text-transform: uppercase; } .service-para { min-height: 63px; } .service-head.headline h3 { min-height: 43px; } .contact-v-info p { display: inline-flex; float: left; } .editbutton { top: -30px; right: -20px; } .personal-form .modal-footer { float: left; width: 100% } .personal-form .container { float: left; max-width: 100% !important } /*vendor-page responsiveness*/ /* .vendor-results {padding:16px} */ .list-result { margin: 0px 0; } .review-vendor-detail { float: left; } .service-bottom-area .col-md-6 { width: 50%; } .vendor-image-area .img-fluid { height: 100%; } .service-bottom-area p { margin-bottom: 3px; } .service-basic-info p { margin-bottom: 0px; } .user-info h3 { font-size: 24px; } .vendor_edit a { font-size: 16px; } .vendor-sidebar h2 { font-size: 16px; } .select-options a { font-size: 15px; margin-bottom: 0px; padding: 6px 10px; } .page-title { font-size: 18px; padding: 10px 20px; } .col-xs-12.col-md-9.event-listing { padding-left: 15px; } .event-listing { border-left: 0px solid #3790ff; margin-left: 0px } .vendor-results .vendor-results { padding: 0; margin-bottom: 20px; } .event-sidebar a { font-size: 15px; } h4.bank_info { font-size: 16px; } label.control-label.col-xs-12.col-sm-3 { font-size: 15px; } label.control-label.col-xs-12.col-sm-2.pr-0 { font-size: 15px; } #profile-information .profile-tabs .nav-link { margin: 0px 10px !important; color: #000; } .dd.ddcommon.borderRadius { width: 200px !important; } div#countries_msdd.dd.ddcommon.borderRadius { width: 100% !important; } dd .ddChild li { padding: 5px; background-color: rgb(235, 8, 8) !important; border-bottom: 1px solid #c3c3c3; } .login-head div#countries_msdd.dd.ddcommon.borderRadius { width: 100% !important; } .inner-login, .inner-signup { padding: 48px; border-radius: 3px; } .badge-cicle.badge-icon { right: 26px; } .contact-v-info.break-word p a { word-break: break-all; } .booking-sec.booking-time svg { margin-top: 14px; } .star-rate.col-xs-12.col-md-3.text-center.text-sm-right { text-align: center !important; margin-top: 30px; } li.list-group-item.reviewevent img { float: left; max-width: 55%; } .logo-sec { padding-top: 10px; } .logo-sec img { width: 100%; max-width: 115px; } .login-head .logo-sec+a.btn.transparent-btn { border: 1px solid white; color: #fff; margin: 10px 0; font-size: 13px; padding: 6px 18px; } } @media screen and (min-width:992px)and (max-width: 1100px) { .share-menu { top: 43px; left: -6px; } li.share-menu-item svg { width: 50px !important; } .book-in.row { clear: both; } .refund_term { padding: 10px; } td:before { position: relative; top: 0; left: 0; width: 100%; text-align: left; white-space: nowrap; padding-right: 0px; } .refund_term .table td { vertical-align: text-bottom; } td { text-align: left; } .star-rate.col-xs-12.col-md-3.text-center.text-sm-right { text-align: center !important; } .list-group-item.reviewevent img.img-fluid { width: 100%; max-width: 58%; } .profile-sec-heading * { font-size: 15px; } .event-action-area ul li { width: 50px; } .past-event-list.review-host-sec .post-services { width: 100% } } @media screen and (min-width:768px)and (max-width: 991px) { .event-listing .event-item-listing img { height: 350px } .mobile-content, .navbar .hide-desktop { display: block; } .navbar-dark .navbar-toggler { font-size: 14px; } .mobile-content li a { margin: 10px 2px; width: 100px; font-size: 13px; } .navbar a.navbar-brand { display: block !important; width: auto; height: auto; margin: 0; } .mobile-content li, .navbar-nav.hide-desktop li { display: inline-block; } .personal-form .modal-footer { float: left; width: 100% } .personal-form .container { float: left; max-width: 100% !important } .modal-dialog { max-width: 78vw !important; } .past-event-list.review-host-sec .post-services { width: 100% } .Eventhost-Block .event-side { padding-left: 0; } .Eventinvited-txtlist1 .btn-group svg, .Eventinvited-txtlist1 .btn-group i { margin-top: 0; margin-right: 0; font-size: 11px; } .Eventinvited-txtlist1 li .btn-group { width: 100%; padding: 4px 0; display: inline-block; text-align: center; } .Eventinvited-txtlist1 li { float: left; } .Eventinvited-txtlist1 { width: 100%; margin-bottom: 20px; } .event-item-listing h4 { font-size: 13px; line-height: 22px; } .profile-sec-heading a.nav-link.active { padding: 0 !important } .profile-sec-heading .nav-link h3 { display: block; } .profile-sec-heading .nav-link.active h3 { margin-bottom: 0; } .no-friends { padding-top: 10px; margin-bottom: 10px; } .no-friends .btn-primary { font-size: 13px; } .friendslist-profile li .friend-info { width: 28px; height: 28px; line-height: 28px; font-size: 14px; margin-right: 5px; } .friendslist-profile li { padding: 6px 10px; margin: 0 -10px; } .transaction-no-record h4 { font-size: 18px; } .btn.blue-btn.vendor-view, .btn.white-btn.vendor-view { font-size: 14px; } .service-para { min-height: 82px; } .location-info.fixed-charge { min-height: 150px; } .float-right.switch-button-sec { font-size: 16px; } .float-right.switch-button-sec label>span::before { width: 14px; height: 14px; } .grptype.type-grp { float: left; } /*vendor-page responsiveness*/ .vendor-results { padding: 0 16px; } .list-result { margin: 0px 15px; } .review-vendor-detail { float: left; } .vendor-image-area .img-fluid { height: 100%; object-fit: cover; } .service-bottom-area p { margin-bottom: 3px; } .service-basic-info p { margin-bottom: 0px; } .user-info h3 { font-size: 24px; } .vendor_edit a { font-size: 16px; } .select-options a { font-size: 14px; padding: 6px; } .vendor-sidebar h5, .vendor-sidebar h2, .service-head h3 { font-size: 17px; } .event-add h2 { font-size: 18px; } .page-title { font-size: 18px; padding: 10px 20px; } .col-xs-12.col-md-9.event-listing { padding-left: 15px; } .event-listing { border-left: 0px solid #3790ff; margin-left: 0px } .vendor-results .vendor-results { padding: 0; margin-bottom: 20px; } .eventAdd .event-add { padding-right: 15px; padding-left: 15px; } h4.bank_info { font-size: 16px; font-weight: 500; } .event-sidebar a { font-size: 14px; } .form-horizontal label { margin: 0px 0 0; } label.control-label.col-xs-12.col-sm-3 { font-size: 15px; } label.control-label.col-xs-12.col-sm-2.pr-0 { font-size: 15px; } .event-sidebar span { font-size: 15px; margin-bottom: 0px; margin-top: 3px; float: right !important; } .badge-cicle.badge-icon { right: 8px; } .btn.btn-primary.view-all.see-msg { font-size: 14px; font-weight: 500; } .book-in.row { clear: both; } .cyan-back { padding: 30px 12px; } #addservices input { padding: 5px !important; } .service_info.word-break p a { word-break: break-all; } .contact-v-info.break-word p a { word-break: break-all; } .form-check-label .checkmark.acknow { left: 0; } .input-group.time-hour { display: inline-block; } .input-group.time-hour input { width: 100%; } .input-group-append.timely span { float: left; padding: 11px; } .end-content { line-height: 1.2; } .total-cost-box { margin-top: 42px; } .Eventhost-img.event-pic img { width: auto; } .upcoming-event.event-up { margin: 0px 15px; } .text-area-add.location-charge span { width: auto; } .houre-tot { margin-left: 15px; margin-right: 15px; float: left; } .text-area-add.refund-periods.refund-hr { display: block; } .hours-button-sec button { margin: 15px !important; float: right !important; } .Eventhost-txt.calendar h3 span { float: none; } .Eventhost-txt.calendar { margin-top: 5px; } .payment-cost-structure, .refund_allowed, .refund_types_op.refund_allowed_options { top: 3px; } .refund_term { padding: 10px; } td:before { position: relative; top: 0; left: 0; width: 100%; text-align: left; white-space: nowrap; padding-right: 0px; } .refund_term .table td { vertical-align: text-bottom; } td { text-align: left; } .add-in-btn { width: 100%; } .dd.ddcommon.borderRadius { width: 140px !important; } .total-cost-box { margin-top: 0px; } .end-content { width: auto; } .end-content.end_content_downpayment { margin-top: 12px; } .total-cost-box.final-cost { margin-top: 42px; } .total-cost-box.down-low { float: right; } li.share-menu-item svg { font-size: 41px; width: 36px !important; padding: 10px; color: white; } .star-rate.col-xs-12.col-md-3.text-center.text-sm-right { text-align: center !important; } } @media screen and (max-width:767px) { #profile-information { padding-top: 100px !important; } .searchbar_flex { display: block; } .single-event-txtlist { height: 40px; } .event-item-listing h6 { font-size: 14px !important; width: auto; margin: 15px 0px; float: left; font-weight: normal; margin-right: 15px; color: #0d3c55; font-weight: 400 !important; margin-bottom: 16; } .other-event-single .btn-cant-go { border-radius: 3px 3px 0px 0px !important; } .dashboard-sec .otherstatus::before { top: 50px !important; left: 140px; } #profile-information .navbar-collapse { padding: 10px 0 0; height: 100vh; } #profile-information .navbar-toggler.collapsed~.navbar-collapse { transition: right 500ms ease-in-out; } .profile-tabs { margin-top: 0px !important; padding: 0px; position: absolute; background-color: #a8a8a8 !important; box-shadow: 0 10px 12px rgb(0 0 0 / 20%); z-index: 9999; top: -24px; width: calc(100% + 200px) !important; left: -185px } .Eventinvited-txtlist1 li { float: left; width: 22% !important; } .user-email a { border-bottom: none; } .user-info { margin-left: 0px; } .Eventhost-address p { width: 100%; margin-bottom: 0; } .this-months-section { margin-top: -24px; } .Eventhost-txtlist2 ul li p { font-size: 12px !important; } .Eventhost-img { order: 1 !important; } #profile-tabs.page-create-event .item-contribution-section .form-group input { height: 38px !important; } #profile-tabs.page-create-event .item-contribution-section .add-btn { display: inline-block; margin: 0; vertical-align: middle } #profile-tabs.page-create-event .item-contribution-section .add-btn .btn { margin-top: 22px } .group-list .time-address-sec { width: 100%; } #profile_pic_modal .modal-dialog { max-width: 90% !important } .container.profile_pic_container .card-body .cr-image, .container.profile_pic_container .card-body .cr-overlay, .container.profile_pic_container .card-body .cr-viewport { transform: translate3d(0) !important; } .container.profile_pic_container .card-body .col-md-12 { padding: 0 } .container.profile_pic_container { width: 100%; height: auto; } .mny_blk.money-blue { min-height: auto; } .stepwizard-step a { padding: 5px 10px !important; } footer.inner-footer { padding-top: 0 } footer.inner-footer p { font-size: 12px; } #top-search-sec.top-search.show { display: block; margin-bottom: 0; } #top-search-sec.top-search.show input, form.top-search .input-group-addon { border-bottom-color: rgba(255, 255, 255, 0.2) } .search-head .input-group.invite-friend span.input-group-addon { border-right: 1px solid rgba(255, 255, 255, 0.2); border-top: 0; border-left: 0; border-bottom: 0; } #street_number { margin-bottom: 10px; } .event-date-area { position: relative } .event-date-area i { position: absolute; right: 15px; top: 10px; } .button-block .btn-danger, .button-block .btn.btn-DEFAULT { width: auto; font-size: 14px; padding: 8px 24px; } .forget p { padding: 4px 0; } .buttons-socialize-login { margin: 6px auto 0 !important; } .login-head .inner-login h1 { font-size: 22px; margin-bottom: 15px; } .front-homepage a.btn.transparent-btn, .login-head a.btn.transparent-btn { margin: 10px 2px; font-size: 13px !important } [type="radio"]:checked+label, [type="radio"]:not(:checked)+label { margin-right: 10px; } .form-check:last-child label { margin-right: 0; } .creategroup { margin-top: 25px; } .joined-owl-carousel.owl-carousel .owl-item img { height: 200px; } .add-fav-btn { width: auto; margin-bottom: 10px; } .add-fav-btn a.btn { padding: 3px 6px; font-size: 12px; } .list-group-item .row>div.pr-0 { padding-right: 15px !important; } .front-homepage .carousel-caption { bottom: 10px; } .front-homepage .carousel-caption span { font-size: 18px; } .front-homepage .navbar .navbar-brand .img-fluid, .login-head .logo-sec .img-responsive { max-width: 80px } .top-search-without-login .search-top .top-noti-profile-sec { max-width: 100%; position: relative; float: left !important; text-align: center; width: 100%; } .top-search-without-login .search-top .top-noti-profile-sec>ul { width: auto; float: none !important; display: inline-block; } .top-search-without-login .search-top.top-sec .profile-info li { margin: 0 3px; float: left !important; } .top-search-without-login .search-top.top-sec .profile-info li.ss-download-btn .btn.btn-primary { font-size: 12px; padding: 0; width: 30px; height: 30px; line-height: 34px; border-radius: 50%; } .top-search-without-login .search-top.top-sec .profile-info li.ss-download-btn .btn.btn-primary i { font-size: 13px; } .top-search-without-login .search-top.top-sec .profile-info li .btn.btn-primary { padding: 4px 8px; } .top-search-without-login .search-top .top-logo-sec { max-width: 100% } .verification-title { font-size: 15px; } .verification-popup .col-md-7 { padding-left: 15px; } .rating-buttons { float: left; width: 100%; } ul.Eventinvited-txtlist1 li>a.btn-group { width: 25%; padding: 5px 0 } ul.Eventinvited-txtlist1 li p.otherstatus { width: auto; margin: 0; } .dashboard-sec .Eventhost-txtlist-area ul li span { margin: 0 auto; } .dashboard-sec .Eventhost-txtlist-area ul li a p { line-height: 20px; } .top-search.collapse.show { display: block; } #profile-tabs .selectuser-list .create-grp .form-group { margin-bottom: 1em !important; } .payment_detail_row2 ul li { float: left; width: 100%; } .payment_detail_row2 ul { padding: 0 15px; float: left; width: 100%; margin-bottom: 0; } .payment_detail_row2 { float: left; width: 100%; } .payment_detail_row2 p { font-size: 15px; } .profileViewLine2txt .row1 a img { width: 5%; } .profileViewLine2txt { margin-top: 12px; } .payment_term p { font-size: 14px; padding-right: 10px; } .service-bottom-area>div>div { margin-bottom: 3px; width: 50%; } .top_title { font-size: 22px; } .service_info { border: 0; } .vendor-image-area { height: auto; overflow: visible; } .review-vendor-detail { float: left; } .dashboard-sec .header-title { margin-top: 0 !important } .dashboard-sec .Eventhost { margin-bottom: 20px; } .header-title .btn-view { padding: 4px 8px; } .user-profile.change-profile { max-width: none } .user-profile { margin: auto; width: 120px; height: 120px; } .remember .checkmark { left: 0; } .host-event-descr p { padding-right: 15px !important; width: 100%; } .login-head .inner-login { margin-bottom: 20px; } .download h1, .boxes-bottom h2, .content h1 { font-size: 24px; margin-bottom: 0; padding-bottom: 0; text-align: center; } .download p, .newsletter p, #aboutus p, .invite-box-inner p { font-size: 14px; margin-bottom: 0; padding-bottom: 0; } .download p>br { display: none } .eventshome h1 { padding-bottom: 0; } .sticker h6 { margin-bottom: 0; } .copy-right p { color: #fff; font-size: 12px; text-align: center } .footer-logo-area { margin: 15px 0; } .inner-login, .inner-signup { margin-bottom: 20px; } .myimg-block { width: 41px } .vendor_edit { margin: 10px 0 10px !important; } .vendor_edit .btn { float: none; font-size: 14px; padding: 6px 10px !important; } .user-info h3, .profileViewLine4About h2 { font-size: 24px !important; margin-bottom: 10px } .profileViewLine2txt { padding: 0 15px 15px; } .profileViewLine3 ul li { padding: 22px 0 0; } .profileViewLine4About { float: left; } .profile_vendor .profileViewLine4About p { margin-bottom: 13px; font-size: 14px; text-align: justify; } .profile_vendor .profileViewLine4About p:last-child { text-align: center } .profileViewLine4About .btn-danger { margin: 10px; float: none; } .profileViewLine4About .ml-4 { margin-left: 0 !important; } .profile-info li.dropdown img { margin-top: 0px; } .profile-info li { margin-left: 10px; } ul.profile-info li.drop-sec { margin-top: 0; vertical-align: middle } #step2Service label.chcheked { margin: 0; } .min-order-tab { padding: 10px; } .order-td { text-align: center; margin-bottom: 0; width: 95%; } .example-order { padding: 10px 10px; } .order-td label { margin: 0; } span.order-td, span.order-td:nth-last-child(2) { width: 100%; font-size: 18px; text-transform: lowercase; text-align: center } span.order-td:last-child { width: 100%; text-align: center; } .stats li { font-size: 28px; } .stats li span { float: none; display: inline-block; width: auto; vertical-align: middle; font-size: 16px; } .stats small { float: none; display: inline-block; width: auto; vertical-align: middle; font-size: 11px; } .profile-tabs { width: auto; padding-bottom: 0; } .createbutton { bottom: -44px } .no-friends { padding: 15px 0; position: relative; margin: 0 auto; } #profile, #buzz .friendslist-profile, #profile .friendslist-profile { max-height: none } .event-listing .group-list .list-group-item { padding-right: 15px; } .event-listing .group-list .list-group-item img { margin-right: 0; } .group-list-content p { font-size: 14px; /*text-align: justify;*/ margin-top: 6px } .event-sidebar { padding-bottom: 0; margin-bottom: 0; } .event-listing .group-list .list-group-item { margin: 10px 0; } .list-group-item .event-action-area ul li { padding: 5px 6px } .event-listing .group-list .list-group-item { border-radius: 0; } .upload-image-cam { max-width: 55%; } .event-sidebar .active span.float-right { width: auto; } .image-hover-btn { display: block !important; left: 5px; right: 5px; bottom: 5px; } .service-head h3 { margin-right: 0; margin-bottom: 0; width: 100%; } .service-results-sec .review-sec { display: inline-block; width: 100%; text-align: left; margin: 5px 0; } .user-info h3 { width: auto; vertical-align: bottom; margin-bottom: 0; } .user-email { display: flex; line-height: 28px; font-size: 15px; width: auto; float: none; text-align: center; } .user-email a { border-bottom: 0.5px solid #000 !important; padding: 8px 0px; } .info-details { padding-bottom: 0 !important; border-color: #efefef; } .about-me select#countries { font-size: 14px; } .profile-info #friendslistRequest { min-width: 280px; right: -42px; } .profile-info .dropdown-menu.friendslist li { padding: 5px 8px; } .card-event { height: 415px; } .add-btn { text-align: center; margin: 0 auto 10px auto; } h4.bank_info { text-align: center; } .share-menu.share-list { z-index: 9; position: absolute; top: 50; left: -5; } .share-box.share-label { position: relative; } .Eventhost-txtlist1 ul.event-list { border: 1px solid #3790ff; } .past-event-list li .rating-star.start-star { display: block; margin-left: 0px; } .past-event-list.review-host-sec li .btn.btn-review { margin-left: 0px; } .text-sm-right.text-element { text-align: center !important; padding-left: 15px !important; } .recreate-button.create-btn { text-align: center !important; } .profile-info.float-right.notification-right { text-align: right; } .f1-steps { margin-left: 0px !important; } .f1-steps.add-service-steps .f1-step span { font-size: 13px; } .img-fluid.picture { width: 100%; height: auto; } .btn.btn-primary.send-invite { width: auto !important; border-radius: 0 !important; } .stepwizard-step .btn-default { width: 100% !important; } .full-height-area { min-height: auto !important; } .btn-nxt-vendor2 { text-align: center; } .dd.ddcommon.borderRadius { width: 140px !important; } /*For Notification page*/ .btn.btn-primary.under-review { float: none !important; } .share-box.share-label label { font-size: 12px; } .past-event-list h1 { text-align: left; margin: 7px 0 8px 5px; } .past-event-list.review-host-sec .reviewevent .row>div .post-services { width: 100%; } .past-event-list.review-host-sec .reviewevent .row>div { padding: 0 22px !important; } .past-event-list.review-host-sec .reviewevent img { width: 100%; max-width: 100%; height: 180px; margin-right: 0; } .past-event-list.review-host-sec { text-align: center; } .past-event-list.review-host-sec .post-services { border: 0; padding-right: 0px !important; } .post-services.post-services.text-center.text-sm-left .btn { width: auto; margin-right: 0px; margin-top: 10px; } .three-buttons .back-next { float: none; } .three-buttons .btn.btn-previous { float: none; margin: 0px; } .f1-buttons.three-buttons { margin-right: 0px; } .three-buttons { padding: 15px; text-align: center !important; float: none; } .btn.blue-btn.vendor-view, .btn.white-btnvendor-view { font-size: 18px; } .verification-popup .form-control { border-radius: 0 } .phone-country-id { width: auto; } .remember.check-here .checkmark { left: -23px !important; } .remember.check-here .checkbox { padding-left: 25px !important; } .btn.my-favorite, .btn.save-to-event.save-evt { width: 100%; margin-top: 10px; } .small-100width .status-sec { float: right; } .small-100width .top_title { font-size: 18px; } .profileViewLine1 .small-100width a.edit-option { margin-top: 0; } .small-100width { width: 100% } .dashboard-sec .upcoming-event { padding: 5px 15px 0 !important; } .dashboard-sec .upcoming-event p { margin-top: 0; font-size: 13px; } .dashboard-sec .upcoming-event label+div { margin-bottom: 10px; font-size: 13px; } .dashboard-sec .upcoming-event label { margin-bottom: 0; margin-right: 5px; font-size: 13px; } .Eventinvited-txtlist1 .btn-group { border-radius: 0 !important; display: inline-block; text-align: center; } .profile-info .dropdown-menu.friendslist a { font-size: 13px; } .float-right.switch-button-sec { display: inline-block; font-size: 15px; } .switch2 { width: 60px; height: 20px !important; } .switch2 input:checked+.slider:before { -webkit-transform: translateX(-41px); -ms-transform: translateX(-41px); transform: translateX(-41px) } .slider:before { height: 14px; width: 14px; } .addevent-section p { font-size: 14px; text-align: justify; } .addevent-section h5, .addevent-section h4 { font-size: 16px; margin-bottom: 5px; } .grptype { margin-right: 0; margin-top: 0; } .event_description { font-size: 15px } .Event-date>span { float: left; } .Eventhost-txtlist1 ul li { padding-top: 10px; padding-left: 4px; padding-right: 4px; } .Eventhost-txtlist1 ul li:nth-child(2) { margin-left: 10px !important; } .Eventhost-txtlist1 ul li:nth-child(3) { border-width: 1px; margin-left: 10px !important; } .Eventhost-txtlist1 ul li:nth-child(4) { margin-left: 10px !important; } .Eventhost-txtlist1 ul li p { width: auto; font-size: 10px; font-weight: 700; margin-bottom: 4px !important; } .Eventhost-txtlist2 { margin: 5px 0px 0px; } .Eventhost-txtlist2 ul li span { float: left; width: 100%; } .Eventhost-txtlist2 ul li p { margin: 0; padding: 6px 2px } .Eventhost-address.event-map p { padding: 8px; float: left; } .Eventhost-address.event-map p span { display: inline-block; width: calc(100% - 30px); vertical-align: top; } .Eventhost-address.event-map a { width: 100%; text-decoration: none; } .event-sidebar a svg, .modal-content .modal-title { font-size: 18px; font-weight: normal; } .services h2 { margin-top: 0; font-size: 18px; } .invitemodel .modal-body { float: left; width: 100%; } .invitemodel .eventAddline4 { padding: 0; margin-bottom: 0; } .invitemodel .modal-footer.modal-close { float: left; width: 100%; padding: 0; } .invitemodel .event-tabs-opt>div { padding-right: 15px !important } .event-select-sec { padding-left: 0; } .popup-invite .tab-content>.active { border-left: 0; } .popup-invite .tab-content>.active .container { padding-left: 0; padding-right: 0; } .modal-body p { width: 100%; } .invitemodel .modal-footer.modal-close>.btn { font-size: 13px } .gm-style .gm-style-cc span, .gm-style .gm-style-cc a, .gm-style .gm-style-mtc div { font-size: 14px !important; padding: 0 6px !important; height: 32px !important; } .time-address-sec .direction_btn { width: 100% !important; margin: 0; } .time-address-sec .event-address { width: 100% !important; font-size: 14px !important; margin-top: 10px; } .event-item-listing .date-map-area .date_calender h4 { margin-left: 0; font-size: 13px; } .event-item-listing .date-map-area .date_calender { display: inline-block; } .money-blk .mny_blk h4 { float: left; width: 100%; font-size: 15px !important; padding: 18px 12px !important; } .money-blk .mny_blk h4 br { display: none; } .single-inner-section { padding: 15px; } .time-address-sec { margin-bottom: 10px; } .btn-set { margin-top: 0px !important; } .top-bg-color { background-image: linear-gradient(to right bottom, #57A4E1, #004D7B); } .single-inner-section p { margin-bottom: 0px; } ul.event-money-area.money-blk li { margin: 0 0 10px !important; width: 31% !important; } ul.event-money-area.money-blk li span { padding: 5px; font-size: 14px; font-weight: 500; } .Eventhost-txtlist2 ul li { float: left; width: 32%; border: 1px solid rgba(255, 255, 255, 0.3); } .Eventhost-txtlist2 ul li:nth-child(2) { margin: 0 8px; } ul.event-money-area.money-blk li.money-blue { margin: 0 2.9% 10px !important; } .money-blk .mny_blk h4 { font-size: 11px !important; padding: 9px 2px !important; } .forgot-password-login-sec>div { width: 60% } .forgot-password-login-sec>div:last-child { text-align: right; width: 100% } .event-listing { margin-left: 0; } .event-listing .event-item-listing img { border-radius: 3px 3px 0px 0px !important; } .Eventhost { background-color: transparent } .transaction-no-record h4 { padding: 0 5px; font-weight: normal; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .dashboard-sec .otherstatus { top: 0px !important; width: 92px; left: 0px !important; } .dashboard-sec .otherstatus::before { position: absolute; content: ""; top: -19px !important; right: 0px; border-top: 14px solid #0d3c55; border-right: 13px solid transparent; border-left: 13px solid transparent; } .dashboard-sec .otherstatus::before { left: 72%; } .mobile-contribute-now-section .otherstatus::before { display: none; } .stats small { font-size: 12px; } .user-profile { height: 90px; width: 90px; } } @media (max-width: 600px) { .event-contribute-date { font-size: 13px !important; } .single-event-invitation .event-listing .group-list .event-item-listing .Eventinvited-txtlist1 .btn-group { width: 80px; } .createbutton { bottom: -50px !important; } .event-listing .event-item-listing img { border-radius: 3px 3px 0px 0px !important; height: 244px !important; } .event-detail { bottom: 0px !important; } } .transaction-table .setup-content #accordion .form-control, .transaction-table .setup-content #accordion select#countries { max-width: 100%; } @media screen and (max-width: 575px) { .single-event-invitation .event-listing .group-list .event-item-listing .Eventinvited-txtlist1 .btn-cant-go { padding: 3px 9px; max-width: 20.8% !important; width: 20.8% !important; font-size: 9px; border-radius: 8px 8px 0px 0px !important; color: #0d3c55; font-weight: 700 !important; font-size: 11px; } .single-event-invitation .event-listing .group-list .event-item-listing .Eventinvited-txtlist1 .btn-report { padding: 3px 9px; max-width: 20.8% !important; width: 20.8% !important; font-size: 9px; border-radius: 0px 0px 8px 8px !important; color: #0d3c55; font-weight: 700 !important; font-size: 11px; } .stats small { font-size: 12px; } .btn-pledge { width: 100% !important; } .dashboard-sec .otherstatus::before { top: -13px !important; left: 72px; } .form-control::placeholder { font-size: 14px !important; } .Eventhost-address.event-map { margin: 16px 0px 0px; } .event-add .form-control { display: flex; align-items: center; } .event-date-area i { position: absolute; right: 12px; top: 12px; } .timeSet { margin-right: 15px !important; } .timeSet i { position: absolute; right: 12px; } .timeSet-calendar i { top: 14px !important; } .Eventinvited-txtlist1 li { width: 21.80% !important; } .profile-tabs { margin-top: 0px !important; padding: 0px; position: absolute; width: calc(100% + 160px) !important; background-color: #a8a8a8 !important; box-shadow: 0 10px 12px rgb(0 0 0 / 20%); z-index: 9999; left: -144px; } .Eventhost-txt h4 { font-size: 13.5px; } .Eventhost-txt p, .short-para { color: #0d3c55 !important; } .Eventhost-head p { font-size: 14px; } .transaction-table .setup-content #accordion .form-control, .transaction-table .setup-content #accordion select#countries { max-width: 100%; margin: 0 0 10px } input.btn.submitEvent { float: none; text-align: center; } .service-bottom-area .contact-v-info a { display: inline; width: 50%; } .post-services.post-services.text-center.text-sm-left { text-align: left !important; } .dd.ddcommon.borderRadius { width: 100% !important; } .editbutton { right: -10px; top: -35px; } ul.Eventinvited-txtlist1 li p.otherstatus { float: none; } .carousel { margin-top: -20px !important; } } @media screen and (max-width:767px) { .dashboard-sec .other-event-single { left: auto !important; top: 34px !important; position: absolute; right: 5%; } footer { text-align: center; display: block; } .dashboard-sec .other-event-single a { width: 100%; border-radius: 0px !important; font-size: 12px; font-weight: 400 !important; margin-left: 4px; height: 33px; display: flex; align-items: center; justify-content: center; text-decoration: none; padding: 3px 9px; color: #0d3c55; background-color: #ffffff !important; } .mobile-contribute-now-section .otherstatus { width: 115px !important; right: 5px !important; margin-top: 5px !important } .dashboard-sec .otherstatus { width: 92px; top: 0px; } .single-event-invitation .event-listing .group-list .event-item-listing .Eventinvited-txtlist1 .btn-cant-go { border-radius: 3px 3px 0px 0px !important; max-width: 100% !important; width: 100% !important; } .single-event-invitation .event-listing .group-list .event-item-listing .Eventinvited-txtlist1 .btn-report { border-radius: 0px 0px 3px 3px !important; max-width: 100% !important; width: 100% !important; } .other-event-single { left: 400px; } .dashboard-sec .other-event-single a:first-child { border-radius: 3px 3px 0px 0px !important; } .dashboard-sec .other-event-single a.active { background: #0d3c55 !important; } .dashboard-sec .other-event-single a:last-child { border-radius: 0px 0px 3px 3px !important; } .row.upcoming-event-sec { margin-top: 0px; } .event-secription-section { height: 300px; } #profile-information .navbar-collapse { opacity: 0; padding: 10px 0 0; height: 100vh; position: fixed; top: 0px; right: 0; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; } #profile-information .navbar-collapse.show { opacity: 1; width: calc(100% - 50%); right: 0; top: 12%; transition: right 300ms ease-in-out; background-color: #f27025 !important; } #profile-information .navbar-collapse .nav-link { color: #fff !important; } #profile-information .navbar-collapse .nav-link.active { border-bottom-color: #fff !important; } #profile-information .navbar-toggler.collapsed~.navbar-collapse { transition: right 500ms ease-in-out; } .Eventinvited-txtlist1 li { float: left; width: 22%; } .transaction-table .setup-content #accordion .form-control, .transaction-table .setup-content #accordion select#countries { margin: 0; } footer.inner-footer { margin-bottom: 0px !important; /* margin-bottom: 60px !important; */ } .vendor-mod footer.inner-footer { margin-bottom: 0; } .login-head .logo-sec .img-responsive { max-width: 100px !important; width: 100%; } .mobile-app-android-icon { justify-content: center !important; } .copy-left.text-right { text-align: center !important; } .profileViewLine2txt { padding: 0 15px 15px; } .Eventinvited-txtlist1 .btn-group:first-child, .Eventinvited-txtlist1 .btn-group:nth-child(2) { margin-bottom: -1px; } .event-listing { margin-left: 0; margin-top: 15px; } .Eventhost { background-color: transparent } .Eventhost>div.row { margin: 0; } .vendor-results { padding: 0; } .vendor-sidebar h5, .vendor-sidebar h2, .service-head h3, .event-add h2 { font-size: 16px; } .page-title { font-size: 18px; padding: 11px 20px; } .select-options a { font-size: 15px; margin-bottom: 0px; padding: 6px 10px; } .invite-box-inner .img-fluid { width: auto; max-width: 40px; } .event-add .form-control { max-width: 100% !important; } .form-horizontal label { margin: 0px 0 0; } h4.bank_info { font-size: 16px; } .event-sidebar a { font-size: 14px; padding: 5px 10px; } .single-event-invitation .event-listing .group-list .event-item-listing .Eventinvited-txtlist1 .btn-group { font-size: 12px; margin-left: 4px; height: 36px; display: flex; align-items: center; justify-content: center; text-decoration: none; width: 96px; border-radius: 3px !important; } .single-event-invitation .event-listing .group-list .event-item-listing .Eventinvited-txtlist1 { padding: 6px 0 6px 15px; } .Eventinvited-txtlist1 .btn-group i { margin: 0 } label.control-label.col-xs-12.col-sm-3, label.control-label.col-xs-12.col-sm-2.pr-0 { font-size: 15px } .list-result { margin: 20px 15px; } .f1-buttons { text-align: center; } .top-search-sec { max-width: calc(100% - 28px); padding-right: 0; } .mobile-p-0 { padding: 0 !important; } .profileViewLine3 ul li a { font-size: 15px; } .navbar-light .navbar-toggler { margin-left: 10px; } .overViewLoc h2 { font-size: 20px; } .Servis01Head .text-left { font-size: 20px; } .order-td { display: block; } .third-inner .form-check { padding-left: 0; } .third-inner .asset-image { margin-top: 0; } .col-xs-6 { width: 50%; } .screen-pl-3 { padding-left: 0; } .down-payment-sec { margin-bottom: 0px; } .vendor-profile-detail.stats { margin-top: 0px; display: flex; } #mobilesection { display: none; } .local-col.col-xs-6.col-sm-6.col-md-6 { width: 50%; } .modal-dialog { max-width: 70% !important; } .reverse-col.row { flex-direction: column-reverse; } .img_section.vendor-service-banner-img { margin-top: 10px; } .min-order-tab .order-td .form-control { padding: 5px 5px !important; } .form-control.get-together1.refund_allowed_options { width: auto; } .form-control.get-together2.down_payment_ebdb, .form-control.get-together2 { width: 100%; max-width: 165px; } .total-cost-box.book-time { margin-top: 0px; margin-bottom: 10px; } .text-area-add.location-charge span { width: auto; } .houre-tot { margin-left: 0px; margin-right: 15px; } .text-area-add.refund-periods.refund-hr { display: block; } .hours-button-sec button { margin: 15px !important; float: right !important; } .text-area-add span { float: left; width: auto; } .total-cost-box { margin-top: 0px; margin-bottom: 5px; } .end-content { margin-left: 0px; } .refund_term { padding: 10px; } td:before { position: relative; top: 0; left: 0; width: 100%; text-align: left; white-space: nowrap; padding-right: 0px; } .refund_term .table td { vertical-align: text-bottom; } td { text-align: left; } .label-book { flex: 1; } .float-right.button-accept { float: left !important; width: 100%; text-align: end; } .join-group-request-list .float-right.button-accept { float: right !important; } .group-list.join-group-request-list li.list-group-item { margin: 10px 0; } /*host*/ .service-bottom-area.related-button>div>div { width: 100%; margin: auto; } .dataTables_filter { float: left !important; } .form-control.input-sm.input-xsmall.input-inline { margin-left: 12px; } .dataTables_paginate.paging_bootstrap_number { float: right !important; } .reverse-eventhost.row { flex-direction: column-reverse; } .event-add .form-control { min-width: 96px !important; } li.share-menu-item svg { width: 51px !important; } .badge-cicle.badge-icon { right: 0px; left: 32px; } li.list-group-item .message-img img { width: auto; } .row.no-gutters img { width: auto; } .row.no-gutters label { display: block; } .upcoming-event-sec.row .group-s-tittle { min-height: auto; } .star-rate { margin-top: 0px; } .star-rate.text-sm-right { text-align: left !important; margin-top: 5px; } .post-services h4 { margin-top: 15px; margin-bottom: 5px; } /* .event-add {padding:0 15px;} */ .section-head .event-add { padding: 0; } .form-control.select-country.contry { margin-bottom: 10px; } .editbutton { right: -6px; } .top-noti-profile-sec { margin-top: -31px; position: absolute; top: 47px; right: 0; } .top-noti-profile-sec-dashboard { margin-top: -15px !important; position: absolute !important; top: 32px !important; display: flex !important; } div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_length { text-align: left !important; } .friend-info { width: 24px; height: 24px; line-height: 24px; font-size: 13px; } #top-search-sec ul#myUL li { padding-bottom: 7px; margin-bottom: 6px; font-size: 16px; } #top-search-sec ul#myUL li:last-child { padding-bottom: 0; margin-bottom: 0 } #myUL li, #myUL1 li { margin-bottom: 0; } .c-content-title-1 h3 { font-size: 20px; } .c-content-title-1 p, .c-content-title-1 ul li, .c-content-title-1 ol li { text-align: justify; font-size: 13px; } .top-search-without-login .upcoming-event-sec>div { padding: 0; } .unauth-group h2, .unauth-group .upcoming-event-sec h2 { font-size: 16px; text-transform: uppercase; font-weight: normal; float: left; width: 100%; margin: 10px 0 0; } .unauth-group .upcoming-event-sec>div { padding: 0; } .unauth-group .group-s-tittle, .unauth-group .upcoming-event-sec p { float: left; width: 100%; } .unauth-login-message .alert p { font-size: 14px; } .unauth-login-message { /*display: inline-block;*/ text-align: center; margin: 1rem 0 -2rem; } .time-address-sec.location span span { display: inline-block; width: calc(100% - 25px); vertical-align: top; margin-left: 5px; margin-bottom: 10px; } .single-event-invitation .event-listing .group-list .event-item-listing h3 { text-align: center; margin-bottom: 15px; font-weight: 600; padding: 0px; } .single-event-invitation .event-listing .group-list .event-item-listing .set-span { display: flex; justify-content: space-between; margin-bottom: 15px; } } @media screen and (max-width: 500px) { .eventAdd .btn-friend { padding: 0px 16px; } #profile-information .navbar-collapse.show { width: calc(100% - 30%); top: 75px; } .event-listing .event-item-listing img { border-radius: 3px; height: 244px !important; } .eventAddFormPhoto img { height: 244px; } /* .change-img-popup .modal-dialog .modal-body .col-md-12, .change-img-popup .modal-dialog .modal-body {padding:0;} */ .change-img-popup .modal-dialog { max-width: 98% !important } #profile_pic_modal .modal-content .cr-boundary { margin-top: 30px; } .user-profile img { object-fit: cover; justify-content: center; margin: 0px !important; display: flex; } #mobilesection { display: block; } .vendor-order .card-body.transaction-tabs table td .btn { margin-bottom: 5px } .vendor-order .card-body.transaction-tabs table td { text-align: center; font-size: 14px; padding: 10px; } .reviewpage .card-body.transaction-tabs .table .thead-light th, .transaction-table table td { padding: 10px; font-size: 14px; vertical-align: middle; } .card-body.transaction-tabs li.nav-item a { padding: 10px 0; font-size: 14px; } .stats { margin-top: 0; } li.share-menu-item svg { width: 40px !important; } .stats li { font-size: 15px; } .Eventinvited-txtlist1 .btn-group:first-child, .Eventinvited-txtlist1 .btn-group:nth-child(2) { margin-bottom: -1px; } .Eventinvited-txtlist1 .btn-group { border-radius: 0 !important; display: inline-block; text-align: center; } .Eventinvited-txtlist1 li a { display: flex !important; align-items: center !important; padding: 10px !important; margin-top: 0px !important; height: 36px !important; } .dashboard-sec .Eventhost-txtlist1 p { width: 100%; text-align: center } .invite-box-inner img { padding: 0; display: inline-block; max-width: none; width: 21%; margin-bottom: 15px; } .invite-box-inner h4 { display: block; } .inner-login .form-group.remember { margin-left: 0; } .card-event { height: 230px; } .form-horizontal .btn { float: none; text-align: center; } .item-request { width: 100%; text-align: center; } .add-btn { text-align: center; margin: 0 auto 10px auto; } .full-height-area { min-height: 210px; } h4.bank_info { text-align: center; } .next-btn-btn { text-align: center; } .float-next-btn { width: auto; } .share-box.share-label label { font-size: 12px; } .stepwizard { display: block; } .stepwizard-step { margin-top: 0; } .stepwizard-step a { border-left: 0 !important; } .input-group.invite-friend { position: relative; display: block; } .input-group-addon.bg-white.invite-search { position: absolute; top: 6; z-index: 9; border: 1px solid #ced4da; } .form-control.search_friend_box.invite-input { position: relative; width: 100% !important; } .btn.btn-primary.search_friend_new.invite-button { margin-top: 12px; } .modal-footer.modal-button { padding: 0; width: 100%; margin-left: 31px; } .btn.btn-default.btn-rsvp { display: inline; border-radius: .25rem; font-size: 14px; } .btn.btn-primary.btn-contri { border-radius: .25rem; font-size: 14px; } .modal-footer { display: inline-block; text-align: center; } .modal-footer.modal-close { padding-top: 0; display: block; float: none; margin-top: 15px; } .dashboard-sec .Eventinvited-txtlist1 .btn-group i { margin: 0; display: block; } .btn.btn-primary.btn-review.review { margin-left: 15px; } .share-menu.share-list { z-index: 9; position: absolute; top: 50; left: -5; } .share-box.share-label { position: relative; } .btn.btn-primary.invite-btn { border-radius: .25rem; } .Eventhost-txtlist1 ul.event-list { border: 1px solid #3790ff; } .modal-dialog, .sign-login-popup .modal-dialog { max-width: 90% !important; margin: auto; } .modal-dialog.modal-dialog-centered { max-width: 90% !important; margin: auto; } button.btn.btn-primary.send-invite { float: none; width: auto; border-radius: .25rem; } .past-event-list li { margin-bottom: 0px; border-bottom: 0px; padding-bottom: 15px; } .btn.add-favorite.fav { display: block; margin-bottom: 12px; } .btn.save-to-event.save-evt { display: block; margin-bottom: 12px; } .btn.btn-secondary.btn-close-primary { float: left; } .btn.btn-primary.btn-close-primary { float: left !important; margin-top: 0 !important; width: auto !important; } .center.center-page { text-align: center; } .past-event-list li .rating-star.start-star { margin-left: 0px; } .past-event-list.review-host-sec li .btn.btn-review { margin-left: 0px; } .btn.btn-next.type-next { padding: 6px 22px !important; } .form-group.text-right.reset-pay { text-align: center !important; margin-top: 30px; } .form-control.input-name { width: 100% !important; } .form-control.input-phone { width: 100% !important; margin-top: 5px; } .Eventhost-txt.event-para .Eventhost-txtlist1 p, .Eventhost-txt.event-para h3 { float: none !important; } .Eventhost-Block .Eventhost-txt.event-para h3 { float: left !important; width: 100%; } .stepwizard-step .btn-default.btn-primary { width: 100% !important; } .three-buttons .btn.btn-previous { float: none; padding: 6px 22px; } .f1-buttons .btn.btn-next { padding: 6px 22px !important; } .btn.mandatory.add-more-refund.refund_allowed_options { padding: 6px 22px !important; text-align: center; } .three-buttons { padding: 0px; text-align: center !important; float: none; } .btn.blue-btn.vendor-view, .btn.white-btn.vendor-view { font-size: 17px; } .vendor-order .card-body.transaction-tabs .nav-tabs .nav-link { text-transform: none; font-size: 14px; padding: .5rem 0px; } .transaction-no-record { text-align: center; width: 100%; height: auto; display: flex !important; align-items: center !important; } .float-right.switch-button-sec { display: inline-block; font-size: 15px; } .addevent-section p { text-align: left; line-break: auto; } .addevent-section h5, .addevent-section h4 { font-size: 16px; margin-bottom: 5px; } .paginator_container li { margin-bottom: 12px; } .top-search-sec { max-width: calc(100% - 15px); padding-right: 0; } .area-border span { float: none; margin-left: 10px; } .houre-tot { margin-left: 0px; } .pending-request-section { padding: 0 5px; } .btn.frnd-request-cancel-new, .btn.frnd-request-cancel-nonuser { padding: 3px 10px !important; } .card-body.transaction-tabs li.nav-item { height: 100%; } .card-body.transaction-tabs li.nav-item a { height: 100%; } .pending-request-section li a { font-size: 13px; } .text-area4 { float: none; } .text-area-add span { float: left; width: auto; } .hours-button-sec.option-add { margin: 0px !important; } .refund_term { padding: 10px; } td:before { position: relative; top: 0; left: 0; width: 100%; text-align: left; white-space: nowrap; padding-right: 0px; } .refund_term .table td { vertical-align: text-bottom; } td { text-align: left; } .btn.mandatory.add-more-refund.refund_allowed_options { float: left !important; } .past-event .card-body .list-group-item.credit-card { float: left; width: 100%; display: block; height: 115px; position: relative; } .service-bottom-area.related-button>div>div { width: 100%; margin: auto; } .post-services.post-services.text-center.text-sm-left { text-align: left !important; } #profile-information>.container>.row { position: relative; display: flex; align-items: center !important; margin: -15px !important; } #profile-information>.container>.row>div:last-child { width: 67%; padding: 0; position: static; } .profile-tabs { margin-top: 0px !important; padding: 0px; position: absolute; width: calc(100% + 35px); background-color: #fff !important; box-shadow: 0 10px 12px rgba(0, 0, 0, 0.2); z-index: 9999; top: -37; } #profile-information .createbutton { bottom: -40px !important; z-index: 9; font-size: 10px; height: 50px; width: 50px; } #profile-information .user-name-area { border-bottom: 0; } #profile-information .user-profile { width: 90px; height: 90px; margin-left: 0; } .event-item-listing h4.float-right { padding-left: 10px; } .host-profile { padding-top: 40px; } #profile-tabs { padding-top: 60px; } .unauth-group#profile-tabs { padding-top: 2rem; } #profile-information>.container>.row>div:last-child>.row:last-child { position: absolute; left: 0; width: calc(100% + 15px); } .vendor_edit .btn { padding: .5rem 0.4rem; } .user-info { margin-bottom: 0px; margin-top: 4px; } .user-info h3 { margin-bottom: 0px; text-align: left; } .user-info .user-email { text-align: left; } .vendor-profile-detail.stats { margin-top: 16px; margin-bottom: 6px; } .section-button .viewAll { padding: 5px 8px; font-size: 13px; display: block; } .event-sidebar a svg, .modal-content .modal-title { font-size: 16px; } .familymembers-info h3 { font-size: 15px; } .familymembers-info p { font-size: 14px; } } #deeplinkModal { pointer-events: none !important; background-color: transparent !important; } .getapp-open { overflow-y: scroll !important; } body.getapp-open.modal-open { overflow: scroll !important; } #deeplinkModal .modal-footer { border-radius: 0 !important; } #deeplinkModal .custom-modal-body { background-color: #0d3c55 !important; text-align: center !important; } #deeplinkModal .custom-modal-content { padding: 10px 0 !important; background-color: #0d3c55 !important; border-radius: 0; margin-bottom: 0 !important; } #deeplinkModal .custom-modal-footer { box-shadow: none !important; border: none !important; background-color: #0d3c55 !important; padding: 0 20px !important; text-align: left; } #deeplinkModal .close { color: #fff !important; width: auto; position: absolute; top: -15px; right: 10px; text-shadow: none !important; font-weight: 100; font-size: 25px; } .text-vendorapp { padding: 10px 0 0 !important; text-align: center; } .text-vendorapp a, #deeplinkModal .custom-modal-body .modal-paragraph { font-size: 16px !important; padding: 0 !important; font-weight: 300 !important; color: #eefbfb !important; } @media (max-width:480px) { #profile-information { padding: 40px 0 !important; padding-top: 100px !important; } .profile-information .navbar-collapse.show { top: 65px !important; } .inner-login, .inner-signup { padding: 30px; } .modal-body li.list-group-item { padding: 5px 7px; } .modal-body .list-inline { padding: 10px; } .page-content-wrapper.terms-page { padding-top: 100px !important; } .host-profile-page .transaction-tabs .tab-content #events.tab-pane { padding: 0 !important; } .host-profile-page .transaction-tabs .tab-content #events.tab-pane .event-item-listing h4 { font-size: 14px; } .mobile-contribute-now-section .otherstatus.otherstatuscheck.other-event-single { top: 90px !important; } } @media (max-width:427px) { .Eventhost-txtlist1 ul li { width: 45% !important; margin: 0 5px 10px !important; } .Eventhost-txtlist1 ul { display: flex; flex-wrap: wrap; justify-content: space-between; } .Eventhost-txtlist1 ul li:nth-child(2), .Eventhost-txtlist1 ul li:nth-child(3), .Eventhost-txtlist1 ul li:last-child { margin-left: 5px !important; margin-right: 5px !important; } .Eventinvited-txtlist1 li { margin: 0 5px 9px !important; width: 45% !important; max-width: 100%; } .Eventinvited-txtlist1 li a { padding: 12px !important; } ul.Eventinvited-txtlist1 li p.otherstatus { top: 35px; } } .disabledButton { cursor: not-allowed; } .befor-image-choose-div { background-color: rgba(255, 255, 255, 0.1); text-align: center; padding: 50px; font-size: 22px; color: #aaa; margin: 20px auto; border: 1px dashed #aaa; } /* Models */ #myModalMoneyCon { z-index: 9999; } #myModalEventCon { z-index: 9999; } #myModalItemsCon { z-index: 9999; } #inviteForEventModel { z-index: 9999; } #contributionsPopup { z-index: 9999; } #whynopass { z-index: 9999; } #myModal { z-index: 9999; } #replyCommentModal { z-index: 9999; } #allEventcommentModal { z-index: 9999; } #replyEventModal { z-index: 9999; } .zindex { z-index: 9999 !important; } .filter-opacity { opacity: 1 !important; border-radius: 3px; } .contribute-align { float: unset !important; position: absolute; } .hight-auto { height: auto !important; margin-bottom: 5px !important; } .page-sidebar::-webkit-scrollbar-track { background-color: #343a40 !important; padding: 15px; height: 600px !important; scroll-margin: 20px !important; border-radius: 20px; margin-top: px !important; margin-right: 15px; } .page-sidebar::-webkit-scrollbar { width: 6px; padding-right: 15px !important; height: 100px !important; scroll-margin: 20px !important; } .page-sidebar::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, .4); background-clip: padding-box; padding: 0 4px; width: 2px !important; border: 6px solid rgba(255, 255, 255, .4) !important; border-radius: 5px !important; } /* .btn { border-radius: 3px !important; } */ .logo_dark { display: none; } @media(max-width: 991px) { .logo_dark { display: block; height: 36px !important; } .logo_white { height: 36px !important; display: none; } .dark_mode .logo_white { display: block; } .dark_mode .logo_dark { display: none; } .page-header.navbar .page-logo { border-right: 0 !important; } } #items td { border: none !important; padding: 5px 0px 0px 5px !important; vertical-align: middle !important; text-align: center 1 !important; color: #000 !important; } #item1 td { border-top: none !important; border-left: 1px solid #efb08b; padding: 5px 0px 0px 5px !important; vertical-align: middle !important; text-align: center; color: #000 !important; border-spacing: unset; } .changeWidth td { max-width: 70% !important; } .border-bottom { border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; } @media only screen and (max-width: 600px) { .other-event-single a:first-child { border-radius: 3px 3px 0px 0px !important; } .my-ul-style li { width: 50%; margin: 0; padding: 0 4px; } .ss-download-btn a img { margin: 0 0 0 -4px; } .front-homepage .btn.facebook, .front-homepage .btn.google { width: 100% !important; margin: 0 !important; } } @media (max-width:476px) { .event-item-listing h6 { font-size: 12px !important; } .event_description { margin-top: 0px !important; } .dashboard-sec .otherstatus::before { top: 50px; right: 227px; } .event-action-area ul li.message-btn { width: 50px; height: 45px !important; } .event-listing .event-mobile-text { font-size: 14px !important; } .dashboard-sec .other-event-single { left: auto !important; top: 90px !important; margin: 0 !important; } .mobile-contribute-now-section .otherstatus { width: 120px !important; right: 18px !important; margin-top: 5px !important; } .single-event-invitation .event-listing .group-list .event-item-listing .Eventinvited-txtlist1 .btn-group { padding: 3px 9px; max-width: 25% !important; width: 25% !important; font-size: 9px; } .single-event-invitation .event-listing .group-list .event-item-listing .Eventinvited-txtlist1 .btn-group:last-child { margin-right: 0px !important; } .event-listing { margin-top: 0px; } .Eventhost-address.event-map { border-radius: 0px 0px 3px 3px; } .this-months-section { margin-top: 0px; } ul.Eventinvited-txtlist1 { padding: 0; margin: 0px; } .Eventhost-address p { font-size: 13px; } } @media screen and (max-width: 400px) { .dashboard-sec .otherstatus::before { top: 10px; right: 88% !important; } #profile_pic_modal .modal-dialog { max-width: 99% !important; } ul.Eventinvited-txtlist1 li>a.btn-group, ul.Eventinvited-txtlist1 li:nth-child(4)>a.btn-group { width: 50% } ul.Eventinvited-txtlist1 li p.otherstatus { margin-right: 0; } .Eventhost .Eventhost-txtlist1 ul li p { font-size: 8px !important; padding-right: 0px !important; } .noPaddingR { padding-right: 15px; } .Eventhost-img img { min-height: 220px !important; } .front-homepage .carousel-caption span { font-size: 18px !important } .front-homepage a.btn.transparent-btn, .login-head a.btn.transparent-btn { margin: 3px 2px } } @media screen and (max-width: 320px) { .hide-desktop { display: block; } .Eventhost-img img { height: 140px } .navbar-nav.hide-desktop li { display: inline-block; } #profile-information .user-profile { margin: 0 auto; } #profile-information>.container>.row>div, #profile-information>.container>.row>div:last-child { width: 100%; } .Eventhost-img img { min-height: 220px; } .Eventhost-address.event-map p { padding: 8px 3px; font-size: 12px; } .Eventhost-txt h3 span { float: none; width: auto; margin-left: 0; } } /* GLOBAL STYLES -------------------------------------------------- */ /* Padding below the footer and lighter body text */ /* CUSTOMIZE THE NAVBAR -------------------------------------------------- */ /* Special class on .container surrounding .navbar, used for positioning it into place. */ .navbar-wrapper { position: absolute; top: 0; right: 0; left: 0; z-index: 20; } /* Flip around the padding for proper display in narrow viewports */ .navbar-wrapper>.container { padding-right: 0; padding-left: 0; } .navbar-wrapper .navbar { padding-right: 15px; padding-left: 15px; } .navbar-wrapper .navbar .container { width: auto; } /* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */ /* Carousel base class */ .carousel { margin-bottom: 60px; margin-top: 0px; } /* Since positioning the image, we need to help out the caption */ .carousel-caption { z-index: 10; } /* Declare heights because of positioning of img element */ .carousel .item { height: 500px; background-color: #777; } .carousel-inner>.item>img { position: absolute; top: 0; left: 0; min-width: 100%; height: 500px; object-fit: cover; } /* MARKETING CONTENT -------------------------------------------------- */ /* Center align the text within the three columns below the carousel */ .marketing .col-lg-4 { margin-bottom: 20px; text-align: center; } .marketing h2 { font-weight: normal; } .marketing .col-lg-4 p { margin-right: 10px; margin-left: 10px; } /* Featurettes ------------------------- */ .featurette-divider { margin: 80px 0; /* Space out the Bootstrap