.headerContainer{background:#fff;box-shadow:1px 1px 5px #333;height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 50px}.userNameLogoutPopup{cursor:pointer}.userNameLogoutPopupButtons{align-self:flex-start;width:100%;text-align:left!important}.companyNameHeading{font-weight:700}.shortenedHeading{display:none}@media only screen and (max-width:1000px){.headerContainer{padding:0 10px}.companyNameHeading{display:none}.shortenedHeading{display:block}}.contentContainer{margin:0 auto;padding:20px 50px}@media only screen and (max-width:1000px){.contentContainer{padding:10px}}.dropDownFilterContainer{display:flex;align-items:center;margin:0 10px}.columnLayout{flex-direction:column;align-items:flex-start;width:100%;margin:5px 0}.dropDownFilter{width:150px;display:flex!important;justify-content:space-between;align-items:center}.dropDownFilter .ant-select-selector{padding:0 5px}.columnLayout .dropDownFilter{width:100%}.noDataSpan{padding:0 5px}.dropDownLabel{margin-right:10px}@media only screen and (max-width:1439px){.dropDownFilterContainer{margin:0;font-size:12px}.dropDownFilter{width:unset;max-width:150px;font-size:12px!important}.dropDownLabel{display:block;margin-right:5px}}.clickable{cursor:pointer;width:100px;height:100px}.stackedBarGraphContainer{width:100%;height:calc(100% - 62px);display:flex;padding:0 20px;margin-top:10px;border-bottom:1px solid #2a2a2a;justify-content:space-between}.stackedBarWrapper{height:100%;width:calc(25% - 10px);display:flex;justify-content:center;align-items:flex-end}.stackedBarWrapper:hover{background-color:rgba(0,0,0,.1)}.stackedBarContainer{height:100%;width:100%;max-width:50px;display:flex;justify-content:flex-start;flex-direction:column-reverse;animation-name:height;animation-duration:2s;position:relative}.stackBar{width:100%;content:"";margin-top:1px;position:relative}.stackBar:last-child{margin-top:0}.stackBarLabel{position:absolute;top:100%;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;width:100%;text-align:center}.stackBarTick{content:"";height:10px;width:1px;border-left:1px solid;margin:0 auto}.previewStackedBarDataCount{position:absolute;left:100%;top:50%;transform:translateY(-50%)}.tooltipContainer{display:flex;flex-direction:column}.tooltipHeading{font-weight:700}.previewStackedBarContainer{height:calc(100% - 110px)!important}@keyframes height{0%,to{transition-timing-function:cubic-bezier(1,0,.65,.85)}0%{height:0}to{height:100%}}@media only screen and (min-width:1439px){.stackedBarGraphContainer{height:calc(100% - 42px)}}.graphContainer{height:310px;width:calc(50% - 192.5px);min-width:300px;display:flex;flex-direction:column;background:#fff;margin:10px;border-radius:5px;border:1px solid #dedede}.donutGraph{width:200px;min-width:325px}.complianceWidth{width:calc(50% - 192.5px)}.vendorWidth{min-width:540px;flex-grow:2}.expandGraph{flex-grow:1}.autoHeight{height:auto;min-height:310px}.graphHeaderContainer{background:#fff;background:#e0e0e0;display:flex;justify-content:space-between;align-items:center;padding:5px 10px;min-height:50px}.graphHeading{margin:0;font-size:14px;width:75%}.graphContentArea{display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 35px);padding:10px}.graphContentArea .ant-spin-nested-loading,.graphContentArea .ant-spin-nested-loading .ant-spin-container{height:100%;width:100%}.graphContentFilter{min-height:32px}.graphContentContainer{height:calc(100% - 32px);overflow:hidden}.helpText .ant-popover-inner{max-width:300px;font-size:11px;text-align:justify}@media only screen and (max-width:1000px){.graphContainer{width:100%;min-width:unset}.complianceWidth{width:100%}.vendorWidth{min-width:unset;flex-grow:unset}}@media only screen and (min-width:1439px){.donutGraph{min-width:325px}.vendorWidth{min-width:700px;flex-grow:2}}@keyframes width{0%,to{transition-timing-function:cubic-bezier(1,0,.65,.85)}0%{width:0}to{width:100%}}.horizontalBarGraphContainer{width:100%}.barWrapper{margin:10px 0}.previewBarWrapper{margin:20px 0}.barContainer{height:7px;border-radius:15px;display:flex;flex-wrap:nowrap;animation-name:width;animation-duration:2s}.previewBarContainer{margin-top:10px;height:10px}.barContent{height:100%;content:"";cursor:pointer;position:relative;margin-right:1px}.barContent:first-child{border-top-left-radius:15px;border-bottom-left-radius:15px}.barContent:last-child{border-top-right-radius:15px;border-bottom-right-radius:15px;margin-right:0}.complianceBar{background:#00d2ff}.highRiskBar{background:red}.mediumRiskBar{background:#fd0}.lowRiskBar{background:#26ff00}.barValue{position:absolute;margin-top:10px;left:50%;transform:translateX(-50%)}.alternative{bottom:0;margin-bottom:10px;margin-top:unset}.barName,.barValue{font-size:12px}.legendFloatingButton{position:fixed!important;bottom:30px;right:50px;opacity:.4;width:120px;height:35px!important;border-radius:5px!important}.legendFloatingButton:hover{opacity:1}.legendContainer{padding-left:30px;display:flex;flex-direction:column;align-self:flex-end;font-size:11px}.noFloat{background-color:#fff;padding:10px 5px;align-self:center;flex-direction:row;border-radius:2px}.legend{position:relative}.legendColorCode{content:"";display:block;width:25px;height:4px;border-radius:5px;position:absolute;right:100%;top:50%;transform:translate(-50%,-50%)}.noFloat .legend .legendColorCode{width:5px;height:5px;margin-right:2px}.noFloat .legend{margin:0 10px}.noFloat .legend:last-child{margin-right:0}.legendComplied:before{background:#00d2ff}.legendHigh:before{background:#e73232}.legendMedium:before{background:#ffbf00}.legendLow:before{background:#46bf41}.previewOverlay{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100vh;background:rgba(0,0,0,.8);z-index:1;display:flex;justify-content:center;align-items:center}.previewContainer{width:90%;height:90%;max-width:800px;max-height:600px;background-color:#fff;border-radius:2px;border:1px solid #dedede;-webkit-user-select:none}.previewHeader{background:#fff;justify-content:space-between;padding:10px 20px;height:44px}.previewFooter,.previewHeader{display:flex;align-items:center}.previewFooter{justify-content:center;height:55px;padding:10px 0}.previewContent{background:#f3f3f3;height:calc(100% - 99px);overflow-y:auto;overflow-x:hidden;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;padding:20px}.previewContentInfo{width:100%;display:flex;justify-content:space-between;align-items:center}.previewGraphNameHeading{margin-top:10px;font-size:16px;font-weight:700;width:100%}.previewFilters{margin-bottom:10px}.previewFilters *{color:#525a69;font-size:12px;letter-spacing:0;line-height:20px}.globalFilterContainer{background:#fff;padding:10px;display:flex;font-size:11px;border-radius:2px}.globalFilterHeading{margin:0 5px 0 0;font-size:11px;font-weight:700}@media only screen and (max-width:1000px){.previewContainer{width:100%;height:100%}}.tableOverlay{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100vh;background:rgba(0,0,0,.8);z-index:5;display:flex;justify-content:center;align-items:center}.tableContainer{width:90%;height:90%;background-color:#fff;border-radius:2px;border:1px solid #dedede;-webkit-user-select:none}.tableHeader{background:#fff;justify-content:space-between;padding:10px 20px;height:44px}.tableContent,.tableHeader{display:flex;align-items:center}.tableContent{background:#f3f3f3;height:calc(100% - 44px);overflow-y:auto;overflow-x:hidden;justify-content:flex-start;flex-direction:column;padding:20px}.tableContentInfo{width:100%;display:flex;flex-wrap:wrap}.filterContainer{flex-grow:1;display:flex;flex-direction:column}.tableFilters *{color:#525a69;font-size:12px;letter-spacing:0;line-height:20px;margin-bottom:10px}.tableFilterContainer{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.tableStyles{margin-top:30px;width:100%}.tableStyles .ant-table-thead tr th{font-weight:700;font-size:11px;background-color:#fafafa}.tableStyles .ant-table-tbody tr td,.tableStyles .ant-table-thead tr th{text-align:left;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.tableStyles .ant-table-tbody tr td{font-size:12px}.treeMapContainer{margin-top:10px}.flex{display:flex}.flexColumn{flex-direction:column}.flexSpaceAround{justify-content:space-around}.flexSpaceBetween{justify-content:space-between}.flexFlexEnd{justify-content:flex-end}.flexAlignCenter{align-items:center}.flexWrap{flex-wrap:wrap}body{margin:0;background:#f3f6f8;font-family:"Montserrat",sans-serif;color:#222}.noScroll{overflow:hidden}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #fff inset!important;font-family:"Montserrat",sans-serif}.ant-btn-primary{background-color:#00b9fd;border-color:#00b9fd;outline:none}