.progressbar{ width: 100%; padding: 20px 0px; box-sizing: border-box; position: relative; margin: 0 auto 32px; max-width: 1600px; width: 90%; } .progressbar .progressline{ width: 100%; border-bottom: 1px solid #0000005e; } .progressbar ul{ position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; display: flex; justify-content: space-between; padding: 0px; list-style: none; } .progressbar ul li{} .progressbar ul li{ display: block; width: 140px; background-color: white; padding-left: 20px; } .progressbar ul li i{ background-color: #a8a8a8; color: white; display: inline-block; width: 20px; height: 20px; vertical-align: middle; line-height: 20px; text-align: center; border-radius: 50%; font-size: 12px; } .screenblock{ max-height: 90vh; overflow: auto; margin: 0 auto 32px; max-width: 1600px; width: 90%; } .screenblock .pagination{ width: 100%; margin: 0px; } .bottomnavigate{} .screenblock .decision .application-details .new-app-results-container ul.columns li{margin: 0px 10px;width: 30%;} .screenblock .decision .application-details .new-app-results-container{ width: 100%; } .screenblock .decision{ max-width: max-content; width: 100%; margin: 0px; } .screenblock .decision .application-details .new-app-results-container ul.columns li>div{ max-width: max-content; } .screenblock .new-results-item-details-rank-rate{ top: -22px; } .bottomnavigate{ width: 100%; display: flex; justify-content: space-between; } .bottomnavigate .ultraleft{} .bottomnavigate .ultraright{} .bottomnavigate .arrow{ cursor: pointer; } .screenblock .application-details{ } .screenblock .multisettings .application-details .app-criteria{ width: 60%; /* margin: auto; */ /* text-align: center; */ margin-left: 20%; } .screenblock .multisettings .application-details .app-criteria .criteria .setting{ display: block; } .screenblock .multisettings .constraint-item select{ position: relative; box-sizing: border-box; background-color: transparent; cursor: pointer; vertical-align: middle; appearance: none; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.8125rem; 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: 3px 9px; 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; } .screenblock .multisettings .rang .custom-range-container{ width: CALC(100% - 90px); margin-left: 20px; } .screenblock .multibase .application-details .new-app-results-container{ width: CALC(100% - 259px); } .screenblock .multisettings{ } .screenblock .multisettings .actions{ display: none; } .screenblock .decision.multisettings{ max-width: inherit; } .screenblock .decision.multibase .application-details .app-criteria { display: inline-block; width: 250px; position: sticky; top: 0; } .screenblock .decision.multibase .application-details .app-criteria .criteria { overflow: auto; max-height: 80%; } .screenblock .multisettings .application-details .app-criteria .criteria .importance{ display: none; }