@import 'admin-dashboard/main_dependencies';
@import "./multi-file-panel/multi_file_panel";
@import "./panels/conversation/conversation";
@import "./interactions/timeline";

span.profile_panel_image {
    font-size: 80px;
    width: 120px;
    background-color: #EEE;
    height: 120px;
    text-align: center;
    line-height: 120px;
    border-radius: 60px;
    margin: 10px auto;
    display: block;
    color: #AAA;
}

.blank_row {
  margin:5px 0px;
  width:100%;
  border:3px solid #CCC;
  border-radius: 5px;
  padding:20px 7px;
  text-align: center;
  i {
    font-size:30px;
    color:#444;
    font-weight: bold;
    color:#CCC;
    margin:4px;
  }
  &:hover {
    cursor: pointer;
    border:3px solid #999;
    background-color: #BBB;
    i {
      color:#FFF;
    }
  }
}

.blank_panel {
  margin:5px 0px;
  width:100%;
  border:3px solid #CCC;
  border-radius: 5px;
  padding:50px 7px;
  text-align: center;
  i {
    font-size:30px;
    color:#444;
    font-weight: bold;
    width:30px;
    color: #CCC;
    margin:4px;
  }
  &:hover {
    cursor: pointer;
    border:3px solid #999;
    background-color: #BBB;
    i {
      color:#FFF;
    }
  }
}


.treeview {
  li {
    padding-left:10px;
  }

  li.leaf {
    cursor: pointer;
    &:hover {
      color:#008;
    }
    line-height:20px;
  }

  li span {
    cursor: pointer;

    &:hover {
      color:#008;
    }

    line-height:20px;

    i {
      margin-right:4px;
      width:20px;
      height:20px;
    }
  }
}

.hold_page {
  border:1px solid #CCC;
  border-radius:10px;
  padding:120px 10px;
  color:#CCC;
  font-size:20px;
  text-align:center;
}

.google-visualization-charteditor-dialog {
  z-index: 1000;
}

body {
  .google-visualization-charteditor-dialog .goog-flat-menu-button,
  .google-visualization-clickeditor-bubble .goog-flat-menu-button,
  .google-visualization-charteditor-custom-panel .goog-flat-menu-button {
    height:auto;
  }

  .google-visualization-charteditor-dialog {
    height: 546px;
    width: 991px;
  }
}

.report_panel {

   .green {
      color:#0A0;
   }
   .red {
      color:#A00;
   }
   .amber {
      color:#AA0;
   }

}

.who-what-where-container {
  padding: 10px;

  .who-what-where-header {
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    p {
      margin: 0;
      padding: 0;
    }

    input {
      width: auto;
    }
  }

  table {
    margin-bottom: 10px;

    th {
      input[type="checkbox"] {
        margin: 0 5px 0 0;
        vertical-align: middle;
      }
    }
  }

  .who-what-where-footer {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;

    p {
      margin: 0 20px;
    }
  }

  .who-what-where__table-container {
    min-height: 150px;
  }

}