export default `

[aifex_style=true][aifex_frequency=null] {
  border: 4px solid #2196F3 !important;
}
[aifex_style=true][aifex_frequency=never] {
  border: 4px solid #2196F3 !important;
}
[aifex_style=true][aifex_frequency=rarely]  {
  border: 4px solid #9ACD32 !important;
}
[aifex_style=true][aifex_frequency=sometimes]  {
  border: 4px solid #FFA500 !important;
}
[aifex_style=true][aifex_frequency=often]  {
  border: 4px solid #ff0000 !important;
}
[aifex_style=true][aifex_frequency=session]  {
  border: 4px solid #00cc00 !important;
}
[aifex_style=true][aifex_frequency=followed]  {
  border: 4px solid #ff8000 !important;
}
[aifex_style=true][aifex_frequency=both]  {
  border: 4px solid #b30000 !important;
}

[aifex_style=true][aifex_next_action=true]  {
  border-style: dashed !important;
}

#probabilityPopup {
  background: rgba(30, 32, 44, .95);
  max-width: 400px;
  height: initial;
  margin-top: 1em;
  padding: 20px;
  font-size: 14px;
  line-height: 24px;
  min-width: 250px !important;
  position: absolute;
  text-align: left;
  will-change: transform;
  border-radius: 14px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 8px 0px, rgba(0, 0, 0, 0.24) 0px 4px 8px 0px;
  visibility: hidden;
  z-index: 9999;
}

.popupAction {
  color: #bd93f9;
}

.popupProbability {
  color: #ff0000;
  margin-left: 5px;
}

.popupProbabilityFollowed {
  color: #ffA500;
  margin-left: 5px;
}

.popupCommentType{
  color: rgb(241, 250, 140)
}

.popupCommentDescription{
  color: rgb(238, 238, 238);
}

.comment{
  padding-left: 30px
}

#commentSection {
  position: fixed;
  background: rgba(30, 32, 44, .95);
  max-width: 400px;
  height: initial;
  padding: 20px;
  font-size: 14px;
  line-height: 24px;
  min-width: 250px !important;
  text-align: left;
  will-change: transform;
  border-radius: 14px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 8px 0px, rgba(0, 0, 0, 0.24) 0px 4px 8px 0px;
  z-index: 9999;
}

#commentSectionHeader {
  border-radius: 14px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 8px 0px, rgba(0, 0, 0, 0.24) 0px 4px 8px 0px;

  padding: 5px;
  cursor: move;
  z-index: 10;
  color: #fff;
}

#commentSectionBody {
  overflow: auto;
  padding: 10px;
}

.commentSectionHeaderEmpty {
  background-color: #2196F3;
}

.commentSectionHeaderNotEmpty {
  background-color: #FFA726;
  box-shadow: inset 0 1px #FFE0B2, 0 1px 2px rgba(0, 0, 0, 0.2);

}

.commentUpButton {
  color: darkblue;
  margin: 5px;
  border-color: #FB8C00;
  background: linear-gradient(to bottom, #FFB74D 0%, #FFA726 100%);
  box-shadow: inset 0 1px #FFE0B2, 0 1px 2px rgba(0, 0, 0, 0.2);
}

.commentContext {
  padding-left: 30px;
}

.commentOccurence {
  color: #bd93f9;
  display: inline-block;
}

.commentKind {
  color: #bd93f9;
}

.commentMessage {
  padding-left: 5px;
  color: #fff;
}

.commentActionContext {
  color: #61cbe0;
  padding-left: 5px;
}
`;