@import "../../variables.module"

.modalContainer
  display: flex
  width: 100%
  height: 100%

.graphSection
  flex: 85%

.filterSection
  flex: 15%
  height: 100%

  .filters table
    margin-top: 0px

    tr
      border-style: none

    td
      color: #8f9bb2
      font-size: 11px
      font-weight: 600
      padding-top: 2px
      padding-bottom: 2px

.colorBlock
  display: inline-block
  height: 15px
  width: 50px

.filterWrapper
  height: 100%
  display: flex
  flex-direction: column
  margin-right: 10px
  width: 100%

.servicesFilterSearch
  width: calc(100% - 10px)
  max-width: 300px
  box-shadow: 0px 1px 5px #979797
  margin-left: 10px
  margin-bottom: 5px

.servicesFilter
  margin-top: 15px
  height: 100%
  overflow: hidden

  & .servicesFilterList
    overflow-y: auto
    height: calc(100% - 30px - 5px)

.separtorLine
  margin-top: 10px
  border: 1px solid #E9EBF8