@import './colors.css.scss';

/* Modal Content */
.modal-content-amplification {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 750px;
  text-align: center;
  font-family: 'dinot-Regular';
  color: black !important;
  border-radius: 3px;

  .close{
    opacity: .8;
    width: 15px;
    height: 15px;
    &:hover,
    &:focus
    {
      opacity: 1;
    }    
  }

  h2{
    margin: 0;
  }

  hr.hr-header{
    height: 0;
    border-top: 1px solid #000;
    margin: 10px 0;
  }

  hr.hr-section{
    height: 0;
    border-top: 1px solid #ccc;
    margin: 0;    
    margin-bottom: 10px;    
  }

  .h3-baseline {
    color: black;
    margin: 10px 0;
  }
  .baseline-cycles {
    border-top: 1px solid black;
    padding-top: 10px;
  }
  .hover-desc {
    visibility: hidden;
  }
  .error-color {
    color: red !important;
  }
  .h3-cq {
    color: black;
    margin-top: 5px;
  }
  .option-btn {
    background: #fff;
    display: inline-block;
    border-radius: 2px;
    min-width: 120px;
    margin-right: 0px;
    margin-top: 45px;
    padding: 4px 0 8px 0;
    text-decoration: none;
    outline: none;
  }
  .button-cancel {
    color: #888;
    border: 2px solid transparent;
    &:hover{
      color: #222;
      background: #fff;
    }
  }
  .button-apply {
    color: #000;
    border: 2px solid #000;

    &:hover{
      background: #222;
      color: #fff;
      border: 2px solid #222;
    }
  }

  input {
    border: 0;
    outline: 0;
    background: transparent;
    width: 60px;
    &.cycles-input{
      width: 40px;
    }
  }
  input[type="radio"] {
    width: 20px;
  }
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  label.radio-pcr {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 12px;
    margin-right: 10px;
    left: 0;
    border: 2px solid white;
    bottom: 1px;
    box-shadow: 0 0 0 0.07em #ccc;
    font-weight: normal;
  }
  input[type='radio']:checked + label.radio-pcr {
    background: #8FC742;
    box-shadow: 0 0 0 0.07em #ccc;
  }
  label {
    padding-bottom: 5px;
    color: black;  
    vertical-align: middle;
    cursor: pointer;
    display: block;
    font-weight: normal;
  }
  .div-style {
    text-align: left;
  }
  .ct-label {
    border-bottom: 1px solid #ccc;
    margin-left: 25px;
    margin-right: 10px;
    display: inline-block;
    padding: 0;
    font-weight: normal;
  }
  .params-label {
    border-bottom: 1px solid #ccc;
    width: 100%;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-weight: normal;
    span {      
      display: inline-block;
    }
  }
  .by-label {
    border-bottom: 1px solid #ccc;
    margin-left: 10px;
    display: inline-block;
    padding: 0;
    font-weight: normal;
  }
  .col-md-6 {
    text-align: left;
    border-top: 1px solid #ccc;
    padding-left: 0;
  }
  .cq-method {
    text-align: left;
    border-top: 1px solid #ccc;
    padding-left: 0;
  }
}
