.ug-choose-wrapper {width:100%; margin:15px 0}
.ug-choose-img-buttons_container {display:flex; flex-direction:row; gap:5px; justify-content:center}
.ug-choose-img-buttons_item {width:85px; min-height:5rem; display:flex; flex-direction:column; border-radius:5px; background-color:#000000a3; box-shadow:0 0 8px 2px #000000a3; transition:.5s; position:relative; cursor:pointer}
.ug-filter-search-global-drop_item_wrapper {width:100%; height:100%; display:flex; flex-direction:column; gap:10px; overflow-y:scroll}
.ug-filter-search-global-drop_item {display:flex; flex-direction:column; width:100%; gap:5px; transition:.5s; cursor:pointer; padding:10px; &:hover {background-color:#fbf7ff}
 span {text-decoration:none; color:black !important; border:none !important}
}
.ug-choose-item_circle_wrapper {width:100%; height:80px; display:flex; justify-content:center; align-items:center}
.ug-choose-item_circle {width:40px; height:40px; background-position:center; background-repeat:no-repeat; background-size:50%; border-radius:50%; box-shadow:0 0 10px 2px #000000a3 inset}
.ug-choose-item_bth-text {text-align:center; padding:5px; font-size:.8rem; font-weight:600; color:white; user-select:none; padding-bottom:10px; text-transform:uppercase}
.ug-choose-img-buttons_item[ug-active="true"] > .ug-choose-with-active {height:10px; bottom:-9px}
.ug-choose-img-buttons_item[ug-active="true"] {box-shadow:0 0 8px 2px #afafaf}
.ug-choose-img-buttons_item:hover > .ug-choose-with-active {height:10px; bottom:-9px}
.ug-choose-img-buttons_item:hover {box-shadow:0 0 8px 2px #afafaf}
.ug-choose-with-active {width:100%; height:0; background-color:#afafaf; border-radius:0 0 5px 5px; transition:.5s; position:absolute; bottom:0}
.ug-choose-status-description {width:100%; min-height:45px; margin-top:15px; display:flex; padding:10px; text-align:center; display:inline-block; user-select:none; transition:.5s; border-radius:5px; opacity:0.7}
.ug-user-profile-page {display:flex; width:100%; min-height:100vh; position:relative}
.ug-user-profile-page-menu,.ug-user-profile-page-history {width:100%; height:100%; background-color:#2f323a}
.ug-user-profile-page-workarea {min-width:550px; height:100%; background-color:white; border-radius:5px}
.ug-list-menu-icon {height:1.5rem; width:1.5rem}
.ug-fullscreen-splash {width:100vw; height:100vh; position:absolute; background-color:#00000042; display:flex; justify-content:center; align-items:center; z-index:99999999999}
.ug-fullscreen-modulewindow {width:400px; background-color:white; border-radius:5px 5px 15px 5px; display:flex; flex-direction:column; padding:10px; transition:opacity 0.5s linear; opacity:0}
.ug-fullscreen-modulewindow_head {width:100%; height:2.2rem; display:flex; align-items:center}
.ug-fullscreen-modulewindow_head__span {width:calc(100% - 2.2rem); font-weight:600; font-size:1.2rem}
.ug-fullscreen-modulewindow_head__closer {height:2.2rem; width:2.2rem; border-radius:50%; background-size:contain; background-repeat:no-repeat; background-position:center; background-image:url(/resources/img/main/ug-search-clear.svg); cursor:pointer; transition:.5s; transform:rotate(90deg)}
.ug-fullscreen-modulewindow_head__closer:hover {transform:rotate(-90deg)}
.ug-fullscreen-modulewindow_head__closer:active {transform:scale(0.9)}
.ug-stagechanger-wrapper {width:100%; display:flex; flex-direction:column; gap:10px; margin-top:10px}
.ug-stagechanger-question {}
.ug-more-button-issue {width:100%; height:2.5rem; background-color:rgb(118,0,245); box-shadow:inset -10px -10px 15px rgba(255,255,255,0.5),inset 10px 10px 15px rgba(70,70,70,0.12); border-radius:5px; text-align:center; align-content:center; color:white; transition:.5s; cursor:pointer; font-weight:600; font-size:0.9rem; &:hover {background-color:rgb(118 0 245 / 67%)}
}
.ug-user-profile-page-menu {display:none; flex-direction:column; gap:10px; background-color:#2f323a; border-radius:0 5px 5px 0; position:absolute; width:250px; ul {margin:0; padding:0}
 li {list-style:none; width:100%; height:3rem; color:#aeb2b7; user-select:none; transition:0.5s; align-content:center; cursor:pointer; display:flex; align-items:center; gap:15px; padding-left:15px}
 li[active="true"] {color:white; background-color:#4ECDC4}
 li:hover {color:white; background-color:#4ECDC4}
}
.ug-user-profile_menu__user {width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:1rem; padding:15px; span {font-weight:600; color:white; text-shadow:2px 2px 5px #470066}
}
.ug-user-profile_menu__user_ava {width:4rem; height:4rem; object-fit:cover; border-radius:50%}
.ug-user-profile-page-history {display:flex; flex-direction:column; gap:10px; align-items:center; border-radius:5px 0 0 5px}
.ug-user-profile-page-history-title {font-weight:600; color:white; text-shadow:2px 2px 5px #470066; margin-top:15px}
.ug-user-profile-page-workarea {width:100%; padding:10px; display:flex; flex-direction:column}
.ug-workarea-body {display:flex; flex-direction:column; width:100%; height:calc(100% - 3rem)}
.ug-myobjects-filter_state {width:100%; height:3rem; display:flex; gap:15px; border-bottom:1px solid #e1e1e1; position:relative; span {font-weight:600; align-content:center; cursor:pointer; color:#aeb2b7; transition:.5s; height:3rem}
 span[ug-filter-state="active"] {border-bottom:2px solid #4e62cd; color:#4e62cd}
 span:hover {color:#4e62cd}
}
.ug-myobjects-filter_state > div:last-child {position:absolute; right:5px}
.ug-workarea-title {height:3rem; display:flex; justify-content:space-between; span {font-weight:600; border-bottom:1px solid #4e62cd; align-content:center; color:#4e62cd}
 span[isbutton="true"] {border:1px solid #4e62cd; font-weight:600; align-content:center; color:#4e62cd; padding:0 20px; border-radius:5px}
 input {width:100%; border-radius:5px; outline:none; padding-left:10px; font-size:0.9rem; border:1.5px solid rgb(118 0 245); transition:.5s; height:2rem; margin-top:10px; margin-right:5px; letter-spacing:normal}
 input:active {border-color:#ad4ede}
}
.ug-user-profile-megawrapper {width:40%; position:relative; transition:.5s}
.ug-filter-search-global-drop {display:none; position:absolute; width:100%; height:30vh; padding:10px; background-color:white; z-index:2; border-radius:0 0 5px 5px; transition:.5s; justify-content:center; align-items:center}
.ug-filter-search-global-drop-clear {display:none; position:absolute; height:1.2rem; width:1.2rem; z-index:2; right:5px; top:1.1rem; cursor:pointer; transition:.5s}
.ug-search-loader-div {background-image:url(/resources/img/main/ug-search_loader.svg); background-position:center; background-repeat:no-repeat; width:2rem; height:2rem}
.ug-myobjects-filter_type {display:flex; padding:10px 0; position:relative; span {padding:5px 15px; border:1px solid #bec2c5; transition:.5s; cursor:pointer; user-select:none; font-size:0.8rem; box-shadow:inset -10px -10px 15px rgba(255,255,255,0.5),inset 10px 10px 15px rgba(70,70,70,0.12)}
 span[ug-filter-state="active"] {color:#4e62cd; font-weight:600; border:1px solid #4e62cd !important; background-color:white}
 input {border:1.5px solid rgb(118 0 245); width:100%; outline:none; border-radius:5px; height:2rem; padding-left:10px; font-size:0.9rem; letter-spacing:normal; transition:.5s}
}
.ug-myobjects-filter_type > span:first-child {border-right:1px solid transparent; border-radius:5px 0 0 5px}
.ug-myobjects-filter_type > span:last-child {border-left:1px solid transparent; border-radius:0 5px 5px 0}
.ug-myobjects-counter-span {}
.ug-filter-search-user-offices-dropper {position:absolute; flex-direction:column; width:98%; height:30vh; background-color:white; z-index:2; bottom:calc(-29vh - 2px); border-radius:0 0 5px 5px; left:0; display:none}
.ug-filter-search-user-offices-clear {width:1rem; height:1rem; z-index:2; right:10px; position:absolute; top:1.1rem; display:none; cursor:pointer}
.ug-myobjects-object-selector {padding:10px 0; display:flex; align-items:center; gap:10px; position:relative; font-size:0.8rem}
.ug-myobject-object-wrapper {width:100%; display:flex; gap:10px; height:100%; overflow:hidden; flex-direction:column}
.ug-myobjects-objects-issue {width:100%; display:grid; grid-template-columns:repeat(auto-fill,minmax(350px,1fr)); grid-auto-rows:270px; grid-gap:10px; justify-content:center; overflow-y:scroll}
.ug-myobjects-objects-issue::-webkit-scrollbar {height:12px; width:12px}
.ug-myobjects-objects-issue::-webkit-scrollbar-thumb {background-color:#8200ff87; border-radius:20px; border:1px solid #000000}
.ug-myobjects-map {width:30%; height:100%}
.ug-myobjects-objectcard {max-width:400px; height:100%; background-color:white; border-radius:0 5px 5px 5px; transition:.5s; background-position:center; background-repeat:no-repeat; background-image:url(https://crm.metragegroup.com/uploads/contents/objects/business/22474/Resize/1754041777-7568015.jpeg); background-size:cover; display:flex; flex-direction:column; position:relative; min-width:350px}
.ug-myobjects-objectcard:hover {box-shadow:0 0 8px 2px rgb(184 118 255)}
.ug-myobjects-objectcard:hover > .ug-myobjects-objectcard-overlay {background-color:transparent; box-shadow:inset 0 -100px 100px -23px rgba(0,0,0,0.85)}
.ug-myobjects-objectcard:hover > .ug-myobjects-objectcard-price {opacity:1; background:#cf80ff}
.ug-myobjects-objectcard:hover > .ug-myobjects-objectcard-parametrs {background-color:transparent; opacity:1}
.ug-myobjects-objectcard:hover > .ug-myobjects-objectcard-address {opacity:1; color: rgb(118, 0, 245) !important; background-color: #ffffffa1 !important;}



.ug-myobjects-objectcard-selltype {height:3rem; width:3rem; background-color:white; border-radius:50%; display:flex; justify-content:center; align-items:center; opacity:0.8; position:absolute; right:5px; top:5px; img {width:80%; height:80%}
}
.ug-myobjects-objectcard-overlay {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#0000005e; transition:.5s; border-radius:0 5px 5px 5px}
.ug-myobjects-objectcard-overlay__selector {width:15px; height:15px; margin-top:5px}
.ug-myobjects-objectcard-address {width:calc(100% - 10px); text-align:center; font-size:1rem; font-weight:bold; border-radius:10px; color:white; padding:5px; opacity:0.8; position:absolute; bottom:3rem; right:5px; font-weight:600; font-family:"Open Sans",Arial,sans-serif; transition:.5s; cursor:pointer; &:hover {color:rgb(118,0,245) !important; background-color:#ffffffa1}
}
.ug-is-empty-result {display:flex; justify-content:center; align-items:center; width:100%}
.ug-empty-result-container {display:flex; flex-direction:column; gap:10px; img {height:150px; object-fit:contain; filter:grayscale(1)}
 span {text-align:center; background-color:#717171; color:white; padding:5px 15px; border-radius:10px}
}
.ug-myobjects-objectcard-price {position:absolute; top:25px; left:-7px; color:#fff; background:#8a898b; border-radius:0 5px 5px 5px; padding:5px 12px; font-size:9px; opacity:0.8; transition:.5s; font-weight:bold}
.ug-myobjects-objectcard-price::before {position:absolute; top:-5px; left:0; content:''; width:0; height:0; border-style:solid; border-width:0 0 5px 7px; border-color:transparent transparent #8a898b transparent}
.ug-myobjects-objectcard-parametrs {position:absolute; bottom:0; left:0; width:100%; background-color:#000000a3; display:grid; grid-gap:5px; grid-template-columns:1fr 1fr 1fr 1fr; grid-auto-rows:100%; border-radius:0 0 5px 5px; transition:.5s; opacity:0.8; span {color:white; font-size:0.8rem; text-align:center; padding:5px 0; font-weight:600; border-right:1px solid #ffffff73}
}
.ug-myobjects-objectcard-parametrs > span:last-child {border-right:none}
.ug-myobjects-resp-avatar {width:2.5rem; height:2.5rem; position:absolute; left:5px; top:55px; border-radius:50%; transition:.5s; img {width:2.5rem; height:2.5rem; border-radius:50%; object-fit:cover}
}
.ug-myobjects-resp-avatar:hover::after {color:white; font-size:0.8rem}
.ug-myobjects-resp-achief {position:absolute; display:flex; flex-direction:column; right:17px; top:58px; width:1.5rem; min-height:1.5rem; background-color:#ffffff63; justify-content:center; align-items:center; border-radius:5px}
.ug-myobjects-resp-achief-item {position:relative; width:1.2rem; height:1.5rem; display:flex; justify-content:center; align-items:center; img {width:1rem; height:1rem}
 span {position:absolute; display:none; left:-9.3rem; width:9rem; height:2rem; font-size:0.7rem; background-color:#000000c7; text-align:center; align-content:center; border-radius:5px; color:white; z-index:2; transition:.5s}
}
.ug-myobjects-resp-achief-item:hover {span {display:block}
}
label {user-select:none}
.ug-myobjects-object-selector-pullbutton,.ug-myobjects-object-selector-addbutton {display:flex; gap:5px; border:1px solid #4e62cd; padding:5px 10px; border-radius:5px; justify-content:center; align-items:center; color:#4e62cd; cursor:pointer; margin-left:15px; box-shadow:inset -10px -10px 15px rgba(255,255,255,0.5),inset 10px 10px 15px rgba(70,70,70,0.12); font-size:0.8rem}
.ug-myobjects-object-selector-pullbutton {position:relative; transition:.5s}
.ug-myobjects-object-selector-pullbutton[active="false"] {opacity:0.4}
.ug-myobjects-object-selector-pullbutton-drop {position:absolute; z-index:2; width:max-content; height:6rem; background-color:white; left:0; bottom:calc(-6rem - 1px); border-radius:5px; display:none; flex-direction:column; gap:5px; justify-content:center; border:1px solid #4e62cd; span {font-size:0.9rem; padding:5px; transition:.5s; user-select:none; &:hover {background-color:rgb(43,75,221); color:white}
 }
}
.ug-pullbutton-icon {width:1.2rem; height:1.2rem; background-image:url("data:image/svg+xml; charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%230468ff' fill-rule='evenodd' d='M4.341 5.635.182 1.628A1.04 1.04 0 0 1 1.57.145L5.062 3.43 8.432.145a1.04 1.04 0 0 1 1.386 1.483l-4.16 4.007a1.04 1.04 0 0 1-.596.29 1.04 1.04 0 0 1-.72-.29z'/%3E%3C/svg%3E"); background-position:center; background-repeat:no-repeat; margin-left:10px; cursor:pointer; transition:.5s}
.ug-pullbutton-close {width:1.2rem; height:1.2rem; background-image:url(/resources/img/main/ug-clear-icon.svg); background-position:center; background-repeat:no-repeat; margin-left:10px; cursor:pointer; transition:.5s; &:hover {transform:rotate(90deg)}
}
.ug-myobjects-object-selector-addbutton {color:rgb(255 255 255); border:1px solid rgb(118 0 245); background-color:rgb(118 0 245); font-weight:600; font-size:0.8rem}
.ug-myobjects-object-selector-findbutton {position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; align-content:center; text-align:center; font-size:1.1rem; background-color:#fffffff0; display:flex; justify-content:center; align-items:center; button {width:10rem; height:calc(100% - 5px)}
}
.ug-addbutton-icon {width:1.2rem; height:1.2rem; background-image:url(/resources/img/main/ug-plus-icon.svg); background-position:center; background-repeat:no-repeat; margin-right:10px; transition:.5s}
.ug-myobjects-object-selector > div:last-child {position:absolute; right:5px; top:10px}
.ug-myobjects-filters {width:100%; display:grid; grid-template-columns:auto auto 1fr; grid-gap:10px; border-bottom:1px solid #e1e1e1}
.ug-myobjects-filters_more {width:100%; display:none; grid-template-columns:1fr 1fr 1fr; grid-gap:10px; border-bottom:1px solid #e1e1e1; padding-top:10px; padding-bottom:10px; overflow:hidden; transition:.7s}
.ug-filter-from-to-wrapper {position:relative; display:flex; gap:5px; justify-content:center; span {position:absolute; font-size:0.8rem; font-weight:600; color:#4e62cd}
 input {border:1.5px solid rgb(118 0 245); outline:none; border-radius:5px; max-width:150px; height:2rem; padding-left:10px; margin:20px 0 0 0}
}
.ug-myobjects-morebutton {span {color:#4e62cd; user-select:none}
 display:flex; height:3rem; justify-content:center; align-items:center}
.ug-myobjects-map {display:none}
.ug-fullscreen-modulewindow_footer {width:100%; display:flex; gap:10px; span {width:50%; padding:5px; transition:.5s; text-align:center}
}
.ug-fullscreen-modulewindow_footer__cancel {border-radius:5px; border:1px solid black; user-select:none; cursor:pointer; &:hover {box-shadow:rgb(118,0,245) 0 0 3px 2px}
}
.ug-fullscreen-modulewindow_footer__ok {border-radius:5px; user-select:none; cursor:pointer; background-color:#a959f2; color:white; &:hover {box-shadow:rgb(118,0,245) 0 0 3px 2px}
}
.ug-with-off-search {gap:5px}
.ug-filter-users-item {display:flex; gap:5px; padding:0 15px; background-color:#673AB7; border-radius:5px; align-items:center; span {color:white; background-color:unset; background:unset; box-shadow:none; border:none; white-space:nowrap; cursor:default; width:calc(100% - 15px) !important}
}
.ug-filter-users-item_closer {height:100%; background-repeat:no-repeat; background-image:url(/resources/img/main/ug-search-clear.svg); background-size:contain; background-position:center; width:15px; cursor:pointer}
.ug-usersearch-out-item {width:100%; display:flex; align-items:center; padding:10px}
.ug-usersearch-out-item_icon {height:1.2rem; width:1.2rem; background-position:center; background-repeat:no-repeat; background-size:cover}
.ug-usersearch-out-item_spn {box-shadow:unset !important; border:none !important; width:100%; font-size:1.1rem !important; white-space:nowrap !important}
@media (max-width:440px) {.ug-fullscreen-modulewindow {width:calc(100% - 20px)}
 .ug-myobjects-map {display:none}
 .ug-myobjects-objects-issue {width:100%; grid-template-columns:1fr}
 .ug-myobjects-filter_type {span {font-size:0.7rem; text-align:center; align-content:center; width:33%}
 }
 .ug-myobjects-filters {grid-template-columns:unset; grid-gap:0; grid-auto-columns:1fr 1fr 1fr}
 .ug-myobjects-filter_type {input {position:static; transition:.5s}
 }
 .ug-myobjects-filter_state {height:auto; flex-wrap:wrap; gap:10px}
 .ug-myobjects-filter_state > div:last-child {position:static}
 #ug-all-filter-more {font-size:12px}
 .ug-myobjects-filter_state > span {font-size:12px}
 .ug-user-profile-page-workarea {min-width:unset}
 .ug-myobjects-filters_more {grid-template-columns:unset; grid-auto-columns:1fr 1fr 1fr}
 label[for="ug-myobjects-object-selector"] {display:none}
}
@media (max-width:320px) {.ug-myobjects-objectcard {min-width:unset}
 .ug-myobjects-filter_type {span {font-size:0.5rem}
 }
 label[for="ug-myobjects-object-selector"] {display:none}
}