.items{ display: block; } .items .tile:hover { /*transform: scale(1.05);*/ box-shadow: rgba(0, 0, 0, 0.1) 5px 14px 8px; } li.item ul.select li.option{ display: block; } .items .tile { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .items .tile * { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .items .tile{ display: inline-block; min-width: 20px; max-width: 200px; height: 80px; margin: 5px; margin-right: 0px; margin-left: 10px; background-color: rgb(2 123 255); vertical-align: top; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px; /* border-radius: 5px; */ /* transition: all 0.3s ease 0s; */ background-color: #fff; border: 1px solid #ccc; border-radius: 5px; /* height: 250px; */ margin-right: 8px; /* overflow: hidden; */ padding-top: 8px; -webkit-user-select: none; user-select: none; } .items .item{ position: absolute !important; } .items .item.setting{ background-color: white; z-index: 10; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px; padding: 10px; padding-bottom: 20px; } .items .item.setting.active{ } .items .tile .value{/* color: white; */position: absolute;left: 10px;top: 5px;} .items .tile node{ display: none; } .items .tile.small node.hidename{ display: none; } .items .tile node.name{ display: block; /* color: white; */ font-size: 15px; text-align: center; line-height: 60px; overflow: hidden; font-family: Work Sans, sans-serif; font-weight: 400; white-space: nowrap; } .items .tile .control:active{ box-shadow: -12px 12px 12px 10px rgb(255 255 255 / 75%) inset; -webkit-box-shadow: -1px 1px 1px 0px rgb(255 255 255 / 75%) inset; -moz-box-shadow: -1px 1px 1px 0px rgba(0,0,0,0.75) inset; border-radius: 50%; /* filter: drop-shadow(2px 4px 6px black); */ } .items .tile .criteriaIcon{ position: absolute; width: 30px; height: 30px; z-index: 10; top: 50px; left: CALC(50% - 15px); margin-top: 0px !important;!i;!; } .items .tile .criteriaIcon img{ display: block; position: absolute; width: 100%; height: 100%; width: 32px !important;!i;!; height: 32px !important;!i;!; } .items .tile .control{ cursor: pointer; background-image: url(/img/svg/like.svg); background-repeat: no-repeat; background-size: contain; /* filter: invert(1); */ bottom: 0px; } .items .tile .settings{ position: absolute; width: 20px; height: 20px; /* left: CALC(50% - 10px); */ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z' fill='%33007bff'/%3E%3C/svg%3E"); right: 10px; bottom: auto; top: 0px; } .items .tile .settings.active{ filter: blur(1px); } .items .tile .action{ position: absolute; width: 20px; height: 20px; } .items .tile .action.minus{ left: 10px; transform: rotate(180deg); } .items .tile .action.plus{ right: 10px; } .items .tile .border{ position: absolute; top:0px; bottom: 0px; width: 10px; cursor: col-resize; } .items .tile .border.left{ left: 0px; } .items .tile .border.right{ right: 0px; } .items .tile.zerro {background-color: #c9c9c9;} .items .tile.small .value{left: 3px;font-size: 9px;} .items .tile.small .control{ } .items .tile.small node.name{ } .items .item.setting .Save{ padding: 5px; margin: 10px; background: none; background-color: #027bff !important; display: inline-block; width: auto; border-radius: 10px; margin-top: 10px; color: white; text-align: center; padding: 0px 10px; padding: 10px; border: none; cursor: pointer; } .items .item.setting .Save:active{ box-shadow: -12px 12px 12px 10px rgb(255 255 255 / 75%) inset; -webkit-box-shadow: -1px 1px 1px 0px rgb(255 255 255 / 75%) inset; -moz-box-shadow: -1px 1px 1px 0px rgba(0,0,0,0.75) inset; } .items .tile.small node.hidename{ position: absolute; display: block; margin-top: -96px; /* background-color: #ffffff; */ height: 20px; line-height: 21px; color: black; text-align: center; width: auto; font-size: 11px; max-width: 62px; width: 62px; margin-left: -10px; line-height: 11px; text-align: center; white-space: normal; } .items .tile.small .action.minus{left: 0px;} .items .tile.small .action.plus{right: 0px;} .items .tile.small .settings{right: 0px;} .ui-slider[rel=importance] .ui-slider-range { /* background: #436eac; */ background-color: #39a4c7; border-radius: 10px; position: relative; display: inline-block; } .ui-slider[rel=importance] .ui-slider-range:after { content:" "; } div.label .index {display: none;} #appresults .all-results ul.list{ width: 100%; box-sizing: border-box; position: relative; display: inline-block !important; padding: 0px; margin: 0px; } #appresults .all-results ul.pages{ width: 100%; } .step-buttons{ display: none; } #appresults .all-results ul.pages li.prev, #appresults .all-results ul.pages li.next, #appresults .all-results ul.pages li.goto{} #appresults .all-results ul.pages li.goto.active{ /* background: -webkit-linear-gradient(top, #39a4c7 0%,#82c8df 100%); */ /* color: white; */ } #appresults .all-results ul.pages li.prev, #appresults .all-results ul.pages li.next, #appresults .all-results ul.pages li.goto{} #appresults .all-results ul.pages li.prev, #appresults .all-results ul.pages li.next, #appresults .all-results ul.pages li.goto{} #appresults .all-results ul.list .block{ display: inline-block; box-sizing: border-box; width: CALC(30vw - 111px); padding: 0px; margin: 5px; vertical-align: top; height: 44vw; height: 550px; /* border: 1px solid black; */ /* background-color: #f6f6f6; */ /* background-image: none; */ /* margin-bottom: 80px; */ max-width: 270px; min-width: 160px; } #appresults .all-results ul.list .block.open{ height: auto; } #appresults .all-results ul.list .block.open ul{ height: auto; overflow: visible !important; max-height: inherit !important; } #appresults .all-results ul.list .block>div{ display:inline-block; vertical-align: top; } #appresults .all-results ul.list .block .thimb { width: 24%; padding: 10px; box-sizing: border-box; display: block; width: 100%; height: CALC(31vw - 111px); background-color: whitesmoke; object-fit: cover; object-position: center; padding: 0px; position: relative; max-height: 280px; } #appresults .all-results ul.list .block .thimb img { object-fit: contain; object-position: center; width: 100%; /* max-height: 144px; */ object-fit: contain; object-position: center; height: 100%; } #appresults .all-results ul.list .block .values { width: 100%; text-align: right; display: block; margin-top: 10px; } #appresults .all-results ul.list .block .actions { width: 100%; padding-top: 40px; text-align: center; display: block; } #appresults .all-results ul.list .block .actions a.actionlink{ background: none; background-color: #39a4c7 !important; display: inline-block; border-radius: 4px; color: white; width: 100px; border: none; background-position-y: center; background-position-x: right; text-align: left; padding: 5px; padding-top: 7px; font-size: 17px; } #appresults .all-results ul.list .block .actions a.actionlink:hover{ color: #31b2dd; background-color: #dedede !important; } #appresults .all-results ul.list .block .actions a.actionlink:active{ box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset; -webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset; -moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset; } #appresults .all-results ul.list .block .actions a.actionlink.grey:hover{ color: white; } #appresults .all-results ul.list .block .actions a.actionlink.grey:active{ box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } #appresults .all-results ul.list .block .actions a.actionlink.grey{ background-color: #cbcbcb !important; width: auto; cursor: no-drop; white-space: nowrap; } #appresults .all-results ul.list .block .actions a.actionlink>span{ font-family: auto; font-family: 'Quattrocento Sans', sans-serif; font-weight: 600; font-size: 14px; display: inline-block; margin-left: 7px; } #appresults .all-results ul.list .block .line{ margin-bottom: 44px; display: inline-block; float: right; vertical-align: top; } #appresults .all-results ul.list .block .line.actionbutton{ float: left; } #appresults .all-results ul.list .block .actions a{ /* display: block; */ height: 20px; /* padding: 10px; */ display: inline-block; } #appresults .all-results ul.list .block .values span{ font-size: 17px; display: block; text-align: CENTER; } #appresults .all-results ul.list .block .values ul{ display: block; margin-top: 10px; max-height: 100px; overflow: hidden; } #appresults .all-results .specs-more-toggle{ background-color: #39a4c7; display: inline-block; width: 50px; border-radius: 10px; margin-top: 10px; } #appresults .all-results .abutton{ padding: 1px 10px; } .abutton[action=clear]{ width: CALC(100% - 230px); vertical-align: top; } .abutton{background: none;background-color: #39a4c7 !important;display: inline-block;width: auto;border-radius: 10px;margin-top: 10px;color: white;text-align: center;padding: 0px 10px;padding: 10px;border: none;} .btn1:first-child{ display: none; } .ui-buttonset .ui-button:hover{ color: #31b2dd; background-color: #dedede !important; } .ui-buttonset .ui-button:active{ box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset; -webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset; -moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset; } .ui-buttonset .ui-button{ background: none; background-color: #39a4c7 !important; display: inline-block; width: auto; border-radius: 10px; /* margin-top: 10px; */ color: white; text-align: center; padding: 0px 10px; padding: 4px 0px; border: none; -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */ } .ui-buttonset .ui-button.ui-state-active{ font-weight: bold; color: #e17009; border: 1px solid #79b7e7; background-color: #f5f8f9 !important; } .ui-buttonset label:nth-child(4){ margin-left:10px } .ui-buttonset label:nth-child(6){ display: none; } .ui-buttonset label:first-of-type{ margin-right: 4px; } .ui-buttonset label:first-of-type + label { } .abutton:hover{ color: #31b2dd; background-color: #dedede !important; } .abutton:active{ box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset; -webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset; -moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset; } #appresults .all-results ul.list .block .values ul li{ display: block !important; width: 100%; background: none; border-bottom: 1px solid #8080801a; } #appresults .all-results ul.list .block .values ul li div{ display: inline-block; width: 49%; } #appresults .all-results ul.list .block .values ul li div:first-child{ text-align: left; } #appresults .all-results ul.list .block .values ul li div:first-child + div{ text-align: right; font-weight: 100; } .selected{ display:none; } .decision .thumbsup.selected{ display:block; } { padding-top: 35px; } #appview{ align-self: flex-start; /* position: sticky; */ width: 55%; padding-top: 0px !important; padding-bottom: 50px; } .appinfo-wrapper{ width: 100% !important; /* margin-top: 1vw !important; */ } ul.appinfo-wrapper li { background-color: #31B2DD; } .appinfo { margin: 0; background-color: #ffffff; } .appinfo img { margin: 0 10px 0 0; width: 120px; height: 115px; } .appinfo label { color: #3f3f38; } .appinfo label.appname { font-size: 24px; } #dappskin-skin3 .appinfo label.appdescription { font-size: 18px; } .items-list ul.items { --margin-top: 35px; } .items-list { border: 0; margin-top: 0; padding-top: 35px; } { padding-top: 35px; } #appview{ align-self: flex-start; /* position: sticky; */ width: 300px; padding-top: 0px !important; } .appinfo-wrapper{ width: 100% !important; /* margin-top: 1vw !important; */ } ul.appinfo-wrapper li { background-color: #31B2DD; } .appinfo { margin: 0; background-color: #ffffff; } .appinfo img { margin: 0 10px 0 0; width: 120px; height: 115px; } .appinfo label { color: #3f3f38; } .appinfo label.appname { font-size: 24px; } #dappskin-skin3 .appinfo label.appdescription { font-size: 18px; } .items-list ul.items { --margin-top: 35px; } .items-list { border: 0; margin-top: 0; padding-top: 35px; } .appinfo label.appname { font-size: 24px; } .appinfo label.appdescription { font-size: 18px; } .items-list ul.items { --margin-top: 35px; } .items-list { border: 0; margin-top: 0; padding-top: 35px; } label.fwidth{ font-weight: bold; } ul.appinfo-wrapper, #decisions ul.items{ width: 100%; white-space: nowrap; } #decisions div.row-value{ width: auto; width: 100%; padding-left: 0px; } #decisions .ui-slider[rel=importance]{ width: auto; } { padding-top: 35px; } #appview{ align-self: flex-start; /* position: sticky; */ width: 55%; padding-top: 0px !important; } .appinfo-wrapper{ width: 100% !important; /* margin-top: 1vw !important; */ } ul.appinfo-wrapper li { background-color: #31B2DD; } .appinfo { margin: 0; background-color: #ffffff; } .appinfo img { margin: 0 10px 0 0; width: 120px; height: 115px; } .appinfo label { color: #3f3f38; } .appinfo label.appname { font-size: 24px; } #dappskin-skin3 .appinfo label.appdescription { font-size: 18px; } .items-list ul.items { --margin-top: 35px; } .items-list { border: 0; margin-top: 0; padding-top: 35px; } { padding-top: 35px; } #appview{ align-self: flex-start; /* position: sticky; */ width: 300px; padding-top: 0px !important; } .appinfo-wrapper{ width: 100% !important; /* margin-top: 1vw !important; */ } ul.appinfo-wrapper li { background-color: #31B2DD; } .appinfo { margin: 0; background-color: #ffffff; } .appinfo img { margin: 0 10px 0 0; width: 120px; height: 115px; } .appinfo label { color: #3f3f38; } .appinfo label.appname { font-size: 24px; } #dappskin-skin3 .appinfo label.appdescription { font-size: 18px; } .items-list ul.items { --margin-top: 35px; } .items-list { border: 0; margin-top: 0; padding-top: 35px; } .appinfo label.appname { font-size: 24px; } .appinfo label.appdescription { font-size: 18px; } .items-list ul.items { --margin-top: 35px; } .items-list { border: 0; margin-top: 0; padding-top: 35px; } label.fwidth{ font-weight: bold; } ul.appinfo-wrapper, #decisions ul.items{ width: 100%; } #decisions div.row-value .range-header{ width:90%; margin-left:5%; } #decisions div.row-value { width: auto; width: 100%; padding-left: 0px; background: none; padding: 0px 8px; box-sizing: border-box; } #decisions ul.select .ui-state-default{ /* background-color:red; */ width: 15px; height: 15px; border: 1px solid black; border-radius: 50%; background-color: white; position: absolute; vertical-align: top; margin-top: -3px; margin-left: -9px; cursor: pointer; z-index: 10; border-color: #aeaeae; background: #f8f8f8; border-radius: 50%; } #decisions .ui-slider[rel=importance]{ width: auto; height: 8px; /* background-color: #39a4c7; */ margin: 5px; border: none; border-radius: 10px; position: relative; background: #c7c7c773; padding: 0px 0px; } .ui-slider[rel=importance]:after { content:" "; width: 15px; height: 15px; border: 1px solid black; border-radius: 50%; background-color: white; position: absolute; vertical-align: top; margin-top: -5px; margin-left: -9px; cursor: pointer; z-index: 10; border-color: #aeaeae; background: #f8f8f8; } #appresults{ width: 100%; position: sticky; display: block; } .selected table{ width:100% } .selected img{ height: 300px; object-fit: cover; object-position: center; } .items-list ul.items .upper{ /* display: none !important; */ margin-top: -10px; white-space: normal; } .items-list ul.items .upper .like{ display:none; } .items-list ul.items .upper .dislike{ display:none; } .constraints{display: none !important;} #modetoggler{ /* display:none; */ margin-top: 8px; margin-left: 0px; } .hr div.label{ display:none } ul.items>li.item{ background:none; padding-top: 11px; } .upper div.label{ margin-top: 0px; background: -moz-linear-gradient(top, #f8f8f8 0%, #eeeeee 100%); /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#eeeeee)); */ /* background: -webkit-linear-gradient(top, #f8f8f8 0%,#eeeeee 100%); */ background: -o-linear-gradient(top, #f8f8f8 0%,#eeeeee 100%); background: -ms-linear-gradient(top, #f8f8f8 0%,#eeeeee 100%); filter: progid:DXImageTransform.Microsoft.Gradien; width: 97%; padding-top: 20px !important; padding-bottom: 10px !important; } div.label{ width: auto; padding: 6px !important; /* padding-bottom: 5px; */ padding: 4px; line-height: 1px; background-color: white; color: black; } div.label>span:first-child + span{ display: inline-block; vertical-align: text-bottom; height: 10px; margin-left: 4px; font-size: 17px; } .imp-idx{ display: block; color: white; } .imp-idx.not-important{ float: left; margin-left: 7px; } .imp-idx .signify{ font-size: 20px; } .imp-idx.really-important{ /* display: inline-block; */ margin-left: 0px; float: right; } #decisions div.row-value div[auguri-app-setting-type=zipcode]{ text-align: center; } #decisions div.row-value div[auguri-app-setting-type=geoloc]{ } #decisions div.row-value div[auguri-app-setting-type=geoloc] label{ display: block; width: 100%; margin-left: -70px; text-align: right; margin-top: 5px; margin-bottom: 5px; } #decisions div.row-value div[auguri-app-setting-type=zipcode] input{ margin-top: 5px; margin-bottom: 5px; } .btn1:first-child{display: block;position: absolute;margin-top: 70px;width: 89%;} .btn1:first-child + .btn1{ } #decisions div.row-value div[auguri-app-setting-type=zipcode]{ text-align: center; } #decisions div.row-value div[auguri-app-setting-type=geoloc]{ } #decisions div.row-value div[auguri-app-setting-type=geoloc] label{ display: block; width: 100%; margin-left: -70px; text-align: right; margin-top: 5px; margin-bottom: 5px; } #appview.items-list {width: 100%;} #appview.items-list { border: 0; margin-top: 0; padding-top: 35px; } #appview .options-list-wrapper>.items{ padding: 0px; white-space: nowrap; } #appview .items .item { display: inline-block; width: 100%; display: none; position: relative; } #appview .items .item .cname { display: block; font-family: Work Sans, sans-serif; font-weight: 600; margin-bottom: 10px; } #appview .items .item .select.colors { display: inline-block; margin-left: -3px; margin-bottom: 20px; } #appview .items .item .select.colors .option { margin-right: 22px; } #appview .items .item .select.colors .option span { display: block; } #appview .items .criteriaIcon {/* position: absolute; *//* left: -29px; */display: inline-block;} #appview .items.criteriaIcon img{ width: 20px; height: 20px; object-fit: cover; } #appview .items .criteriaIcon {/* position: absolute; *//* left: -29px; */display: inline-block;vertical-align: bottom;} .items .tile.zerro .criteriaIcon{display: none !important;!i;!;} #appview .items .criteriaIcon img{ width: 20px; height: 20px; object-fit: cover; } #appview .items .item { display: inline-block; width: 100%; display: none; position: relative; } #appview .items .item .latlon .ll{ color: #00000040; font-size: 13px; /* display: inline-block; */ } #appview .items .item .latlon span{ display: inline-block; width: 20%; } #appview .items .item .zipcodes .textcriteria{display: inline-block;width: 30%;} #appview .items .item .zipcodes .textcriteria input { width: 100%; } #appview .items .item .textcriteria{ } #appview .items .item .textcriteria input{ font: inherit; letter-spacing: inherit; color: currentcolor; /* border: 0px; */ box-sizing: content-box; background: none; height: 1.4375em; margin: 0px; -webkit-tap-highlight-color: transparent; display: block; min-width: 0px; width: 100%; animation-name: mui-auto-fill-cancel; animation-duration: 10ms; padding: 16.5px 0px 16.5px 14px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.4375em; letter-spacing: 0.00938em; color: rgba(0, 0, 0, 0.87); box-sizing: border-box; cursor: text; display: inline-flex; -webkit-box-align: center; align-items: center; position: relative; border-radius: 4px; padding-right: 14px; border-color: #0275ff; border-width: 1px; } #appview .items .item .cname { vertical-align: top; display: inline-block; font-family: Work Sans, sans-serif; } #appview .items .item .setting .cname { display: block; font-family: Work Sans, sans-serif; font-weight: 600; margin-bottom: 10px; } #appview .items .item input[type=color] { display: inline-block; width: 26px; border: 1px; height: 28px; } #appview .items .item .range { display: block; position: relative; height: 70px; } #appview .items .item .range .select { display: block; } #appview .items .item .range .select .option {} #appview .items .item .range .select .option span { font-size: 13px; font-family: Work Sans, sans-serif; } .decision .application-details .new-app-results-container{ width: 100%; } .decision .application-details .new-app-results-container ul.columns li{ width: 24%; } .decision .application-details .app-criteria{ display: block; width: 100%; } .decision.miniinfo .header>div.image{ margin-left: 0px; } .decision.miniinfo{ } .body{ overflow:auto; }