ag-design 1.0.26 → 1.0.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/form.css ADDED
@@ -0,0 +1,104 @@
1
+ .form-content label { display: block; font-size: 0; color: #444; font-family: var(--s-f);}
2
+ .form-content label:before {content: ""attr(label-name)"";position: absolute; margin-top: 0px; transition: .2s margin-top; visibility: hidden}
3
+
4
+ label:has(> .item-text:not(:placeholder-shown)){ background-image: linear-gradient(to top,rgba(0,0,0,0.01),transparent 100%); }
5
+ label:has(> .item-text:not(:placeholder-shown))::before,.form-content .label-sel.active::before {margin-top: -9px; visibility: visible; font-size: var(--f-s-2); font-weight: 500;}
6
+ label:has(> .item-text:not(:placeholder-shown)){ background: rgba(0, 0, 0, 0.001); }
7
+ label:has(> .item-text.no-float-cap)::before { margin-top: -9px; visibility: visible; font-size: var(--f-s-2); font-weight: 500;}
8
+
9
+ .label-select { font-size: var( --f-s-3) !important; font-weight: 500;}
10
+
11
+ .item-text { border: none; border-bottom: 1px solid #aeaeae; background: transparent; width: 100%; padding: 12px 0rem; box-sizing: border-box; outline: none; font-size: var( --f-s-3); font-weight: normal; color: #000; font-family: var(--s-f);}
12
+ textarea { resize: vertical;}
13
+ .item-text::placeholder { color: #000; }
14
+ .item-text.c-4::placeholder {color:rgba(0, 0, 0, 0.5);}
15
+ x.contact-us .item-text::placeholder{font-size:0;}
16
+ .contact-us .item-text.c-4::placeholder{font-size:var(--f-s-3);}
17
+
18
+ .item-text::-ms-input-placeholder { color: #000; }
19
+ .item-select{ padding: 11px 0rem; width: 100%; background: #fff; cursor: pointer; font-family: inherit; font-size: var( --f-s-3); transition: all 150ms ease; border: none; border-bottom: 1px solid #aeaeae; outline: none;color:#000;}
20
+ .form-content label.show-label{font-size:var(--f-s-3);font-family:var(--s-f);font-weight:var(--f-w-4);}
21
+ .form-content label#showDate:before,.form-content label#showTime:before{font-size: var(--f-s-1) !important;visibility:visible;position:unset;}
22
+ label.consent-statement { font-size: var(--f-s-2) !important;}
23
+ .form-content .radio-grp label:before{display:none;}
24
+ .form-content .radio-grp label{font-size:var(--f-s-3); color: #444;}
25
+ .p-detail label.consent-statement, .p-detail label.consent-statement a { font-weight: var(--f-w-4);}
26
+
27
+ /* Group label (above radio / checkbox / toggle) */
28
+ .grp-label{font-size:var(--f-s-1); font-weight:var(--f-w-4); color: var(--c-2);text-transform:uppercase; letter-spacing:.6px; display:block;}
29
+
30
+ /* Avatar upload */
31
+ .avatar-upload-area{gap:10px; padding:8px 0 16px;}
32
+ .avatar-circle{width:100px; height:100px; border-radius:50%;border:2px solid #aeaeae; overflow:hidden;background:var(--c-3); display:flex; align-items:center;justify-content:center; cursor:pointer; position:relative; transition:border-color .2s;}
33
+ .avatar-circle:hover{border-color:var(--c-1);}
34
+ .avatar-circle img{width:100%; height:100%; object-fit:cover; display:none;}
35
+ .avatar-circle svg{opacity:.35;}
36
+ .avatar-circle::after{content:'change'; position: absolute;inset: 0;border-radius: 50%;background: rgba(192,57,43,.7);display: flex;align-items: center;justify-content: center;color:var(--c-99);font-size: var(--f-s-1);font-weight: 600;opacity:0;transition: opacity .2s;}
37
+ .avatar-circle:hover::after{opacity:1;}
38
+ .avatar-upload-area .av-btn{font-size:var(--f-s-2); color:var(--c-1); font-weight:500;cursor:pointer; text-decoration:underline;background:none; border:none; font-family:inherit;}
39
+ .avatar-upload-area .av-hint{font-size:var(--f-s-1); color:#757575;}
40
+ #avatarFileInput{display:none;}
41
+
42
+ /* Radio group */
43
+ .radio-grp{gap:6px 20px;}
44
+ .radio-grp label{display:inline-flex!important;align-items: center; gap: 8px;font-size:var(--f-s-3)!important;font-weight:var(--f-w-4);color:#444; cursor:pointer;}
45
+ .radio-grp label:before{display: none!important;}
46
+ .radio-grp input[type="radio"]{accent-color: var(--c-1);width: 15px;height: 15px;cursor: pointer;flex-shrink: 0;}
47
+
48
+ /* Checkbox group */
49
+ .chk-grp{gap: 6px 20px;}
50
+ .chk-grp label{display: inline-flex !important;align-items: center;gap: 8px;font-size: var(--f-s-3) !important;font-weight: var(--f-w-4);color: #444;cursor: pointer;}
51
+ .chk-grp label:before{display: none !important;}
52
+ .chk-grp input[type="checkbox"]{accent-color: var(--c-1);width: 15px;height: 15px;cursor: pointer;flex-shrink: 0;}
53
+
54
+ /* Toggle switch */
55
+ .toggle-row{gap: 8px;}
56
+ .toggle-sw{position: relative;display: inline-block;width: 40px;height: 22px;}
57
+ .toggle-sw input{opacity:0;width:0; height:0;}
58
+ .toggle-track{position:absolute;inset:0; background:#ccc;border-radius:22px; cursor:pointer; transition:.3s;}
59
+ .toggle-track:before{content:'';position: absolute;width: 16px;height: 16px;left: 3px;bottom: 3px;background:#fff;border-radius:50%;transition:.3s;}
60
+ .toggle-sw input:checked + .toggle-track{background: var(--c-1);}
61
+ .toggle-sw input:checked + .toggle-track:before{transform: translateX(18px);}
62
+ .toggle-lbl{font-size: var(--f-s-3);color:#444;font-weight: var(--f-w-4);}
63
+
64
+ /* Range slider */
65
+ input[type="range"]{accent-color: var(--c-1);width: 100%;background: var(--c-7);border-radius: 3px;outline: none;cursor: pointer;margin: 0;border: none;display: block;}
66
+ input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none; width:16px; height:16px; border-radius:50%;background:var(--c-1); border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.2); cursor:pointer;}
67
+
68
+ /* File drop zone */
69
+ .file-drop{border:1.5px dashed #aeaeae;border-radius: 3px;padding: 20px 12px;text-align: center;cursor: pointer;transition: border-color .2s;position: relative;margin-top: 8px;}
70
+ .file-drop:hover{border-color: var(--c-1);}
71
+ .file-drop input[type="file"]{position: absolute;inset: 0;opacity: 0;cursor: pointer;width: 100%;height: 100%;}
72
+ .file-drop .fd-icon{font-size:24px; display:block; margin-bottom:4px;}
73
+ .file-drop .fd-text{font-size: var(--f-s-2); color: #757575; margin:0;}
74
+ .file-drop .fd-text span{color: var(--c-1); font-weight: 600; text-decoration: underline;}
75
+ .file-drop .fd-hint{font-size: var(--f-s-1); color: #757575; margin: 4px 0 0;}
76
+
77
+ /* Colour picker row */
78
+ .color-row{gap: 8px;}
79
+ input[type="color"]{-webkit-appearance: none;appearance: none;width: 30px;height: 30px;border: none;background: none;cursor: pointer;padding: 0;border-radius: 50%;overflow: hidden;box-shadow: 0 4px 12px rgba(0, 0, 0, .08);}
80
+ .color-row > span{font-size:var(--f-s-3); color:#888;}
81
+
82
+ /* Native date / time */
83
+ input[type="date"], input[type="time"]{border:none; border-bottom:1px solid #aeaeae;background:transparent; width:100%; padding:12px 0;font-size:var(--f-s-3); font-family:var(--s-f);color:#000; outline:none; display:block;}
84
+ .action-btn{gap:12px;}
85
+
86
+ /* selected option */
87
+ .label-sel:has(.item-select) [value=""]{color: rgba(0,0,0,0.5);}
88
+
89
+ /* input Error Message start*/
90
+ .error-msg{display: inline-block;visibility: hidden;color: #B00020;font-size: 11px;margin-top: 4px;}
91
+ .item-text:invalid:not(:placeholder-shown) ~ .error-msg,.item-text:invalid:focus ~ .error-msg {visibility: visible;}
92
+ .item-text:invalid:placeholder-shown ~ .error-msg::before{content: "This field is required. ";}
93
+ .item-text:invalid:not(:placeholder-shown) ~ .error-msg::before{content: "Invalid format. ";}
94
+ .item-text:invalid:not(:placeholder-shown),
95
+ .item-text:invalid:focus{border-bottom: 1px solid #B00020 !important;outline: none;}
96
+ label:has(.item-text:invalid:not(:placeholder-shown)),
97
+ label:has(.item-text:invalid:focus){color: #B00020 !important;}
98
+ /* input Error Message start*/
99
+
100
+ /* Responsive */
101
+ @media (max-width:767px){
102
+ .form-head{padding:24px 20px;}
103
+ .step-bar{padding:20px 16px 0;}
104
+ }
package/helper.css ADDED
@@ -0,0 +1,278 @@
1
+ 
2
+ /*common_css_start*/
3
+ img {max-width:100%;max-height:100%;}
4
+ input:invalid {box-shadow: none;}
5
+ div[data-detail-link^="/"] {cursor:pointer;}
6
+ a:link ,a:visited {text-decoration: none;}
7
+ section {position:relative;width: 100%;}
8
+
9
+ [data-value="0"],[data-value="0.0"],[data-value=""],[data-value="0.00"],[data-value="#"],[data-value="no"]{display:none!important;}
10
+
11
+ [data-no-value]:not([data-no-value=""]) {display:none!important;}
12
+
13
+ .mdl-selectfield [data-value="0"] {display:block!important;}
14
+
15
+ [data-agora-icon]:before,[data-agora-icon-right]:after {content:attr(data-agora-icon);font-family: 'agorafonts' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display: inline-block;font-size: 24px;letter-spacing: normal;word-wrap: normal;vertical-align: middle;margin: 0 0.2rem;transform: translateY(-1px);}
16
+ [data-agora-icon-right]:after {content:attr(data-agora-icon-right);}
17
+
18
+ /*Provide Spacing Literals start*/
19
+ [data-spacer-context]{}
20
+ [data-spacer].b{display:block;}
21
+ [data-spacer]:after{content:attr(data-spacer);}
22
+ [data-pre-spacer]:before {content:attr(data-pre-spacer);}
23
+ i[data-spacer],i[data-pre-spacer] {font-style:normal;}
24
+ i.b[data-spacer] {display:block;width:100%;}
25
+ /*Provide Spacing Literals End*/
26
+
27
+ /*Plural Verbal start*/
28
+ [data-value][data-plural] {display:none!important;font-style:normal;margin:0!important;}
29
+ [data-plural=""][data-value="1"],[data-plural=""][data-value="1.0"],[data-plural=""][data-value^="0."],[data-plural="s"]:not([data-value="1"]):not([data-value="1.0"]):not([data-value^="0."]):not([data-value="0"]){display: inline-block!important;}
30
+ [data-web-links][data-value]:not([data-value*="http"]),[data-agent-bio][data-value="######0"] {display:none!important;}
31
+ /*Plural Verbal start End*/
32
+
33
+ input[data-save-listing$="_true"] + span + span, input[data-save-listing$="_True"] + span + span {display: none !important;}
34
+ input[data-save-listing$="_true"] + span, input[data-save-listing$="_True"] + span {display: inline-block !important;}
35
+
36
+ [data-perform-action=SaveListing][ag-user-collection="3"] {color: transparent;font-size: 0;pointer-events: none}
37
+ [data-perform-action=SaveListing][ag-user-collection="3"]:before { color: var(--c-1); content: "\e922"; line-height: 1}
38
+ [data-perform-action=SaveListing][ag-user-collection="3"]:not(:empty):before {transform: translateY(-5px)}
39
+ [data-perform-action=SaveListing][ag-user-collection="3"]:not(:empty):after {color: var(--c-1); content: "Saved"; display: inline-block;font-size: var(--f-s-2); line-height: 1}
40
+
41
+ /*Cookie*/
42
+ .data-privacy-policy.active {position: fixed;bottom: 20px;margin: 0 auto;left: 0;right: 0;max-height: inherit !important;z-index: 999;max-width: 700px;}
43
+ .data-privacy-policy.active .content {padding: 14px !important;justify-content:space-between;}
44
+ .data-privacy-policy.active .content p {font-size:var(--f-s-2); width: calc(100% - 100px) !important;text-align:left;}
45
+ .data-privacy-policy.active .content p a {font-size:var(--f-s-2);text-decoration:none;color:var(--c-1)}
46
+ /*Cookie*/
47
+
48
+ /*Fake content*/
49
+ a.ag-fake-contains {display:none;}
50
+ .bbs span .ag-fake-contains {width: 40px; display: inline-flex;overflow:hidden}/*property card bed-bath*/
51
+ .ag-fake-contains:has(>.ag-fake) {position: relative;color: rgba(0, 0, 0, 0);pointer-events: none !important;cursor: default;}
52
+ .ag-fake {display: none;}
53
+ .ag-fake {position: absolute;left: 0;top: 0;width: 100%;height: calc(100% - 2px);background: #eee;overflow: hidden;display: block;border-radius: 2px;margin-top: 1px;}
54
+ .ag-fake:after {content: "";top: 0;transform: translateX(100%);width: 100%;height: 100%;position: absolute;z-index: 1;animation: slide 1s infinite;
55
+ background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
56
+ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), color-stop(99%, rgba(128, 186, 232, 0)), color-stop(100%, rgba(125, 185, 232, 0)));
57
+ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
58
+ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
59
+ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
60
+ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
61
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#007db9e8', GradientType=1);
62
+ opacity: 0.64;
63
+ }
64
+ .ag-fake-mask {display: none;}
65
+ img.ag-fake-inline-contains {position: relative;object-position: -99999px 99999px;background: #eee;}
66
+
67
+ @keyframes slide {
68
+ 0% {
69
+ transform: translateX(-100%);
70
+ }
71
+
72
+ 100% {
73
+ transform: translateX(100%);
74
+ }
75
+ }
76
+ /*Fake content*/
77
+
78
+ /*agora-back-to-top*/
79
+ .agora-back-to-top {bottom: 8px;position: fixed;right: 8px;z-index: 4; transform: scale(0);transform-origin: 100% 100%; transition: .3s cubic-bezier(0.4,0.0,0.2,1) all;border-radius: 50%;height: 56px;margin: auto;min-width: 56px;width: 56px;padding: 0; overflow: hidden;background:var(--c-2);color:var(--c-99); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);}
80
+ .agora-back-to-top i{position: absolute; top: 50%; left: 50%; transform: translate(-12px, -12px);}
81
+ body.scroll .agora-back-to-top { transform: scale(1); display: block !important;}
82
+ /*agora-back-to-top*/
83
+
84
+ input:checked, input[type="checkbox"]{accent-color: var(--primary-color-500, var(--c-o-1, var(--c-1)));}
85
+ #agoraAlertMessageBox.alert_box.consent .message-body { width: 90%;max-width: 673px;}
86
+ #agoraAlertMessageBox.alert_box.consent .msg > a {font-size: var(--f-s-3) !important;}
87
+ /*common_css_end*/
88
+
89
+ /*Sample classes and styles */
90
+ .hide-text {text-indent: 100%;white-space: nowrap;overflow: hidden;}
91
+ /*Sample classes and styles*/
92
+
93
+ /*Accordian*/
94
+ .item-acc { display: flex; flex-direction: column;}
95
+ .item-acc-i { display: flex; align-items: center;text-transform:capitalize; justify-content: space-between;border-bottom: 1px solid rgba(0, 0, 0, .25);padding:10px 0; /*cursor: pointer; lDP accordian disabled*/ pointer-events:none; font-weight: bold; user-select: none; }
96
+ .item-acc-c:has(>.item-acc-i) { /*max-height: 45px;*/ max-height:100% !important; overflow: hidden; transition: max-height 0.2s ease-out; border-bottom: none;}
97
+ .item-acc-i:not(.open)[data-agora-icon-right]:after { transform: rotate(180deg) !important; }
98
+ .item-acc .acc-con {column-count: 3; }
99
+ .item-acc-c.int-fea .acc-con{column-count: 1;}
100
+ .item-acc .acc-con span::before { content: attr(data-th)':';padding-right: 4px; font-weight: var(--f-w-b); }
101
+
102
+ /*Accordian*/
103
+ .l-type.br{border:1px solid}
104
+ /*Search block*/
105
+ .s-con {background: rgba(255,255,255,.1);margin-bottom:50px !important;}
106
+ .s-item .item-text, .search-con select {border: 0;}
107
+ .s-item input {text-indent: 12px;}
108
+ .s-item input, .s-item select {height: 42px;}
109
+ .s-item .s-a-b-1:before{align-items: center;display: flex;font-size: 24px;height: 100%;}
110
+ .s-item .s-a-b-1 { height: 42px; right: 4px; top: 0; width: auto;}
111
+ /*Search block*/
112
+
113
+ /*Pagination*/
114
+ .pagination ul li { margin: 0 .2rem;}
115
+ .pagination ul li a { height: 34px; line-height: 34px; width: 34px;}
116
+ .pagination ul li.active a.c-1 { background-color: var(--c-1); color: var(--c-99) !important;}
117
+ .pagination ul li a.c-1:hover { background: rgba(26, 26, 29, .54);color: var(--c-99)!important; cursor: pointer;}
118
+ .pagination ul li:not(.active):first-child a, .pagination ul li:not(.active):last-child a {color: rgba(94, 106, 59, .32); display: inline-block; margin: 0 .5rem; overflow: hidden; width: 24px;}
119
+ .pagination ul li:not(.active):first-child a:before, .pagination ul li:not(.active):last-child a:before {display: inline-block; font-family: agorafonts; -webkit-font-feature-settings: "kern" 1, "liga" 1, "case" 1; -moz-font-feature-settings: "kern=1","liga=1","case=1"; -moz-font-feature-settings: "kern" on,"liga" on,"case" on; -ms-font-feature-settings: "kern" 1,"liga" 1,"case"; -o-font-feature-settings: "kern","liga","case"; font-feature-settings: "kern", "liga", "case"; font-size: 24px;}
120
+ .pagination ul li:not(.active):first-child a:before {content: "\e915";}
121
+ .pagination ul li:not(.active):last-child a:before {content: "\e916";}
122
+ .pagination ul li:not(.active):first-child a:hover, .pagination ul li:not(.active):last-child a:hover {background: 0; color: rgba(94, 106, 59, .96) !important;}
123
+ /*Pagination*/
124
+ /*Tabs*/
125
+ .tab{display: none!important;}
126
+ .tab-container .tab-a.active-a:after{ content: ''; display: block; border-top: 2px solid var(--c-1); position: absolute; bottom: 0; top: 44px; background: 0; left: 0; width:100%; }
127
+ .tab-container .tab-a.active-a:before{content: ''; width: 8px; height: 8px; border-top: 2px solid var(--c-1); border-left: 2px solid var(--c-1); background: #f7f7f7; position: absolute; top: 40px; z-index: 9; left: 0; right: 0; margin: 0 auto; transform: rotate(225deg);}
128
+ .tab-active{display: flex!important;}
129
+ .p-detail + .tab-container .tab-active{display:block!important;}
130
+ .t-labels{border-bottom: 1px solid #dcdcdc;}
131
+ .tab-container .tab-b.active-a:after,.tab-container .tab-b:hover:after{ content: ''; display: block; position: absolute; border-top: 3px solid var(--c-2); bottom: -1px; background:0; left: 0; width:100%; }
132
+ .tab-container .tab-b:not(.active-a):after { content: ''; transform: scaleX(0);transform-origin: 0% 50%;transition: transform 300ms ease-in-out;}
133
+ .tab-container .tab-b:not(.active-a):hover:after{ transform: scaleX(1);}
134
+ .tab-container span.tab-b{ margin-right: 35px;}
135
+ /*Tabs*/
136
+
137
+ /*modal*/
138
+ .modal {display: none;position: fixed;z-index: 1; left: 0;top: 0;width: 100%;height: 100%; background-color: rgba(0, 0, 0, 0.5); justify-content:center;align-items:center; }
139
+ .modal-c {margin: 20% auto;border: 1px solid #888;width: 300px; xoverflow: hidden;}
140
+ .modal-c.office{width:330px;}
141
+ .modal .close {top: 15px;right: 15px;z-index:9;width:24px;height:24px;line-height:24px;}
142
+ .modal .close:before{font-size:var(--f-s-2);line-height:22px;}
143
+ .modal .close.round{top: -20px;right: -15px; width: 45px;height: 45px;line-height: 40px; border: 1px solid;}
144
+ .modal .close.round:before{font-size: var(--f-s-3);}
145
+ body.popup-active{overflow:hidden;}
146
+ /*modal*/
147
+
148
+ /*Badge*/
149
+ .p-detail.broker .l-type.cl,.p-detail.exclusive .l-type.el,.property.rental .p-badge .l-type.rl,.p-detail.have-mul-openhouse .l-type.oh,.p-detail.have-mul-openhouse .l-type.oh .ohd,.p-detail.newlisting .l-type.nl,.p-detail.openhouse .l-type.oh,.p-detail.pricereduced .l-type.pr,.p-detail.rental .l-type.rl,.p-detail.virtualTour .l-type.vt,.property.exclusive .p-badge .l-type.el,.property.have-mul-openhouse .p-badge .l-type.oh,.property.have-mul-openhouse .p-badge .l-type.oh .ohd,.property.newlisting .p-badge .l-type.nl,.property.openhouse .p-badge .l-type.oh,.property.pricereduced .p-badge .l-type.pr,.property.virtualTour .p-badge .l-type.vt { display: inline-block!important}
150
+ .p-detail.pricereduced .l-type.pr i:after, .property.pricereduced .p-badge .l-type.pr i:after, .property.priceincreased .p-badge .l-type.pr i:after{ font-size: var(--f-s-1); margin: 0 4px;}
151
+ /*Badge*/
152
+ .delete-account-form h1 { color: var(--c-1); font-family: var(--s-f); font-size: var(--f-s-9); font-weight: var(--f-w-4) !important; text-align: center; text-transform: uppercase;}
153
+ .delete-account-form .head-sec span { display: inline-block;padding-bottom: 16px;text-align: center;width: 100%;}
154
+
155
+
156
+ /* AVM map popup*/
157
+ [avm-report-url="get-a-home-valuation"] .map-pop-up>div+div span{align-items:center;}
158
+ /* AVM map popup*/
159
+ /*Dashboard*/
160
+ [ag-user] { display: inline-block; position: relative}
161
+ [ag-user]>span { position: absolute; background: var(--c-3); z-index: 9999; border-radius: 2px; box-shadow: rgba(0,0,0,.16) 0 1px 4px;transform: scale(0);top: calc(100% + 8px); right: 0; min-width: 180px; padding: 0 !important}
162
+ [ag-user]>span>* {display: block;width: 100%;padding: 16px !important;color: var(--c-2);cursor: pointer; height: auto !important; line-height: normal !important; text-align: left; text-transform: none !important;}
163
+ [ag-user]>span>*:first-child {display: none !important}
164
+ [ag-user]>button.active+span { transform: scale(1)}
165
+ .dashboard-item .ca-f-b-1 { line-height: 38px; min-height: 38px; min-width: 38px}
166
+ .dashboard-item .ca-f-b-1:before { font-size: 20px; height: 38px; line-height: 38px!important; width: 38px}
167
+ .dashboard-item .ca-f-b-1[data-note-count="0"]:before {content: "\e9a7"}
168
+ /*Agent - team*/
169
+ [data-current-rt]:not([data-current-rt="CMNCMN"]):not([data-current-rt="CMNSLD"]):not([data-current-rt="CMNRNT"]) [data-enable-for] { display: none}
170
+ [data-current-rt="AGENTTEAM"]:not([data-current-rt="CMNCMN"]):not([data-current-rt="CMNSLD"]):not([data-current-rt="CMNRNT"]) [data-enable-for="AGENTTEAM"],[data-current-rt="AGENT"]:not([data-current-rt="CMNCMN"]):not([data-current-rt="CMNSLD"]):not([data-current-rt="CMNRNT"]) [data-enable-for="AGENT"] { display: block}
171
+ [data-current-rt="CMNCMN"] [data-enable-for]:not([data-enable-for*="CMNCMN"]),[data-current-rt="CMNSLD"] [data-enable-for]:not([data-enable-for*="CMNSLD"]),[data-current-rt="CMNRNT"] [data-enable-for]:not([data-enable-for*="CMNRNT"]) { display: none!important}
172
+ /*Agent - team*/
173
+
174
+ /*Manage listings*/
175
+ .s-con.m-listings{background:#FAFAFA;padding-bottom: 28px !important;margin-bottom:0 !important;}
176
+ .s-con.m-listings .s-item .item-text,.s-con.m-listings .search-con select{border-bottom: 1px solid #aeaeae;}
177
+ /*Manage listings*/
178
+
179
+ /*testimonials*/
180
+ .testimonial-wrapper .testimonial .review-by{border-top: 1px solid var(--c-7);}
181
+ body.agent-template-1 .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .mdl-close::before{position: relative; z-index: 9;}
182
+
183
+ #AddTestimonial_Form .agent-information.mdl-card .title h5{margin: 0 0 20px 0; font-weight: 400; line-height: normal; font-size: 20px;}
184
+ #AddTestimonial_Form .agent-information.mdl-card .title h1{font-weight: 400; line-height: normal; margin: 0; font-size: 2em;}
185
+ #AddTestimonial_Form .agent-information.mdl-card .mdl-textfield .mdl-textfield__label{color: rgba(0,0,0, 0.54) !important;}
186
+ .testimonial-wrapper .testimonial span.star,.testimonial-container .testimonial-item span.star{color:#FAAF19;}
187
+
188
+ /*App prompt*/
189
+ .d-app { color: #fff!important; background:var(--c-o-1, var(--c-1)); padding: 8px 12px 6px 6px; display: flex; justify-content: center; align-items: center; font-weight: 600; font-size: 12px; display: inline; margin-left: 8px}
190
+ .d-app:before { font-size: 20px!important}
191
+ .app-install .content { background: #fff}
192
+ body:has(>.app-install.active) .item-h{height:auto;}
193
+ body .app-install .content p {font-weight: 600; line-height: normal; font-size:var(--f-s-3)}
194
+ .app-install .content { position: relative;z-index: 9; background: #fff}
195
+ .app-install .content .action-cancel label {padding: 16px 8px 16px 8px!important}
196
+ .app-install .content .action {padding-left: 4px!important}
197
+ .app-install .content .action label{background-color:var(--c-o-1, var(--c-1)) !important;}
198
+ .app-install{border-bottom: 1px solid rgba(0, 0, 0, .08);}
199
+ .app-install .content img{padding: 5px !important; width: 50px !important; height: 50px !important;}
200
+ body.privacy-policy-active:has(>.app-install.active) .data-privacy-policy.active{top:unset !important;}
201
+
202
+ /*App prompt*/
203
+ /*Youtube banner*/
204
+ .content-page .youtube-section iframe{position: absolute;height: 100%!important;width: 100%!important;margin: 0!important;z-index: 1;border:none;display:none;}
205
+ .content-page .youtube-section.play iframe{display:block;}
206
+ .content-page .youtube-section .play-wrapper label:hover,.content-page .youtube-section .play-wrapper .play-wrapper label:focus{background: color-mix(in srgb, var(--c-100) 50%, transparent); color: var(--c-99); border:4px solid color-mix(in srgb, var(--c-100) 50%, transparent);}
207
+ .content-page .youtube-section .play-wrapper{width:100%;height:100%;display: flex;align-items:center;justify-content:center;position:absolute;z-index:0;top:0;left:0;}
208
+ .content-page .youtube-section .play-wrapper label{display: flex;background: transparent;font-size: 10rem;top: 50%;right: 50%;cursor: pointer;z-index: 10;color: var(--c-99);border-radius: 50%;border: 4px solid color-mix(in srgb, var(--c-100) 50%, transparent);transition: 0.5s ease-in-out;width: 350px;height: 350px;align-items: center;justify-content: center;}
209
+ .content-page .full-width .youtube-section iframe{ width: 100%;height: 60vh!important; }
210
+ .content-page .full-width .play-wrapper label.play{ width:150px;height:150px; }
211
+ .content-page .full-width .play-wrapper label.play i { font-size:var(--f-s-9); }
212
+ .content-page .youtube-section .play-wrapper { height:50vh; }
213
+ .content-page .youtube-section img { width:100%;height:50vh; }
214
+ .content-page .youtube-section { height:60vh;background-position: center; background-repeat: no-repeat; background-size: cover; }
215
+ /*Youtube banner*/
216
+ .content-page .with-banner img,.content-page .video-banner{height:450px;}
217
+ .content-page .video-banner video{ top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%;}
218
+
219
+ /*Webbuilder*/
220
+ body:has(.home-banner)[style^="border-top:"].with-webbuilder .webbuilder-bar{margin-top:7px;}
221
+ /*Webbuilder*/
222
+ /*restricted listing*/
223
+ body.restricted-listing:not(body.body_propertymapsearch) .sign-up-soldlisting {position: absolute;top:0;height:100%; color: #000000;z-index: 12;cursor:pointer; width: 100%; margin:0;left: 0; right: 0; padding: 1rem;box-sizing: border-box;font-size: var(--f-s-5); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center;-ms-flex-align: center; align-items: center;}
224
+ body.restricted-listing .map-context .properties-panel .properties-list {position: relative;}
225
+ body.restricted-listing:not(body.body_propertymapsearch) .showing-restricted-listing::after { content: ""; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.64); position: absolute;z-index: 10; backdrop-filter: blur(10px); top: 0;}
226
+ body.restricted-listing .sign-up-soldlisting .lock-img { margin: 0 1rem 0 .5rem;width: 55px; box-sizing: border-box;}
227
+ body.restricted-listing:not(body.body_propertymapsearch) .sign-up-soldlisting .lock-img + span { width: calc(100% - 86px); line-height: 27px;font-weight: 400;}
228
+ body.restricted-listing .sign-up-soldlisting .lock-img + span > a { color: #fff;text-decoration: underline;margin-right: 6px;display: inline-block}
229
+ body.restricted-listing.showing-restricted-listing .WebBuilderAdminSection { filter: blur(10px); pointer-events: none;}
230
+ body .restricted-listing-label {display: none}
231
+ body.restricted-listing:not(body.body_propertymapsearch) .showing-restricted-listing .restricted-listing-label { display: block}
232
+ body.restricted-listing:not(body.body_propertymapsearch) .showing-restricted-listing .restricted-listing-label .sign-up-soldlisting {background: none;}
233
+ body.restricted-listing .showing-restricted-listing .slides .nav, body.restricted-listing .showing-restricted-listing .restricted-listing-label ~ .mdl-card__menu,
234
+ body.restricted-listing .showing-restricted-listing .property-info .description .Icons {visibility: hidden; }
235
+ body.restricted-listing .showing-restricted-listing:hover { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.02) !important;}
236
+ body.showing-restricted-listing.restricted-listing {overflow: hidden}
237
+ body.showing-restricted-listing.restricted-listing .restricted-listing-label.restricted-detail {display: block;}
238
+ body.restricted-listing .WebBuilderAdminSection:has( > .restricted-listing-label.restricted-detail) {filter: unset !important;pointer-events: unset !important;}
239
+ body.showing-restricted-listing .restricted-listing-label.restricted-detail {position: fixed;width: 100%;z-index: 12;top: 50vh;}
240
+ body.showing-restricted-listing .restricted-listing-label.restricted-detail .sign-up-soldlisting {background: transparent;justify-content: center;margin: auto;width: fit-content;border-radius: unset;position: unset;}
241
+ body.showing-restricted-listing .restricted-listing-label.restricted-detail .sign-up-soldlisting img+span {width: unset !important;}
242
+ .aga-map-item.showing-restricted-listing{position:relative;}
243
+ .aga-map-item.showing-restricted-listing .sign-up-soldlisting .lock-img{height: unset; object-fit: unset; aspect-ratio: unset;}
244
+ /*restricted listing*/
245
+
246
+
247
+
248
+ @media (min-width: 840px) {
249
+ #AddTestimonial_Form .mdl-cell--9-col, .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {width: calc(75% - 16px);}
250
+ #AddTestimonial_Form .mdl-cell--3-col, .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {width: calc(25% - 16px);}
251
+ }
252
+ @media (min-width: 480px) and (max-width: 839px) {
253
+ #AddTestimonial_Form .mdl-cell--4-col, .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {width: calc(50% - 16px);}
254
+ }
255
+ @media (max-width: 479px) {
256
+ #AddTestimonial_Form .mdl-cell--4-col, .mdl-cell--4-col-phone.mdl-cell--4-col-phone{width: calc(100% - 16px);}
257
+ }
258
+ /*testimonials*/
259
+
260
+ @media screen and (max-width: 1024px) {
261
+ .data-privacy-policy .content .action {width: auto !important;}
262
+ .content-page .with-banner img,.content-page .video-banner{height: 350px !important;}
263
+ }
264
+
265
+ @media screen and (max-width: 701px) {
266
+ .t-labels{border: none;}
267
+ }
268
+
269
+ @media screen and (max-width: 576px) {
270
+ .s-item:not(:last-child) select {margin-bottom: 4px; }
271
+ .s-item {padding: 0 !important;}
272
+ .sort-bar .label-sel, .sort-bar .pagination {justify-content: center;}
273
+ .sort-bar .pagination { margin-top: 16px; order: 2;}
274
+ .item-acc .acc-con {column-count: 1;}
275
+ .content-page .youtube-section,.content-page .youtube-section .play-wrapper,.content-page .full-width .youtube-section iframe{height:40vh !important;}
276
+ .idc-agslider, .idc-agslider .carousel-slider.slider .caro-in .carousel-item.card .carousel-item a img { height: 332px !important;}
277
+ }
278
+