.decision { max-width: 1600px; width: 90%; margin: 0 auto 32px; background-color: white; } .decision .header { box-shadow: none; box-sizing: border-box; background: transparent; display: block; white-space: nowrap; } .decision .header .middle { display: block; box-sizing: border-box; padding-left: 45px; width: 100%; margin-top: 73px; } .decision .header .middle .datasets { display: inline-block; } .decision .header .middle .search { display: inline-block; width: CALC(100% - 186px); } .decision .header>div { display: inline-block; vertical-align: top; } .decision .header>.textinfo { display: inline-block; width: CALC(100% - 360px); position: relative; } .decision .header>.textinfo>div.name { font-family: Work Sans, sans-serif; font-weight: 400; font-size: 35px; margin-left: 70px; display: inline; } .decision .header>.textinfo .user { position: absolute; right: 0px; top: 0px; display: none; } .decision .header>.textinfo .category { display: inline-block; vertical-align: top; } .decision .header>.textinfo .description { display: block; margin-top: 10px; padding: 20px; white-space: break-spaces; } .decision .header>div.image { display: inline-block; vertical-align: top; height: auto; } .decision .header>div.image img { max-width: 250px; object-fit: contain; } .decision .application-details {} .decision .application-details .app-criteria { position: relative; display: inline-block; width: 250px; } .decision .application-details .app-criteria * { -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */ } .decision .application-details .app-criteria .criteria {} .decision .application-details .new-app-results-container ul li h3 a{ color: #015fef; text-decoration: unset; } .decision .application-details .app-criteria .criteria .importance { display: inline-block; width: 100%; position: relative; margin: 10px 0px; } .decision .application-details .app-criteria .criteria .criteriaIcon {/* position: absolute; *//* left: -29px; */display: inline-block;} .decision .application-details .app-criteria .criteria .criteriaIcon img{ width: 20px; height: 20px; object-fit: cover; } .decision .application-details .app-criteria .criteria .range .criteriaIcon {/* position: absolute; *//* left: -29px; */display: inline-block;vertical-align: baseline;} .decision .application-details .app-criteria .criteria .range .criteriaIcon img{ width: 12px; height: 12px; object-fit: cover; } .decision .application-details .app-criteria .criteria .setting { display: inline-block; width: 100%; display: none; position: relative; } .decision .application-details .app-criteria .latlon{ display: block; } .decision .application-details .app-criteria .latlon .ll{ color: #00000040; font-size: 13px; /* display: inline-block; */ } .decision .application-details .app-criteria .latlon span{ display: inline-block; width: 20%; } .decision .application-details .app-criteria .zipcodes .textcriteria{display: inline-block;width: 30%;} .decision .application-details .app-criteria .zipcodes .textcriteria input { width: 100%; } .decision .application-details .app-criteria .textcriteria{ } .decision .application-details .app-criteria .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; } .decision .application-details .app-criteria .textcriteria select { 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: -0.5px 0px 0.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; height: 35px; } .decision .application-details .app-criteria .criteria .cname { vertical-align: top; display: inline-block; font-family: Work Sans, sans-serif; } .decision .application-details .app-criteria .criteria .setting .cname { display: block; font-family: Work Sans, sans-serif; font-weight: 600; margin-bottom: 10px; } .decision .application-details .app-criteria .criteria input[type=color] { display: inline-block; width: 26px; border: 1px; height: 28px; } .decision .application-details .app-criteria .criteria .range { display: block; position: relative; height: 70px; } .decision .application-details .app-criteria .criteria .range .select { display: block; } .decision .application-details .app-criteria .criteria .range .select .option {} .decision .application-details .app-criteria .criteria .range .select .option span { font-size: 13px; font-family: Work Sans, sans-serif; } .decision .application-details .app-criteria .criteria .range datacolumns {} .decision .application-details .app-criteria .actions {} .decision .application-details .app-criteria .actions button { display: inline-block; color: rgb(25, 118, 210); outline: 0px; width: 49%; border-width: 1px; border-style: solid; border-color: rgba(25, 118, 210, 0.5); border-image: initial; background-color: transparent; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; text-transform: uppercase; min-width: 64px; color: rgb(25, 118, 210); padding: 5px 15px; border-radius: 4px; cursor: pointer; } .decision .application-details .app-criteria .actions button.decide { margin-top: 20px; width: 98%; background-color: #007bff; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; color: white; } .decision .application-details .new-app-results-container { position: relative; display: inline-block; width: CALC(100% - 259px); vertical-align: top; /* overflow-x: hidden; */ } .decision .application-details .addtocardbutton { position: absolute; left: 10px; text-decoration: none; outline: 0px; border-width: 1px; border-style: solid; border-color: rgba(25, 118, 210, 0.5); border-image: initial; background-color: transparent; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 10px; line-height: 22px; letter-spacing: 0.02857em; text-transform: uppercase; color: #007bff; padding: 5px 15px; border-radius: 4px; cursor: pointer; right: 0px; margin: 5px; width: 137px; cursor: pointer; } .decision button:hover { text-decoration: none; background-color: rgba(25, 118, 210, 0.04) !important; border: 1px solid rgb(25, 118, 210) !important; } .decision button:active { box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.75) inset !important; -webkit-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.75) inset !important; -moz-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.75) inset !important; } .decision .application-details .addtocardbutton:hover { text-decoration: none; background-color: rgba(25, 118, 210, 0.04) !important; border: 1px solid rgb(25, 118, 210) !important; } .decision .application-details .addtocardbutton:active { box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.75) inset !important; -webkit-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.75) inset !important; -moz-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.75) inset !important; } .decision .application-details .app-criteria .actions button.decide:hover { color: rgb(25, 118, 210); } .decision .application-details .app-criteria .actions button.decide:active { box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.75) inset !important; -webkit-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.75) inset !important; -moz-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.75) inset !important; } .decision .application-details .app-criteria .criteria .setting .select.colors { display: inline-block; margin-left: -3px; margin-bottom: 20px; } .decision .application-details .app-criteria .criteria .setting .select.colors .option { margin-right: 22px; } .decision .application-details .app-criteria .criteria .setting .select.colors .option span { display: block; } .decision .importantrank { width: 100%; margin-bottom: 20px; } .decision .MuiSvgIcon-root { position: absolute; width: 20px; height: 20px; fill: #447cff; right: 23px; } .decision .rang { margin-top: 10px; display: block; } .decision .rang input[type=range] { width: CALC(100% - 60px); margin-left: 30px; } .decision .rang input[type=range].baserange { width: CALC(100% - 80px); margin-left: 33px; margin-top: 10px; height: 3px; } .decision .rang .custom-range-container { /* width: CALC(100% - 60px); */ margin: 0px; margin-left: -1px; margin-top: -14px; } .decision .MuiSvgIcon-root:first-child { left: 0px; z-index: 20; cursor: pointer; } .decision datacolumns { display: block; position: absolute; width: CALC(100% - 25px); left: 9px; top: 50px; color: #00000040; } .decision datacolumns>option { display: inline; position: absolute; font-size: 10px; } .decision datacolumns>option:first-child { display: inline; } .decision datacolumns>option:first-child+option { display: inline; right: 0px; } #search-form { width: 100%; margin: 0 auto; position: relative; font-family: 'Signify2Regular'; font-size: 20px; /* padding-left: 20px; */ position: relative; } .tab-item.step3 #search-form input { margin: 10px; margin-left: -46px; } #search-form input { width: 100%; font-size: 15px; padding: 5px; border: 2px solid #ccc; border-radius: 2px; border: 1px solid #cbcbcb; padding: 6px 10px; margin-left: -46px; /* border-left: none; */ background-color: transparent; padding-left: 30px; } #search-form .info { margin-top: 0.5rem; text-align: center; font-size: 0.75rem; display: none; } #search-form i {} #search-form button { position: absolute; top: 0; /* right: 0; */ bottom: 0; background-color: transparent; outline: none; border: none; width: 3rem; text-align: center; font-size: 1.75rem; cursor: pointer; color: #333; margin-left: -49px; margin-top: -19px; } button.rerank { display: inline-block; color: #007bff; outline: 0px; width: 10px; border-width: 1px; border-style: solid; border-color: rgba(25, 118, 210, 0.5); border-image: initial; background-color: transparent; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 10px; line-height: 20px; letter-spacing: 0.02857em; text-transform: uppercase; min-width: 54px; color: #007bff; padding: 5px 15px; border-radius: 4px; cursor: pointer; position: relative; right: 0px; float: right; margin: 5px; } button.rerank svg { fill: #447cff; } body { --sb-track-color: #232E33; --sb-thumb-color: #007bff; --sb-size: 2px; } .new-results-item-details-rank-rate{ position: absolute; top: -3px; right: 0px; font-size: 16px; } .fa-microphone{ width: 32px !important; height: 27px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%22256%22%20height%3D%22256%22%20viewBox%3D%220%200%20256%20256%22%20xml%3Aspace%3D%22preserve%22%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%20style%3D%22stroke%3A%20none%3B%20stroke-width%3A%200%3B%20stroke-dasharray%3A%20none%3B%20stroke-linecap%3A%20butt%3B%20stroke-linejoin%3A%20miter%3B%20stroke-miterlimit%3A%2010%3B%20fill%3A%20none%3B%20fill-rule%3A%20nonzero%3B%20opacity%3A%201%3B%22%20transform%3D%22translate%281.4065934065934016%201.4065934065934016%29%20scale%282.81%202.81%29%22%3E%3Cpath%20d%3D%22M%2045%2070.968%20c%20-16.013%200%20-29.042%20-13.028%20-29.042%20-29.042%20c%200%20-1.712%201.388%20-3.099%203.099%20-3.099%20c%201.712%200%203.099%201.388%203.099%203.099%20C%2022.157%2054.522%2032.404%2064.77%2045%2064.77%20c%2012.595%200%2022.843%20-10.248%2022.843%20-22.843%20c%200%20-1.712%201.387%20-3.099%203.099%20-3.099%20s%203.099%201.388%203.099%203.099%20C%2074.042%2057.94%2061.013%2070.968%2045%2070.968%20z%22%20style%3D%22stroke%3A%20none%3B%20stroke-width%3A%201%3B%20stroke-dasharray%3A%20none%3B%20stroke-linecap%3A%20butt%3B%20stroke-linejoin%3A%20miter%3B%20stroke-miterlimit%3A%2010%3B%20fill%3A%20rgb%280%2C0%2C0%29%3B%20fill-rule%3A%20nonzero%3B%20opacity%3A%201%3B%22%20transform%3D%22%20matrix%281%200%200%201%200%200%29%20%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M%2045%2060.738%20L%2045%2060.738%20c%20-10.285%200%20-18.7%20-8.415%20-18.7%20-18.7%20V%2018.7%20C%2026.3%208.415%2034.715%200%2045%200%20h%200%20c%2010.285%200%2018.7%208.415%2018.7%2018.7%20v%2023.337%20C%2063.7%2052.322%2055.285%2060.738%2045%2060.738%20z%22%20style%3D%22stroke%3A%20none%3B%20stroke-width%3A%201%3B%20stroke-dasharray%3A%20none%3B%20stroke-linecap%3A%20butt%3B%20stroke-linejoin%3A%20miter%3B%20stroke-miterlimit%3A%2010%3B%20fill%3A%20rgb%280%2C0%2C0%29%3B%20fill-rule%3A%20nonzero%3B%20opacity%3A%201%3B%22%20transform%3D%22%20matrix%281%200%200%201%200%200%29%20%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M%2045%2089.213%20c%20-1.712%200%20-3.099%20-1.387%20-3.099%20-3.099%20V%2068.655%20c%200%20-1.712%201.388%20-3.099%203.099%20-3.099%20c%201.712%200%203.099%201.387%203.099%203.099%20v%2017.459%20C%2048.099%2087.826%2046.712%2089.213%2045%2089.213%20z%22%20style%3D%22stroke%3A%20none%3B%20stroke-width%3A%201%3B%20stroke-dasharray%3A%20none%3B%20stroke-linecap%3A%20butt%3B%20stroke-linejoin%3A%20miter%3B%20stroke-miterlimit%3A%2010%3B%20fill%3A%20rgb%280%2C0%2C0%29%3B%20fill-rule%3A%20nonzero%3B%20opacity%3A%201%3B%22%20transform%3D%22%20matrix%281%200%200%201%200%200%29%20%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M%2055.451%2090%20H%2034.549%20c%20-1.712%200%20-3.099%20-1.387%20-3.099%20-3.099%20s%201.388%20-3.099%203.099%20-3.099%20h%2020.901%20c%201.712%200%203.099%201.387%203.099%203.099%20S%2057.163%2090%2055.451%2090%20z%22%20style%3D%22stroke%3A%20none%3B%20stroke-width%3A%201%3B%20stroke-dasharray%3A%20none%3B%20stroke-linecap%3A%20butt%3B%20stroke-linejoin%3A%20miter%3B%20stroke-miterlimit%3A%2010%3B%20fill%3A%20rgb%280%2C0%2C0%29%3B%20fill-rule%3A%20nonzero%3B%20opacity%3A%201%3B%22%20transform%3D%22%20matrix%281%200%200%201%200%200%29%20%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; } .fas.fa-microphone{ position: absolute !important; margin-top: 2px !important; right: 46px; } .fas.fa-microphone.loading{background: none;} .fas.fa-microphone.loading::after{top: 2px;height: 20px;} .miniinfo{} .decision.miniinfo{} .decision i.info{ color: white; font-size: 13px; margin-left: 6px; background-color: #015fef; width: 16px; height: 16px; display: inline-flex; align-items: center; justify-content: center; text-align: center; border-radius: 50%; cursor: pointer; font-weight: bold; position: absolute; top: -10px; } .decision.miniinfo .header>div.image{ /* width: 6px; */ text-align: center; margin-left: 274px; } .decision.miniinfo .header>div.image img{} .decision.miniinfo .header>.textinfo .description{ display: none; } .decision.miniinfo .header .middle{ margin-top: 14px; margin-left: 14px; padding-left: 0px; } .decision.miniinfo .header>div.image img { max-width: 40px; object-fit: contain; } .decision{ } .decision .thumbsup{ position: absolute; left: 8px; top: 8px; } .decision .thumbsup>div{ margin-left: -3px; margin-top: -3px; width: 30px; height: 30px; position: relative; } .decision .thumbsup>div>div{ position: relative; width: 100%; height: 100%; } .decision .thumbsup>div>div>svg{ width: 100%; height: 100%; } .decision .thumbsup.selected>div>div>svg{fill: rgb(211, 47, 47);flex-shrink: 0;font-size: 2.1875rem;color: rgb(211, 47, 47);transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);/* background-color: red; */} .decision .thumbsup.selected>div>div path{} .decision .thumbsup.selected>div>div>svg>path{ fill: rgb(211, 47, 47); stroke: rgb(211, 47, 47); } .decision .thumbsup>div>span{ display:none; } .decision .thumbsup.selected>div>span{ margin: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; line-height: 1.66; letter-spacing: 0.03333em; font-weight: 700; color: white; position: absolute; font-size: 14px; text-align: center; user-select: none; display: block; z-index: 100; width: 100%; top: 2px; } .decision .application-details .new-app-results-container ul.columns .listform{ display: block; height: 30px; } .decision .application-details .app-criteria i.addition{display: block;margin: 10px;margin-left: 0px;} .decision .application-details .app-criteria i.addition a{ text-decoration: none; } .MuiButtonBase-root{ z-index: 9999; position: fixed; bottom: 16px; right: 16px; transition: right 0.3s ease-in-out; background-color: white; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; text-transform: uppercase; min-width: 64px; color: rgb(25, 118, 210); outline: 0px; margin: 0px; text-decoration: none; padding: 5px 15px; border-radius: 4px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); border-width: 1px; border-style: solid; border-color: rgba(25, 118, 210, 0.5); border-image: initial; background-color: #4caf50; border: none; border-radius: 8px; color: #fff; cursor: pointer; display: inline-block; font-size: 16px; height: 40px; padding: 0 16px; text-align: center; transition-duration: .4s; } .MuiSvgIcon-showsettings{ /* margin-right: 20px; */ /* position: absolute !important; */ /* display: none; */ right: 0px !important; cursor: pointer; } .setting .MuiSvgIcon-showsettings{ display: none; } .setting .settingblockCloseButton:hover{ border: none !important; background-color: #007bff !important; } .setting .settingblockCloseButton{ padding: 8px 16px; background-color: #007bff; color: white; border-radius: 5px; cursor: pointer; text-decoration: none; border: none; } .settingPlaceholder{ position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: #00000026; z-index: 9999; } .pagination{ width: CALC(100% - 310px); margin-left: 310px; margin-bottom: 40px; margin-top: -9px; } .pagination .MuiPagination-ul{ padding: 0px; list-style: none; margin: 0px; } .pagination .MuiPagination-ul li{ display: inline-block; vertical-align: bottom; height: 40px; } .pagination .MuiPagination-ul li.selected{ } .pagination .MuiPagination-ul li.arrow{text-align: center;margin-right: 20px;} .pagination .MuiPagination-ul li.arrow button{ height: 40px; width: 30px; line-height: 40px; } .pagination .MuiPagination-ul li.arrow button:hover{ border: none !important; } .pagination .MuiPagination-ul li button{ background-color: white; color: black; background-color: white; color: black; padding: 0px; margin: 5px; right: 0px; left: 0px; width: 40px; min-width: 0px; bottom: inherit; } .pagination .MuiPagination-ul li.selected button{ background-color: rgba(0, 0, 0, 0.08); } .pagination .MuiPagination-ul li.arrow button svg{ margin-top: -10px; } .body{ overflow:hidden; } body{ background-color:white; } * { --sb-track-color: #ffffff; --sb-thumb-color: #007bff; --sb-size: 3px; } *::-webkit-scrollbar { width: var(--sb-size); height: var(--sb-size); } *::-webkit-scrollbar-track { background: var(--sb-track-color); border-radius: 2px; } *::-webkit-scrollbar-thumb { background: var(--sb-thumb-color); border-radius: 2px; } @supports not selector(::-webkit-scrollbar) { * { scrollbar-color: var(--sb-thumb-color) var(--sb-track-color); } } .decision.autoscroll .application-details .app-criteria{ display: inline-block; width: 250px; position: sticky; top: 0; background: white; z-index: 10; } .decision.autoscroll{ overflow-y: auto; overflow-x:hidden; } .maplatlon{ } .maplatlon .map{ width: 100%; height: 500px; } .screenblock .MuiSvgIcon-showsettings{ display:none; }