/* The goal of this file is to eventually unify modal styles and put them in one place, at which point the ".common-modal" class should be able to go away. */

.common-modal .modal-title
{
  border-bottom: 2px solid #C8C8C8;
  color: #652D90;
  font-size: 24px;
  margin-bottom: 8px;
  padding-bottom: 8px;
}

.common-modal hr
{
  border: 1px solid #C8C8C8;
  box-sizing: border-box;
  margin-bottom: 0;
  width: 100%;
}


#modal-manage-record,
#modal-record-info
{
  padding-right: 8px;  /* because iOS slaps scrollbar over content */
}


/* Metadata modal table */
#record_metadata_modal table td
{
  border: 1px solid #C8C8C8;
}
#record_metadata_modal table tbody tr
{
  border-left: 2px solid #C8C8C8; /* Has to be 2px in order to not be made invisible by border collapse */
}
#record_metadata_modal table tbody tr:hover td
{
  background-color: #DED6EA; /* #BEADD6 */
}


.formset button.big-green-button
{
  background-color: #69F0AE;
  font-size: 20px;
  padding: 15px;
  width: 100%;
}

.formset button.big-purple-button
{
  background-color: #6A1B9A;
  border: 0;
  color: white;
  font-size: 20px;
  padding: 15px 50px;
}

.formset button.big-gray-button
{
  background-color: #919191;
  border: 0;
  color: white;
  font-size: 20px;
  padding: 15px 50px;
}


.modal-title-icon.robot
{
  height: 23px;
  width: 31px;
}


.modal-manage-tabs
{
  display: flex;
  font-size: 18px;
  margin-bottom: 10px;
}
.modal-manage-tabs > span
{
  padding: 1em;
  border: 1px solid rgba(0,0,0,0);
  border-bottom: 1px solid #FFFFFF;
  cursor: pointer;
}
.modal-manage-tabs > div
{
  flex: 1;
  border-bottom: 1px solid #FFFFFF;
}
.modal-manage-tabs > span.selected_modal_tab
{
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #C3C3C3;
  border-bottom: 1px solid rgba(0,0,0,0);
  border-left: 1px solid #FFFFFF;
}
.modal-manage-tabs > span.selected_modal_tab:first-child
{
  border-left: 1px solid rgba(0,0,0,0);
}
.modal-manage-tabs > span.selected_modal_tab:last-child
{
  border-right: 1px solid rgba(0,0,0,0);
}

#robot_data_table
{
  /*table-layout: fixed;*/
  width: 99.9%; /* because the sliver of edge gets cut off */
  margin-right: 8px; /* because iOS slaps scrollbar over content */
}
#robot_data_table td
{
  vertical-align: top;
}
#robot_data_table td.blank
{
  border-left: none;
  border-right: none;
}
#robot_data_table .searchable
{
  /*max-width: 100px;*/ /* does not work! */
  width: 100px;
}
#robot_data_table .copy
{
  color: gray;
  cursor: pointer;
  white-space: nowrap;
}
#robot_data_table .copy:hover
{
  color: black;
}
#robot_data_table .dev_extra,
#robot_data_table .dev_extra td
{
  background-color: lightgray;
  color: blue;
}

#metadata_table
{
  width: 99.9%; /* because the sliver of edge gets cut off */
  margin-right: 8px; /* because iOS slaps scrollbar over content */
}

#ajax_modal_content,
#ajax_modal_content p
{
  font-size: 17px;
}


#modal_buttons
{
  margin-top: 45px;
}


.checkbox_15px
{
  height: 15px;
  width: 15px;
}