.grey_background {
background-color: #fafafa;
border: 1px solid #e3e3e33d;
padding: 15px;
border-radius: 5px;
}	
.left-tabs-container {
display: flex;
}
.full-width {
width: 100%!important;
}
.left-tabs-container .left-links {
width: 300px;
float: left;
padding: 20px 14px 30px 0;
}
.left-tabs-container .right_content {
float: left;
width: calc(100% - 300px);
padding: 32px 0 40px 40px;
}
.btn-light.outline.back {
width: auto;
background-color: #d3d3d347;
padding: 6px 20px;
}
.btn-light.outline {
border: 2px solid #d3d3d347;
background-color: #fff;
color: grey;
padding: 6px 10px;
font-size: 12px;
font-weight: 600;
width: 100%;
text-align: center;
}
.btn-light {
background: #00a3de;
border: none;
color: #fff;
cursor: pointer;
font-size: 14px;
letter-spacing: .6px;
padding: 10px 22px;
display: inline-block;
text-align: center;
transition: all .15s ease-in-out;
border-radius: 20px;
}
.left-tabs-container a{
color: #007ad9;
text-decoration: none;
}
.btn-light.outline.back i {
font-weight: 600;
font-size: 14px;
}
button:not(:disabled) {
color: #fff;
background-color: #38bdea;
border-color: #38bdea;
box-shadow: none;
}
.left-tabs-container ul {
margin: 0;
padding: 0;
}
.left-tabs-container .left-links li.active {
color: #00a3de;
cursor: pointer;
}
.left-tabs-container .left-links li {
display: block;
color: #898e95;
padding: 8px 0;
position: relative;
font-size: 13px;
font-weight: 600;
transition: all .15s;
}
.left-tabs-container .left-links li.active i {
opacity: 1;
}
element.style {
}
.left-tabs-container .left-links li.active i {
opacity: 1;
}
.left-tabs-container .left-links li:hover i {
opacity: 1;
}
.left-tabs-container .left-links li i {
font-size: 14px;
font-weight: 600;
margin-left: 16px;
position: relative;
top: 1px;
opacity: 0;
transition: all .15s;
}
.left-tabs-container .left-links li:hover {
color: #262626;
cursor: pointer;
}
.left-tabs-container .bottom-info {
margin-top: 40px;
width: 180px;
}
.left-tabs-container .bottom-info .item {
margin-bottom: 10px;
}
.add-mail-item-profile {
justify-content: flex-start;
align-items: center;
}
.left-tabs-container .inline-items:not(.dropdown-profile-item) {
display: flex;
}
.question-text {
font-size: 12px;
color: #9b9b9b;
line-height: 16px;
margin-top: 30px;
}
.btn-light.outline.no-text {
padding: 0;
text-align: center;
background-color: #00a3de2e;
width: 40px;
min-width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 16px;
margin-right: 12px;
}
.plain__button.add {
background-image: url(https://test1.suuber.ch/wp-content/uploads/2021/12/plus-icon-blue.svg);
}
.plain__button.add, .plain__button.delete, .plain__button.edit {
padding: 8px 16px 7px 34px;
color: grey;
background-size: 16px;
background-position: 10px;
background-repeat: no-repeat;
}
.plain__button.grey {
background-color: #f0f0f0;
color: #a5a5a5;
}
.add-item-profile {
font-size: 12px!important;
background-size: 14px!important;
max-width: 200px;
}
.plain__button {
width: auto;
padding: 7px 16px;
font-weight: 600;
font-size: 14px;
letter-spacing: .6px;
display: inline-block;
transition: all .15s ease-in-out;
border-radius: 10px;
}
.question-text .paragraph-text {
margin-bottom: 4px;
}
.question-text .link {
color: #262626;
text-decoration: underline;
font-size: 12px;
}
.left-tabs-container .right_content .user-details {
display: flex;
flex-wrap: wrap;
margin-bottom: 40px;
}
.left-tabs-container .right_content .top-title {
font-size: 16px;
font-weight: 600;
margin-bottom: 16px;
padding-bottom: 6px;
border-bottom: 2px solid #d3d3d3a1;
}
.update-profile-holder h4 {
font-size: 14px;
font-weight: 600;
}
.space-between {
display: flex;
justify-content: space-between;
align-items: center;
}
.divider {
margin: 14px 0 26px;
border-top: 1px solid rgba(0,0,0,.08);
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0,0,0,.1);
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
.user-profile-image img {
width: 100%;
border-radius: 100%;
}
.left-tabs-container .right_content .user-details .user-info {
padding-left: 30px;
flex: 1;
}
.left-tabs-container .right_content .top-title {
font-size: 16px;
font-weight: 600;
margin-bottom: 16px;
padding-bottom: 6px;
border-bottom: 2px solid #d3d3d3a1;
}
.member-since {
display: flex;
align-items: center;
margin-top: 14px;
}
.left-tabs-container .user-main-info {
margin-top: 40px;
justify-content: space-between;
flex-wrap: wrap;
background-color: #fff;
width: 100%;
border: 2px solid #d3d3d347;
border-radius: 6px;
}
.left-tabs-container .right_content .user-details .user-name {
font-size: 24px;
font-weight: 600;
margin-bottom: 6px;
text-transform: capitalize;
}
.average-rating.small-sized-rating {
cursor: pointer;
}
.average-rating.small-sized-rating .average-rating-value {
color: #f5b041;
font-size: 18px;
margin-right: 4px;
}
.average-rating.small-sized-rating .rating-item {
font-size: 20px;
}
.average-rating .rating-item {
position: relative;
display: inline-block;
font-size: 30px;
color: #d3d3d3;
margin: 0 4px;
}
.average-rating .star-masked {
position: absolute;
display: inline-block;
overflow: hidden;
color: #f5b041;
}
.left-tabs-container .right_content .user-details .location {
font-size: 14px;
color: #bec2c5;
font-weight: 400;
margin-bottom: 0;
}
.small-before-icon {
position: relative;
padding-left: 18px;
line-height: normal;
}
.dropdown-profile-item {
width: 210px;
max-width: 210px;
flex: 0 0 210px;
}
.location-icon:before {
background-image: url(https://test1.suuber.ch/wp-content/uploads/2021/12/location-pointer-1.svg);
height: 20px;
background-size: 16px 17px;
}
.small-before-icon:before {
content: "";
display: inline-block;
left: 0;
height: 14px;
width: 14px;
background-size: 14px;
background-position: 50%;
background-repeat: no-repeat;
}
.ng-select {
position: relative;
display: block;
box-sizing: border-box;
}
.ng-select.ng-select-single .ng-select-container {
height: 40px;
border: 2px solid #e5e7e9;
}
.dropdown-select.ng-select .ng-select-container, .dropdown-select.ng-select.ng-select-opened>.ng-select-container {
background-color: #00a3de;
border-color: #00a3de;
}
.left-tabs-container .right_content .user-details .user-profile-image {
width: 130px;
min-width: 130px;
height: 130px;
}
.user-profile-image {
float: left;
width: 150px;
height: 150px;
position: relative;
border: 6px solid #ccd1d178;
border-radius: 100%;
}
body .ng-select.ng-select-single .ng-select-container {
height: 40px;
border: 2px solid #e5e7e9;
}
.dropdown-select.ng-select .ng-clear-wrapper, .dropdown-select.ng-select .ng-select-container .ng-value-container .ng-input>input, .dropdown-select.ng-select .ng-select-container .ng-value-container .ng-placeholder, .dropdown-select.ng-select.ng-select-single .ng-select-container .ng-value-container, .dropdown-select.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
color: #fff;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container, .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ng-select .ng-select-container .ng-value-container {
display: -webkit-box;
display: flex;
-webkit-box-flex: 1;
flex: 1;
}
.ng-select .ng-select-container .ng-value-container {
align-items: center;
padding-left: 10px;
}
body .ng-select div, body .ng-select input, body .ng-select span {
font-size: 14px;
}
.ng-select .ng-arrow-wrapper {
cursor: pointer;
position: relative;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ng-select .ng-arrow-wrapper {
width: 25px;
padding-right: 5px;
}
.ng-select span {
box-sizing: border-box;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
top: 0;
height: 100%;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
position: absolute;
left: 0;
width: 100%;
}
.ng-select .ng-arrow-wrapper {
cursor: pointer;
position: relative;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.dropdown-select.ng-select .ng-arrow-wrapper .ng-arrow, .dropdown-select.ng-select .ng-arrow-wrapper:hover .ng-arrow {
border-color: #fff transparent transparent;
}
body .ng-select .ng-arrow-wrapper .ng-arrow {
border-width: 0;
margin-top: 3px;
background-image: url(https://test1.suuber.ch/wp-content/uploads/2021/12/dropdown-icon-grey.svg);
width: 20px;
height: 14px;
background-size: 12px;
background-position: 50%;
background-repeat: no-repeat;
}
.ng-select .ng-arrow-wrapper .ng-arrow {
pointer-events: none;
display: inline-block;
height: 0;
width: 0;
position: relative;
}
.ng-select .ng-arrow-wrapper .ng-arrow {
border-color: #999 transparent transparent;
border-style: solid;
border-width: 5px 5px 2.5px;
}
.ng-select .ng-select-container .ng-value-container .ng-input>input {
box-sizing: content-box;
background: none;
border: 0;
box-shadow: none;
outline: 0;
cursor: default;
width: 100%;
}
.member-since {
display: flex;
align-items: center;
margin-top: 14px;
}
.member-since .small-before-icon {
margin: 0 15px 0 0;
font-size: 12px;
color: #a6acaf;
}
.small-before-icon {
position: relative;
padding-left: 18px;
line-height: normal;
}
.member-since .small-before-icon.clock-icon:before {
background-image: url(https://test1.suuber.ch/wp-content/uploads/2021/12/clock-grey-icon.svg);
}
.member-since .small-before-icon:before {
width: 12px;
height: 12px;
background-size: 12px;
}
.block-quote-elm:before, .chat-wrapper .chat-icon, .chat-wrapper .message-number, .footer-content .bottom-links li a:after, .how-it-works-process .works-process-item.left-direction .fa, .how-it-works-process .works-process-item.left-direction:after, .how-it-works-process .works-process-item.right-direction .fa, .how-it-works-process .works-process-item.right-direction:after, .how-suuber-works .left-icon, .login-page-wrapper .what-we-offer li:before, .small-before-icon:before, .suuber-services .self-registration .service-image:after, .suuber-services .service-item.damage-insurance, .suuber-services .service-item.self-registration, .ui-accordion-toggle-icon.pi-caret-down, .ui-accordion-toggle-icon.pi-caret-right, .update-item-section .steps-list li:after {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.member-since .small-before-icon.user-icon:before {
background-image: url(https://test1.suuber.ch/wp-content/uploads/2021/12/user-icon-grey.svg);
}
.left-tabs-container .user-main-info .box {
position: relative;
text-align: center;
padding: 10px;
flex: 0 0 160px;
}
.left-tabs-container .user-main-info .box:not(:last-child):before {
content: "";
display: inline-block;
width: 4px;
height: 30px;
border-radius: 10px;
background-color: #d3d3d385;
position: absolute;
right: -20px;
top: 50%;
transform: translateY(-50%);
}
.left-tabs-container .user-main-info .box .label-item {
margin-bottom: 6px;
}
.left-tabs-container .label-item {
margin-bottom: 6px;
font-weight: 600;
text-transform: uppercase;
color: grey;
font-size: 11px;
}
.left-tabs-container .user-main-info .box .value {
margin-bottom: 0;
font-size: 20px;
font-weight: 600;
color: #00a3de;
}
.net-salary {
font-size: 11px;
font-weight: 400;
}
.left-tabs-container .posted-job-categories {
border: 0;
padding: 0;
}
.posted-job-categories {
padding-top: 16px;
display: flex;
flex-direction: column;
}
.posted-job-categories .category-item {
display: inline-block;
font-size: 13px;
margin-right: 16px;
margin-bottom: 10px;
}
.posted-job-categories .category-item.home-cleaner:before, .posted-job-categories .category-item:before {
background-image: url(https://test1.suuber.ch/wp-content/uploads/2021/12/house-cleaner-o.svg);
}
.posted-job-categories .category-item.recycling:before {
background-image: url(https://test1.suuber.ch/wp-content/uploads/2021/12/recycle-o.svg);
}
.posted-job-categories .category-item.laundry:before {
background-image: url(https://test1.suuber.ch/wp-content/uploads/2021/12/washing-machine-o.svg);
}
.posted-job-categories .category-item:before {
content: "";
vertical-align: bottom;
width: 18px;
height: 18px;
background-size: 18px;
background-repeat: no-repeat;
background-position: 50%;
display: inline-block;
}
.ng-select .ng-select-container {
cursor: default;
display: -webkit-box;
display: flex;
outline: 0;
overflow: hidden;
position: relative;
width: 100%;
}
.ng-select .ng-select-container {
color: #333;
background-color: #fff;
border-radius: 4px;
border: 1px solid #ccc;
min-height: 36px;
align-items: center;
}
.three-column {
flex: 0 0 33.33%;
}
.left-tabs-container .field_value p {
font-size: 15px;
}
.calendar-row.header {
position: sticky;
top: 0;
z-index: 99;
}
.calendar-row:nth-child(odd) {
background-color: #f9f9f9;
}
.calendar-row {
display: flex;
flex-direction: row;
justify-content: space-around;
}
.row-cell-y {
background-color: transparent;
line-height: 28px;
min-width: 72px;
width: 72px;
font-size: 14px;
border-bottom: 0;
border-left: 0;
border-right: 0;
justify-content: center;
font-weight: 600;
}
.row-cell-x, .row-cell-y {
display: flex;
flex-direction: column;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
text-align: center;
}
.row-cell-x {
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
border-radius: 10px;
border: 0;
margin: 0 6px 16px;
padding: 6px 0;
}
.row-cell-x {
border-top: 1px solid #ddd;
margin-left: auto;
margin-right: auto;
width: 100%;
background-color: #e7e7e7;
padding: 8px 0;
}
.row-cell-x {
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
border-radius: 10px;
border: 0;
margin: 0 6px 16px;
padding: 6px 0;
}
.row-cell {
display: flex;
flex-direction: column;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
margin-left: auto;
margin-right: auto;
width: 100%;
min-height: 22px;
}
.row-cell {
min-height: 30px!important;
position: relative;
border: 2px solid #d3d3d35c;
border-radius: 10px;
margin: 6px 12px;
background-color: #fff;
}
.calendar-row.disable-area {
pointer-events: none;
}
.row-cell.selected {
background-color: #e2f5fc;
}
body .row-cell.selected:before {
width: 16px;
height: 16px;
background-size: 16px;
background-repeat: no-repeat;
background-position: 50%;
background-image: url(https://test1.suuber.ch/wp-content/uploads/2021/12/tick-1.svg);
display: inline-block;
content: "";
}
.chat-wrapper .right .write .send-message-btn:before, .happy-client .happy-client-circle:before, .location-item.active .pin:after, .location-item.active .pin:before, .location-item .pin:hover:after, .location-item .pin:hover:before, .search-job-wrapper .job-badge:after, .search-job-wrapper .job-badge:before, .upload-file-text, .video-controls a:after, .video-controls a:before, body .row-cell.selected:before {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.row-cell-y {
background-color: transparent;
line-height: 28px;
min-width: 72px;
width: 72px;
font-size: 14px;
border-bottom: 0;
border-left: 0;
border-right: 0;
justify-content: center;
font-weight: 600;
}
.mdi-paw::before{
content: "\f1b0"!important;
font-family: "Font Awesome 5 Free"!important;
font-weight: 900!important;
font-size:16px!important;
margin-right:-3px;
}
.ui-tooltip.ui-tooltip-top {
padding: 0.25em 0;
}
.ui-widget {
font-family: Open Sans,Helvetica Neue,sans-serif;
font-size: 14px;
text-decoration: none;
}
.ui-tooltip {
position: absolute;
display: none;
padding: 0.25em 0.5em;
max-width: 12.5em;
pointer-events: none;
}
.ui-tooltip {
margin-top: -6px;
}
.ui-tooltip.ui-tooltip-top .ui-tooltip-arrow {
border-top-color: #333;
}
.ui-tooltip-top .ui-tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -0.25em;
border-width: 0.25em 0.25em 0;
border-top-color: #4c4c4c;
}
.ui-tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.ui-tooltip .ui-tooltip-text {
background-color: #333;
color: #fff;
padding: 0.429em;
box-shadow: 0 0 6px 0 rgb(0 0 0 / 16%);
}
.ui-tooltip .ui-tooltip-text {
padding: 0.125em 0.5em;
background-color: #333;
color: #fff;
white-space: pre-line;
}
.ui-tooltip .ui-tooltip-text {
font-size: 12px;
padding: 4px 5px!important;
}
.ui-corner-all {
border-radius: 3px;
}
.single-tags .elementor-widget-container{
display:flex;
justify-content: space-between;
}
.comments-area .comment-reply-title{
display:none;
}
.comments-area .logged-in-as{
display:none;
}
.comments-area label{
color:#fff;
padding-bottom: 15px;
font-size: 1rem;
font-family:'Roboto';
}
.comments-area label[for="wp-comment-cookies-consent"]{
padding-bottom: 5px;
}
.comments-area textarea{
background-color: #ffffff;
border-color: #D2E9FC;
border-width: 1px 1px 1px 1px;
border-radius: 4px 4px 4px 4px;
}
.comments-area input{
background-color: #ffffff;
border-color: #D2E9FC;
border-width: 1px 1px 1px 1px;
border-radius: 4px 4px 4px 4px;
}
.comments-area .form-submit{
margin-top:30px;
}
.comments-area .form-submit .submit{
color: #fff;
border: 1px solid #fff;
background-color:transparent;
}
.comments-area .form-submit .submit:hover{
background-color: #fff;
color:#38BDEA;
}
#comments .comment .comment-body{
margin-bottom:30px;
}
#comments .comment .comment-body p, #comments .comment .comment-body span, #comments .comment .comment-body time{
color:#fff;
}
.comments-area .title-comments{
color:#fff;
}
.cleaners-list ul li{
list-style:none;
}
.user-details img {
border-radius: 100% !important;
}
.ratings-modal .user-info {
width: 90%;
} .user-status-text {
border-radius: 50px;
padding: 2px 7px;
display: inline-block;
font-size: 12px;
margin-bottom: 6px;
background-color: #cd61551c;
color: #c0392b;
}
.user-status-text.full-filled {
background-color: #52be801f;
color: #229954;
}
span.mf-error-message{
padding: 0.5em 1em;
background-color: #ffe399;
border: 0;
color: #212121;
}
span.mf-error-message:before{
content: '⚠️';
padding-right: 5px;
}
.elementor-529 .elementor-element.elementor-element-7cf1e6a1 .mf-error-message{
color:#212121!Important;
}
.pulse.elementor-widget.elementor-widget-spacer{
position:absolute;
width: 230px;
height: 230px;
border: 1px solid #e2f5fc;
text-align: center;
-webkit-animation: ring-1 2s ease-out infinite;
animation: ring-1 2s ease-out infinite;
background: #e2f5fc;
transform: scale(.1);
border-radius: 50%;
}
@-webkit-keyframes ring-1{0%{opacity:0;transform:scale(.1)}50%{opacity:1}to{opacity:0;transform:scale(1.2)}}
@keyframes ring-1{0%{opacity:0;transform:scale(.1)}50%{opacity:1}to{opacity:0;transform:scale(1.2)}}
.dash-rotate{
transform:rotate(90deg);
}
.head-logo:hover{
filter: drop-shadow(0 6px 4px rgba(0,0,0,.3));
}
.side-head .material-icons{
font-size:24px;
}
.side-head .elementor-button-text{
padding-top:6px;
padding-bottom:8px;
}
.multi-option-input-type{
display:flex;
}
.mf-radio-option{
width: 100%;
border: 1px solid #bae8f8;
margin-bottom: 0;
border-radius: 5px;
}
.mf-radio-option:hover{
border: 1px solid #38bdea;
}
.mf-radio-option:first-child{
margin-right: 16px!important;
}
.mf-radio-option label{
width: 100%;
}
.mf-checkbox-option, .mf-radio-option{
padding-right:0px!important;
}
.mf-radio-option span{
padding: 14px 15px 14px 15px;
display: flex;
align-items: end;
margin-bottom: 0;
font-size: 16px;
cursor: pointer;
border-radius: 4px;
transition: color .15s ease-in-out;
}
.mf-radio-option input[type="radio"]:checked+span{
border: 1.9999px solid #38bdea;
}
#metform-wrap-822ce3f-529 #mf-input-text-7cf1e6a1{
height: 50px;
min-height: 50px;
background-image: url(https://demo7.1stopwebsitesolution.com/suuber/wp-content/uploads/2021/11/location-blue-icon.svg);
background-size: 24px;
background-repeat: no-repeat;
background-position: 10px;
padding-left: 40px;
font-size: 16px;
}
.main-banner-holder{
background-image: radial-gradient(48.93% 48.93% at 50% 59.42%,#fff 0,#fff .01%,rgba(56,189,234,0) 100%);
}
a{
color:#007ad9;
}
@media screen and (max-width: 768px) {
.left-tabs-container .close-modal {
border: 0;
font-weight: 400;
float: right;
line-height: 30px;
padding: 0;
background-color: transparent;
background-image: url(https://www.suuber.ch/wp-content/uploads/2022/03/close-icon-grey.svg);
display:block !important;
width: 24px;
height: 24px;
background-size: 24px;
background-position: 50%;
background-repeat: no-repeat;
}
.hidden-xs{
display:none;
}
.left-tabs-container .left-links.fixed_overlay_mobile ul {
display: inline-block;
margin-top: 50px;
}
.left-tabs-container .left-links.fixed_overlay_mobile {
padding: 20px;
}
}
@media only screen and (max-width: 600px) {
.city-back-color{
background-image: none !important;
}
form .input-group{
z-index:1;
}
form span.ui-slider-handle.ui-corner-all.ui-state-default{
z-index:1;
}
.right-desc.text-right {
width: 200px !important;
top: 80px;
right: unset;
left: 41%;
float: right!important;
position: absolute!important;
}
.tab-2-details .space-between {
align-items: normal;
}
}
@media only screen and (max-width: 425px) {
.pulse {
margin-top:20px;
}
.switcher{
width: 80px!important;
}
}
.switcher .selected,.switcher .selected a:hover{
background:#fff0!important;
}
.switcher .selected a{
border:none!important;
color: #FFFFFF!important;
font-family: "Open Sans", Sans-serif!important;
font-size: 14px!important;
font-weight: 600!important;
}
.switcher{
width: 95px!important;
}
.switcher .selected a:after{
background-image: url(https://demo7.1stopwebsitesolution.com/suuber/wp-content/uploads/2021/11/download.svg)!important;
height: 19px!important;
}
.switcher .option{
margin-top:12px;
background-color:#fff!important;
border:none!important;
position:absolute!important;
width:120px!important;
margin-left: -5px;
}
.switcher .option a:hover{
background-color:#f5f5f5!important;
}
.switcher a img{
display:none!important;
}
.tab-service-img.elementor-widget.elementor-widget-image{
width: 300px;
height: 300px;
background-color: #dff5fd;
border-radius: 100%;
display: flex;
border: 20px solid #f3fbfe;
align-items: center;
}
.serv-icon.elementor-widget-tablet__width-auto.elementor-view-default.elementor-widget.elementor-widget-icon {
display: flex;
width: 75px;
height: 75px;
box-shadow: 0 0 0 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
background-color: #fff;
border-radius: 100%;
min-width: 65px;
min-height: 65px;
background-size: 38px;
background-repeat: no-repeat;
background-position: 50%;
position: relative;
justify-content: center;
align-items: center;
}
.serv-icon.elementor-widget-tablet__width-auto.elementor-view-default.elementor-widget.elementor-widget-icon:after{
content: "✔";
font-family: FontAwesome;
font-weight: 600;
width: 16px;
height: 16px;
background-color: #fff;
display: flex;
position: absolute;
bottom: inherit;
border-radius: 3px;
border: 1px solid #cee6ef;
font-size: 9px;
color: #20afe2;
top: 50%;
transform: translateY(-50%);
right: -6px;
justify-content: center;
align-items: center;
}
.cleaners-list-cats h2{
display: flex;
flex-wrap: wrap;
}
.cleaners-list-cats h2 span{
border:1px solid #DEDFD4;
border-radius:5px;
padding:5px 10px;
margin:4px 4px;
background-color:#FFFBEC;
} .filters-holder {
margin-bottom: 15px;
position: relative;
}
.filters-holder.row{
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
h6.second_title.mb-0{
font-size: 16px;
margin: 0 0 10px;
color: #34495e;
}
.input-group.sort-group{
padding-right: 0;
text-align: left;
}
select#sort-by{
display: inline-block;
height: 40px;
width: 100%!important;
font-size: 14px;
background-color: #fff;
border: 2px solid #e5e7e9;
flex-direction: unset;
padding-bottom: 0;
padding-top: 0;
line-height: unset;
border-radius: 5px!important;
} h4.item-name.cleaner-name {
padding-right: 10px;
}
h4.item-name.cleaner-name {
position: relative;
margin-top: 0;
font-weight: 600;
text-overflow: ellipsis;
overflow: hidden;
font-size: 18px;
font-family: Open Sans,sans-serif;
transition: all .15s ease-in-out;
color:#007bff;
}
.cleaners-list.search-item-list {
display: inline-block;
width: 100%;
position: relative;
}
ul.list-items {
display: inline-block;
width: 100%;
padding: 0;
}
li.item.ng-star-inserted {
display: inline-flex;
align-items: flex-start;
width: 100%;
display: inline-flex;
width: 100%;
position: relative;
margin-bottom: 20px;
overflow: hidden;
transition: all .15s ease-in-out;
box-shadow: 0 1px 6px 0 rgb(0 0 0 / 16%);
border-radius: 10px;
float: left;
padding: 14px;
width: 100%;
display: flex; border-bottom: 1px solid #e3e3e3;
}
.search-item-image {
width: 160px;
height: 160px;
float: left;
position: relative;
padding: 15px 0 15px 15px;
border-radius: 10px;
}
img.ng-star-inserted {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px;
}
img.landing-profile{
height: 121%;
}
.item-description.cleaner-description.pb-2 {
padding: 20px 10px 20px 30px;
background-size: 34px;
background-position: calc(100% - 20px);
background-repeat: no-repeat;
background-image: url(//test.putzfrau-uster.ch/wp-content/themes/hello-theme-child-master/next-grey.91dd801….svg);
transition: background-position .15s ease-in;
}
.left-desc {
width: calc(100% - 180px);
float: left;
padding-right: 15px;
}
.right-desc.text-right {
float: left;
width: 180px;
position: relative;
}
.bottom__buttons {
flex: 0 0 100%;
text-align: right;
margin-top: 20px;
width: 100%;
display: inline-block;
}
.name-cr {
display: flex;
justify-content: flex-start;
}
p.location-icon.small-before-icon {
font-size: 12px;
color: #93999e;
line-height: 20px;
margin-bottom: 8px;
}
p.small-before-icon.distance-location {
font-size: 12px;
color: #93999e;
}
p.pet-icon {
font-size: 12px;
color: #93999e;
}
p.job-category.ng-star-inserted { line-height: 20px;
margin-bottom: 8px;
margin-bottom: 8px;
display: inline-block;
padding: 0 3px;
background-color: #fffbec;
border-radius: 3px;
font-size: 12px;
color: #93999e;
margin-right: 4px;
border: 1px solid #bfc9ca61;
}
.average-rating.small-sized-rating .average-rating-value {
color: #f5b041;
font-size: 18px;
margin-right: 4px;
}
p.item-short-description {
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 3;
line-height: 20px;
max-height: 60px;
}
.working-hour-wage.small-before-icon.money-icon.pull-right.net_gross_wage {
margin-top: 24px;
float: none;
display: inline-block;
text-align: left;
}
p.posted-time {
color: #93999e;
margin-bottom: 0!important;
font-size: 11px!important;
display: inline-block;
float: left;
margin-top: 21px;
}
.average-rating .rating-item {
position: relative;
display: inline-block;
font-size: 30px;
color: #d3d3d3;
margin: 0 4px;
}
.average-rating .total-reviews { 
color: grey; 
font-size: 16px; 
margin-left: 10px; 
}
.average-rating .star-masked {
position: absolute;
display: inline-block;
overflow: hidden;
color: #f5b041;
}
.average-rating.small-sized-rating .rating-item {
font-size: 20px;
}
.average-rating.small-sized-rating .total-reviews {
font-size: 12px;
margin-left: 4px;
color: grey;
}
.working-hour-wage .unit {
font-weight: 300;
font-size: 12px;
color:#007ad9;
}
.wage__label {
font-size: 11px;
font-weight: 600;
margin-left: 5px;
color:#007ad9;
}
.search-cleaner-wrapper .working-hour-wage {
margin-top: 24px;
float: none;
display: inline-block;
text-align: left;
}
.net_gross_wage {
padding-left: 28px;
}
.search-item-wrapper .item-description .right-desc {
float: left;
width: 180px;
position: relative;
}
button.mark-icon.grey, button.mark-icon.marked {
background-color: transparent;
}
.mark-icon, .mark-icon.grey {
background-image: url(https://demo7.1stopwebsitesolution.com/suuber/wp-content/uploads/2021/11/filled-heart-grey.svg);
}
.cleaners-list .mark-icon {
top: 10px;
right: 10px;
border: 0;
}
.mark-icon {
display: inline-block;
margin: 15px 25px;
background-color: transparent;
z-index: 9;
width: 22px;
height: 22px;
background-size: 22px;
background-position: 50%;
background-repeat: no-repeat;
top: 0;
right: 0;
bottom: auto;
left: auto;
position: absolute;
}
.working-hour-wage.net_gross_wage .value {
font-size: 13px;
}
.wage__label {
font-size: 11px;
font-weight: 600;
margin-left: 5px;
}
.working-hour-wage .value {
font-weight: 600;
margin-right: 2px;
margin-left: 3px;
color: grey;
padding-right: 10px;
}
.search-item-wrapper .search-item-image img {
width: 100%;
height: 121%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px;
}
.search-item-wrapper .search-item-image {
width: 160px;
height: 160px;
float: left;
position: relative;
padding: 15px 0 15px 15px;
border-radius: 10px;
}
.location-icon:before {
background-image: url(https://demo7.1stopwebsitesolution.com/suuber/wp-content/uploads/2021/11/location-pointer.svg);
height: 20px!important;
background-size: 16px 17px!important;
}
.small-before-icon:before {
content: "";
display: inline-block;
left: 0;
height: 14px;
width: 14px;
margin-bottom: -3px;
background-size: 14px;
background-position: 50%;
background-repeat: no-repeat;
}
.pet-icon .mdi {
font-size: 20px;
margin-right: 5px;
}
.mdi:before, .mdi-set {
display: inline-block;
font: normal normal normal 24px/1 "Material Design Icons";
font-size: inherit;
text-rendering: auto;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mdi-paw::before {
content: "\F03E9";
}
.distance-location:before {
background-image: url(https://demo7.1stopwebsitesolution.com/suuber/wp-content/uploads/2021/11/distance-to-travel-between-two-points.svg);
width: 22px;
height: 22px;
background-size: 28px 22px;
background-position: -3px;
background-repeat: no-repeat;
}
.criminal-record-green {
width: 30px;
height: 30px;
float: right;
background-repeat: no-repeat;
background-position: 50%;
background-size: 30px;
background-image: url(https://demo7.1stopwebsitesolution.com/suuber/wp-content/uploads/2021/11/criminal-record_green.4c5e5b983af8df7716a6.svg);
}
.item-description.cleaner-description.pb-2 {
padding: 20px 10px 20px 30px;
background-size: 34px;
background-position: calc(100% - 20px);
background-repeat: no-repeat;
background-image: url(https://demo7.1stopwebsitesolution.com/suuber/wp-content/uploads/2021/11/next-grey.91dd801883f0c3a098f8.svg);
transition: background-position .15s ease-in;
}
.search-item-wrapper .item-name {
position: relative;
margin-top: 0;
font-weight: 600;
text-overflow: ellipsis;
overflow: hidden;
font-size: 18px;
font-family: Open Sans,sans-serif;
transition: all .15s ease-in-out;
}
.cleaners-list .item-name {
margin-bottom: 0;
}
.item-description p {
font-size: 14px;
line-height: 20px;
margin-bottom: 8px;
}
.cleaners-list .location-icon {
display: inline-block;align-content
}
.search-item-list li:hover {
background-color: #f5f5f54f;
}
li.item.ng-star-inserted:hover .item-description {
background-image: url(https://demo7.1stopwebsitesolution.com/suuber/wp-content/uploads/2021/11/next-blue.55ef1bc1919e49d6c4ad.svg);
background-position: calc(100% - 17px);
}
.net_gross_wage:before {
width: 25px!important;
height: 25px!important;
background-size: 25px!important;
}
.money-icon:before {
background-image: url(https://demo7.1stopwebsitesolution.com/suuber/wp-content/uploads/2021/11/money-icon-blue.svg);
position: absolute;
top: 56%;
transform: translateY(-50%);
}
.mdi-close img.emoji{
height: 0.6em !important;
} .left-align-content.affix-item.hidden-xs {
max-height: 100%;
float: left;
width: 250px;
background-color: #fafafa;
padding: 10px;
box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
border-radius: 5px;
}
label.label-name {
font-weight: 600;
font-size: 12px;
width: 100%;
margin-bottom: 6px;
font-size: 12px;
width: 100%;
color: #a6acaf;
display: inline-block;
}
input#zipcode {
padding-left: 22px;
background-image: url(https://demo7.1stopwebsitesolution.com/suuber/wp-content/uploads/2021/11/location-icon-blue.svg);
width: 100%;
height: 40px;
background-size: 12px;
background-position: 5px;
background-repeat: no-repeat;
}
.input-group input.form-control {display: inline-block;height: 40px;width: 100%!important;font-size: 14px;background-color: #fff;border: 2px solid #e5e7e9;flex-direction: unset;padding-bottom: 0;padding-top: 0;line-height: unset;color: #495057;border-radius: 5px!important;}
.input-group {
margin: 0 0 20px;
width: 100%;
display: inline-block;
}
.checkbox-elm.ng-star-inserted {
text-align: left;
width: 100%;
margin-bottom: 1px;
}
input[type=checkbox] {
cursor: pointer;
}
.checkbox-elm input:checked~label .checkbox-area {
background-color: #00a3de;
border-color: #00a3de;
width: 16px;
height: 16px;
position: relative;
top: 0px;
display: inline-block;
width: 18px;
height: 18px;
margin: 0;
float: none;
border: 2px solid #8080805e;
cursor: pointer;
background-color: transparent;
background-image: none!important;
border-radius: 3px;
}
.checkbox-elm .checkbox-area:before {
content: "\f00c";
font-family: FontAwesome;
opacity: 0;
color: #fff;
font-size: 12px;
margin-top: 1px;
display: inline-block;
transition: all .15s ease-in;
transform: translate(-50%,-50%) scale(0);
top: 50%;
right: unset;
bottom: unset;
left: 50%;
position: absolute;
}
.search-cleaner-wrapper .checkbox-wrap .checkbox-elm .checkbox-area:before {
font-size: 10px;
margin-top: 0;
}
span.ui-button-text.ui-unselectable-text {
padding: 0.429em 1em;
margin: 0;
border-radius: 5px;
background-color: #38bdea!important;
border: 1px solid #38bdea!important;
box-shadow: none!important;
color: #fff;
font-size: 14px;
transition: background-color .2s,box-shadow .2s;
}
span.ui-button-text.ui-unselectable-text:hover{
color:#fff;
background-color: #00a3de!important;
border: 1px solid #00a3de!important;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
margin-top: 20px;
}
.p-toggleButton.ui-button.ui-togglebutton.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
margin-top: 6px;
margin-left:-15px;
background:none!important;
border:none;
}
.checkbox-elm input {
position: absolute;
left: 0;
width: 100%;
height: 100%;
margin: 0!important;
cursor: pointer;
opacity: 0;
}
.checkbox-elm input:checked~label .checkbox-area{
background-color: #00a3de;
border-color: #00a3de;
}
.checkbox-elm input:checked~label .checkbox-area:before {
transform: translate(-50%,-50%) scale(1);
opacity: 1;
color: #fff;
}
.checkbox-elm .checkbox-area:before {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 600;
opacity: 0;
color: #fff;
font-size: 12px;
margin-top: 1px;
display: inline-block;
transition: all .15s ease-in;
transform: translate(-50%,-50%) scale(0);
top: 50%;
right: unset;
bottom: unset;
left: 50%;
position: absolute;
}
.checkbox-elm .checkbox-area {
position: relative;
top: 0px;
display: inline-block;
width: 18px;
height: 18px;
margin: 0;
float: none;
border: 2px solid #8080805e;
cursor: pointer;
background-color: transparent;
background-image: none!important;
border-radius: 3px;
width: 16px;
height: 16px;
background-color: #fff;
}
span.checkbox-name{
bottom: 1px;
font-size: 13px;
color: #909497;
font-weight: 400;
padding-left: 2px;
background-color: transparent;
border: 0;
width: auto;
background-image: none!important;
height: auto;
line-height: 18px;
margin-bottom: 0;
position: relative;
font-size: 14px;
margin-left: 3px;
}
.checkbox-elm {
display: inline-block;
position: relative;
text-align: center;
cursor: pointer;
margin-bottom: 10px;
}
.checkbox-elm:hover .checkbox-area {
border-color: #00a3de;
}
.additional-services {
border: 0;
padding-top: 10px;
border-top: 1px solid #d3d3d3;
}
.checkbox-wrap label{
display: inline-block;
margin-bottom: 0.5rem;
}
.ui-slider {
position: relative;
text-align: left;
}
body .ui-slider-horizontal {
background-color: #e5e7e942!important;
border: 2px solid #e5e7e9!important;
width: 100%;
box-shadow: none!important;
border-radius: 5px!important;
height: 0.8em!important;
}
body .ui-slider .ui-slider-range {
background: #00a3de!important;
height: 11px;
top: -2px;
left: -2px;
border-radius: 10px;
box-shadow: none;
}
.ui-slider .ui-slider-range {
position: absolute;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider .ui-slider-handle.ui-slider-handle-active {
z-index: 2;
}
element.style {
bottom: auto;
left: 18.0435%;
}
body .ui-slider.ui-slider-horizontal .ui-slider-handle {
top: 50%;
margin-top: -0.5715em;
}
.ui-slider .ui-slider-handle.ui-slider-handle-active {
z-index: 2;
}
body .ui-slider .ui-slider-handle {
border-radius: 100%;
transition: box-shadow .2s;
}
body .ui-slider .ui-slider-handle{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff!important;
border: 2px solid #e5e7e9!important;
cursor: pointer;
top: -6px!important;
margin-top: 0!important;
background-image: url(https://demo7.1stopwebsitesolution.com/suuber/wp-content/uploads/2021/11/pause-icon-grey.svg);
width: 20px!important;
height: 20px!important;
background-size: 10px;
background-position: 50%;
background-repeat: no-repeat;
}
.ui-slider .ui-slider-handle {
position: absolute;
width: 1.2em;
height: 1.2em;
cursor: default;
touch-action: none;
z-index: 1;
}
.ui-slider-horizontal .ui-slider-handle {
top: -0.25em;
margin-left: -0.6em;
}
span.from-to.pull-right{
left:0!important;
}
span.ui-slider-handle.ui-corner-all.ui-state-default:focus-visible{
outline: none;
} body .ngx-pagination {
display: table;
margin: 30px auto 0;
list-style: none;
background-color: #f4f4f4;
padding: 5px 4px;
border-width: 0;
border-radius: 30px;
}
.ngx-pagination::before, .ngx-pagination::after {
content: ' ';
display: table;
}
body .ngx-pagination .pagination-previous {
width: auto;
padding: 0 10px 0 15px;
}
.ngx-pagination .disabled { color: #cacaca;
cursor: default;
}
body .ngx-pagination li {
float: left;
margin: 0 2px;
text-align: center;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
font-weight: 400;
cursor: pointer;
padding: 0;
border-radius: 30px;
}
.ngx-pagination .small-screen {
display: none;
}
body .ngx-pagination li.current {
color: #fff;
background-color: #00a3de;
pointer-events: none;
padding: 0;
border-radius: 30px;
}
.ngx-pagination .current {
padding: 0.1875rem 0.625rem;
background: #2199e8;
color: #fefefe;
cursor: default;
}
body .ngx-pagination li span {
line-height: 34px;
}
.ngx-pagination .show-for-sr {
position: absolute !important;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
}
.paginationjs .disabled {
color: #cacaca;
cursor: default;
width: auto;
padding: 0 10px 0 15px;
}
body .ngx-pagination li.current span {
color: #fff;
}
body .ngx-pagination li a {
padding: 0;
cursor: pointer;
color: #0a0a0a;
display: block;
padding: 0.1875rem 0.625rem;
border-radius: 0;
text-decoration: none;
font-size: 14px;
transition: all .15s ease-in-out;
}
body .ngx-pagination li a:hover {
background-color: transparent;
color: #116fbf;
}
body .ngx-pagination .pagination-next {
width: auto;
padding: 0 10px 0 15px;
}
.banner.search-cleaner-banner {
padding: 105px 0 40px;
}
.banner {
padding: 150px 0 100px;
background-color: #f6f8f9;
position: relative;
background-image: url(https://demo7.1stopwebsitesolution.com/suuber/wp-content/uploads/2021/11/Group-44.png);
width: unset;
height: unset;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}
.banner .container {
position: relative;
z-index: 1;
}
.banner h1 {
font-size: 40px;
font-weight: 300;
color: #fff;
text-align: center;
}
.banner ul {
text-align: center;
padding-top: 10px;
padding-left: 0;
}
.banner ul li {
display: inline-block;
color: #fff;
}
.banner ul li a {
font-size: 15px;
font-weight: 500;
color: #fff;
text-decoration: none;
}
.banner ul li :after {
content: " / ";
font-family: FontAwesome;
font-size: 15px;
font-weight: 900;
color: #fff;
margin: 0 5px;
}
.page-wrapper {
margin: 30px 0;
}
.search-item-wrapper * {
font-weight: 400;
}
.tabs-list li, .tabs-list li a {
display: inline-block;
}
.tabs-list li.active a {
color: #00a3de;
}
.tabs-list li a {
position: relative;
font-weight: 600;
font-size: 15px;
color: #bababa;
padding: 6px 30px 8px;
margin-bottom: -5px;
overflow: hidden;
}
.tabs-list li.active a:before {
transform: translateY(0);
}
.tabs-list li a:before {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background: #00a3de;
height: 4px;
border-radius: 9px 9px 0 0;
transition-timing-function: ease-out;
transition-duration: .3s;
transition-property: transform;
transform: translateY(5px);
}
.tabs-list a:focus, .tabs-list a:hover {
text-decoration: none;
}
.tabs-list a:hover {
color: #116fbf;
}
.tabs-list li a:hover:before {
transform: translateY(0);
}
.tabs-list li a:before {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background: #00a3de;
height: 4px;
border-radius: 9px 9px 0 0;
transition-timing-function: ease-out;
transition-duration: .3s;
transition-property: transform;
transform: translateY(5px);
}
.search-item-wrapper * {
font-weight: 400;
}
.shadow_content, .tab-content {
padding: 30px;
border: 1px solid #d3d3d370;
box-shadow: none;
}
.visible-xs {
display: none!important;
}
.search-cleaner-wrapper .right-align-content {
float: left;
width: calc(100% - 250px);
padding-left: 15px;
}
.tabs-list ul{
margin: 0;
padding: 0;
}
.paginationjs-pages ul {
display: table;
margin: 30px auto 0;
list-style: none;
background-color: #f4f4f4;
padding: 5px 4px;
border-width: 0;
border-radius: 30px;
}
.paginationjs-pages li {
float: left;
margin: 0 2px;
text-align: center;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
font-weight: 400;
cursor: pointer;
padding: 0;
border-radius: 30px;
}
li.paginationjs-prev {
width: auto;
padding: 0 10px 0 15px;
}
li.paginationjs-prev.disabled {
color: #cacaca;
cursor: default;
}
li.paginationjs-page.J-paginationjs-page.active {
color: #fff;
background-color: #00a3de;
pointer-events: none;
padding: 0;
border-radius: 30px;
cursor: default;
}
.paginationjs-page a {
line-height: 34px;
cursor: pointer;
color: #0a0a0a;
}
li.paginationjs-next.J-paginationjs-next {
width: auto;
padding: 0 10px 0 15px;
}
.paginationjs-next a {
padding: 0;
cursor: pointer;
color: #0a0a0a;
border-radius: 0;
}
.paginationjs-prev:hover a {
color: #00a3de;
}
.paginationjs-prev.disabled:hover a {
color: #cacaca;
}
.paginationjs-page:hover a {
color: #00a3de;
text-decoration:none;
}
.paginationjs-next:hover a {
color: #00a3de;
text-decoration:none;
}
.paginationjs-next.disabled:hover a {
color: #cacaca;
text-decoration:none;
pointer-events:none;
} .ui-dialog-mask.ui-widget-overlay {
pointer-events: auto;
}
body .ui-widget-overlay {
background-color: rgba(0,0,0,.4);
}
.ui-dialog-visible {
display: flex;
justify-content: center;
align-items: center;
}
#ratingsModal{
display:none;
}
.ui-dialog-mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.ui-widget-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
body p-dialog#addNewAppointment .ui-dialog, body p-dialog#footerDialog .ui-dialog, body p-dialog#ratingsModal .ui-dialog, body p-dialog#terms_and_conditions .ui-dialog {
width: 700px;
}
body .ui-dialog {
padding: 0;
box-shadow: 0 0 6px 0 rgb(0 0 0 / 16%);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s
} @-webkit-keyframes animatetop {
from {top:-300px; opacity:0} 
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
body .ui-corner-all {
border-radius: 3px;
}
body .ui-widget {
font-family: Open Sans,Helvetica Neue,sans-serif;
font-size: 14px;
text-decoration: none;
}
body .ui-dialog {
box-shadow: none;
border: 2px solid #efefef;
border-radius: 6px;
}
.ui-dialog {
padding: 0;
pointer-events: auto;
display: flex;
flex-direction: column;
max-height: 90%;
position: relative;
}
body .ratings_modal .ui-dialog.ui-widget .ui-dialog-titlebar {
background-color: transparent!important;
padding: 0;
}
body .ui-dialog.ui-widget .ui-dialog-titlebar {
padding: 16px 42px 10px 30px;
background: #fff;
font-weight: 400;
border: 0;
}
body .ui-dialog .ui-dialog-titlebar {
background-color: #f4f4f4;
color: #333;
padding: 1em;
font-weight: 700;
border: 1px solid #c8c8c8;
border-bottom: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: 0.5em 0.75em;
position: relative;
border: 0;
flex-shrink: 0;
}
.ui-dialog-draggable .ui-dialog-titlebar {
cursor: move;
}
body .ui-corner-top {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.ui-helper-clearfix:after, .ui-helper-clearfix:before {
content: "";
display: table;
}
.ui-dialog .ui-dialog-titlebar-icons {
float: right;
}
body .ratings_modal .ui-dialog.ui-widget .ui-dialog-titlebar-close {
z-index: 9;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
color: #848484;
border: 0;
padding: 0;
margin-left: 0.5em;
transition: color .2s,background-color .2s,box-shadow .2s;
}
body .ui-dialog .ui-dialog-titlebar-close {
display: inline-block;
background-color: #f5f5f5;
z-index: 9;
border: 2px solid #efefef;
cursor:pointer;
top: -10px;
right: -10px;
bottom: unset;
left: unset;
position: absolute;
background-image: url(https://www.suuber.ch/wp-content/uploads/2022/03/close-icon-grey.svg);
width: 38px;
height: 38px;
background-size: 16px;
background-position: 50%;
background-repeat: no-repeat;
}
body .ui-dialog .ui-dialog-titlebar-icon:hover {
background-image: url(https://www.suuber.ch/wp-content/uploads/2022/03/close-icon-blue.svg);
}
body .ui-dialog .ui-dialog-titlebar-close:hover {
border-color: #efefef;
background-color: #efefef;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-dialog .ui-dialog-titlebar-close{
border-radius:100%;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon span {
width: auto;
}
body .ui-dialog .ui-dialog-titlebar-close span {
display: none;
}
.ui-dialog .ui-dialog-titlebar-icon span {
display: block;
margin: 0;
}
body .pi {
font-size: 1.25em;
}
.pi {
font-family: primeicons;
speak: none;
font-style: normal;
font-weight: 400;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body .ui-dialog.ui-widget .ui-dialog-content {
width: 100%;
padding: 0 30px 10px;
margin: 0;
border: 0;
color: inherit;
}
body .ui-dialog .ui-dialog-content, body .ui-dialog .ui-dialog-footer {
background-color: #fff;
color: #333;
border: 1px solid #c8c8c8;
padding: 0.571em 1em;
}
.ui-dialog-resizable .ui-dialog-content {
overflow: auto;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: 0.5em 0.75em;
background: 0;
overflow-y: auto;
}
body p-dialog .modal-body {
padding: 30px;
}
.p-0 {
padding: 0!important;
}
.modal-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem;
}
.ratings-modal .top_details {
border-bottom: 2px solid #d3d3d385;
padding-bottom: 6px;
color: #f5b041;
font-size: 25px;
}
.ratings-modal .reviews {
max-height: 488px;
overflow: auto;
}
.ratings-modal .reviews li {
display: flex;
padding-top: 24px;
}
.ratings-modal .reviews li .user-avatar {
width: 50px;
height: 50px;
margin-right: 12px;
}
.ratings-modal .reviews .initials {
width: 100%;
height: 100%;
border-radius: 100%;
box-shadow: none;
font-size: 14px;
line-height: 48px;
font-weight: 700;
border: 2px solid #80808026;
}
.initials {
display: inline-block;
width: 150px;
height: 150px;
line-height: 150px;
font-size: 34px;
font-weight: 600;
letter-spacing: 1px;
text-align: center;
background-color: #f4f4f4;
box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
border-radius: 20px;
}
.ratings-modal .reviews li .name {
font-size: 15px;
margin-bottom: 2px;
}
.ratings-modal .reviews .time-reviewed {
font-size: 12px;
color: grey;
margin-bottom: 4px;
}
.general-rating .rating-item.rated {
color: #f5b041;
}
.general-rating .rating-item {
color: #d3d3d3;
font-size: 14px;
display: inline-block;
margin-right: 6px;
}
.ratings-modal .reviews .review-message {
margin: 8px 0 0;
font-size: 13px;
}
body .ui-widget-content p {
line-height: 1.5;
margin: 0;
}
.ui-dialog .ui-resizable-se {
width: 14px;
height: 14px;
right: 3px;
bottom: 3px;
position: absolute;
font-size: .1px;
display: block;
cursor: se-resize;
}
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
ul.ng-star-inserted {
padding: 0;
} @media only screen and (max-width: 370px) {
.mf-radio-option:first-child{
margin-right: 10px!important;
}
.mf-radio-option span{
padding: 14px 10px 14px 10px;
}
}
@media only screen and (max-width: 340px) {
.mf-radio-option span{
padding: 14px 5px 14px 5px;
}
}.ecs-post-loop .elementor-page-title{
display:block;
}
.ecs-loop-preview{
height:100%;
width:100%;
background:lightgray;
border:solid 1px gray;
padding:5px;
}
.ecs-loop-preview h3{
font-size:16px;
font-weight:500;
}
.ecs-loop-preview span{
font-size:12px;
}
.ecs-loop-preview .ecs-image-holder{
width: 100%;
line-height: 113px;
background-color: #808080;
font-size: 45px;
text-align: center;
vertical-align: middle;
font-weight: 900;
color: #929191;
}
.ecs-link-wrapper{
cursor: pointer;
}
.elementor-widget-ele-loop-item, .elementor-widget-ele-loop-item > .elementor-widget-container,
.elementor-element-edit-mode.elementor-widget-ele-loop-item, .elementor-element-edit-mode.elementor-widget-ele-loop-item > .elementor-widget-container{
height: 100%;
} .elementor-widget-posts .ecs-posts .elementor-button-wrapper {
margin-top: 0;
} .ecs-post-loop .ast-article-single{
background-color: none;
border-bottom:none;
margin: 0;
padding: 0;
}
.ecs-post-loop.ast-article-post{
width:100%;
} .theme-storefront.elementor-editor-active #primary.content-area{
float:none;
} .elementor-editor-active .ecs-lazyload a,.elementor-editor-preview .ecs-lazyload a{
display:none;
}
.animation-hidden .ecs-lazy-load-animation{
height:0;
visibility:hidden;
}  .barload-wrapper {
width: 195px;
height: 1em;
position: relative;
display:inline-block;
font-size:16px;
padding:10px;
}
.barload-border {
border: 3px solid rgb(34,34,34);
height: 100%;
width: 100%;
position: relative;
top: -50%;
padding: 4px 3px;
}
.barload-whitespace {
overflow: hidden;
height: 100%;
width: 100%;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.barload-line {
position: absolute;
height: 100%;
width: 100%;
background-color: rgb(0,0,0);
animation: barload-slide 2.75s steps(40) infinite;
-o-animation: barload-slide 2.75s steps(40) infinite;
-ms-animation: barload-slide 2.75s steps(40) infinite;
-webkit-animation: barload-slide 2.75s steps(40) infinite;
-moz-animation: barload-slide 2.75s steps(40) infinite;
}
@keyframes barload-slide {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
@-o-keyframes barload-slide {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
@-ms-keyframes barload-slide {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
@-webkit-keyframes barload-slide {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
@-moz-keyframes barload-slide {
0% {
left: -100%;
}
100% {
left: 100%;
}
}  .barload-wrapper ,.barload-wrapper * {
box-sizing:content-box;
} 
.ballsload-container{
font-size:16px;
padding:10px;
position:relative;
}
.ballsload-container div {
width: 1em;
height: 1em;
position: absolute;
background-color: rgb(0,0,0);
top: 0;
border-radius: 50%;
}
.ballsload-container div:nth-child(1) {
animation: ballsload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-o-animation: ballsload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-ms-animation: ballsload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-webkit-animation: ballsload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-moz-animation: ballsload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}
.ballsload-container div:nth-child(2) {
animation: ballsload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-o-animation: ballsload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-ms-animation: ballsload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-webkit-animation: ballsload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-moz-animation: ballsload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}
.ballsload-container div:nth-child(3) {
animation: ballsload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-o-animation: ballsload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-ms-animation: ballsload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-webkit-animation: ballsload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-moz-animation: ballsload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}
.ballsload-container div:nth-child(4) {
animation: ballsload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-o-animation: ballsload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-ms-animation: ballsload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-webkit-animation: ballsload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-moz-animation: ballsload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}
@keyframes ballsload-move {
0% {
left: 0%;
}
100% {
left: 100%;
}
}
@-o-keyframes ballsload-move {
0% {
left: 0%;
}
100% {
left: 100%;
}
}
@-ms-keyframes ballsload-move {
0% {
left: 0%;
}
100% {
left: 100%;
}
}
@-webkit-keyframes ballsload-move {
0% {
left: 0%;
}
100% {
left: 100%;
}
}
@-moz-keyframes ballsload-move {
0% {
left: 0%;
}
100% {
left: 100%;
}
}  #movingBallG{
position:relative;
width:250px;
height:19px;
display:inline-block;
font-size:16px;
}
.movingBallLineG{
position:absolute;
left:0px;
top:0.5em;
height:0.25em;
width:250px;
background-color:rgb(0,0,0);
}
.movingBallG{
background-color:rgb(0,0,0);
position:absolute;
top:0;
left:0;
width:1.188em;
height:1.188em;
border-radius:100px;
-o-border-radius:100px;
-ms-border-radius:100px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
animation-name:bounce_movingBallG;
-o-animation-name:bounce_movingBallG;
-ms-animation-name:bounce_movingBallG;
-webkit-animation-name:bounce_movingBallG;
-moz-animation-name:bounce_movingBallG;
animation-duration:1.5s;
-o-animation-duration:1.5s;
-ms-animation-duration:1.5s;
-webkit-animation-duration:1.5s;
-moz-animation-duration:1.5s;
animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-direction:normal;
-o-animation-direction:normal;
-ms-animation-direction:normal;
-webkit-animation-direction:normal;
-moz-animation-direction:normal;
}
@keyframes bounce_movingBallG{
0%{
left:0px;
}
50%{
left:230px;
}
100%{
left:0px;
}
}
@-o-keyframes bounce_movingBallG{
0%{
left:0px;
}
50%{
left:230px;
}
100%{
left:0px;
}
}
@-ms-keyframes bounce_movingBallG{
0%{
left:0px;
}
50%{
left:230px;
}
100%{
left:0px;
}
}
@-webkit-keyframes bounce_movingBallG{
0%{
left:0px;
}
50%{
left:230px;
}
100%{
left:0px;
}
}
@-moz-keyframes bounce_movingBallG{
0%{
left:0px;
}
50%{
left:230px;
}
100%{
left:0px;
}
}  .lds-ellipsis {
display: inline-block;
position: relative;
width: 8em;
height: 1em;
font-size:13px;
}
.lds-ellipsis div {
position: absolute;
top: 0px;
width: 1em;
height: 1em;
border-radius: 50%;
background: #000;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 1em;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
left: 1em;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 4em;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
left: 7em;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(3em, 0);
}
}