/* css for ResourceFieldBasedVisualization component */


.rs-table{
    margin-top: 4px !important;
    margin-bottom: 0px !important;
}

#rsbv {
  overflow-x: hidden;
}

/* #rsbv .headLine {
  border-bottom-color: #f4f4f4 !important;
  border-bottom: 1px solid;
} */

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
     background-color: unset !important;
     background-clip: unset !important;
    border: unset !important;
     border-radius: 0px !important;
}

.card-header{
  border-bottom: unset !important;
}

#rsbv .rs-page-resource__field-label {
  white-space: normal;
}

#rsbv .rs-page-resource__field-label h6 {
    text-transform: unset !important;
}

#rsbv .rs-page-resource__field-value h6 {
    text-transform: unset !important;
}

#rsbv .sourceIcons {
  width: 30px !important;
  display: flex;
  flex-direction: row;
  justify-content: right;
}

#rsbv .multivalueTd {
  padding: 0 !important;
}

#rsbv .visualizationValue {
  display: flex;
  align-items: center;
  width: 42ch;
}

#rsbv .visualizationValue div[date="Invalid date"] {
  display: none;
}
#rsbv .visualizationValue div + span {
  display: none;
}
#rsbv .visualizationValue div[date="Invalid date"] + span {
  display: block;
}

#rsbv .visualizationValue a {
  text-decoration: none !important;
}

#rsbv .rs-page-resource__field-value {
  white-space: normal !important;
}


#rsbv .icon--database {
  margin-right: 2px;
  font-weight: bold;
}

#rsbv .icon--annotation {
  margin-right: 0px !important;
}

#rsbv .icon--assertion {
  margin-right: 0px !important;
}


#rsbv .rs-page__count--title {
  padding: 0 !important;
}

#rsbv .rs-page__count--field-assertion a {
  text-decoration: none !important;
}

#rsbv .rs-page__count--field-annotation a {
  text-decoration: none !important;
}

#rsbv .copyText {
  margin-left: 25px;
  cursor: copy;
}

#rsbv .createAssertion {
  transition: 0.3s;
  font-size: 0px;
  padding-left: 0px !important;
}


#rsbv .rsbv-viewmore-panel .panel-default > .panel-heading {
  background: none !important;
}

#rsbv .rsbv-viewmore-panel h4.panel-title {
  text-transform: none;
}
#rsbv .rsbv-viewmore-panel h4.panel-title a {
  font-weight: normal;
}

#rsbv .rsbv-viewmore-panel h4.panel-title a::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f077";
}

#rsbv .rsbv-viewmore-panel h4.panel-title a.collapsed::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f078";
}

#rsbv .rsbv-viewmore-panel .panel-default {
  width: 109%;
  box-shadow: none;
  border: none !important;
  margin: 0;
}
#rsbv .rsbv-viewmore-panel .panel-collapse.collapse.in {
  width: 99%;
}

#rsbv .rsbv-viewmore-panel .panel-body {
  padding: 0px;
}


 #rsbv .rsbv-value-cell {
  width: 68vw;
}


@media (min-width:1200px) and  (max-width:1480px){
  #rsbv .rsbv-viewmore-panel .panel-default {
    width: 109%;
  }
  #rsbv > div.panel-heading{
    width: 100px !important;
  }
   #workInfo  #rsbv .rsbv-viewmore-panel .panel-default {
    width: 109%;
  }


}




@media (min-width: 1480px) {
  #rsbv .rsbv-viewmore-panel .panel-default {
    width: 109%;
  }

}

@media (min-width: 1800px) {
  #rsbv .rsbv-viewmore-panel .panel-default {
    width: 109% !important ;
  }

}

@media (min-width: 2000px) {
  #rsbv .rsbv-viewmore-panel .panel-default {
    width: 109%;
  }
}

@media(max-width:1200px) {
  #rsbv .rsbv-value-cell {
    width: 66vw;
  }
}


@media(max-width:800px) {
  #rsbv .visualizationValue {
    width: 24ch;
  }
}