/* custom alert box */
.alert-error {
    border-radius: 2px;
    background-color: #dc2d27;
    color: white;
    text-align: center;
  }
  #loading_panel {
    color: #dc2d27;
    text-align: center;
  }
  
  #loading_panel span {
    padding: 5px;
  }
  
  select {
    width: 100%;
  }
  
  .mkt-form select:last-of-type {
    margin-bottom: 20px;
  }
  
  .mkt-form, #course_panel, table {
    background: none repeat scroll 0 0 #EDEAE5;
    padding: 20px;
    margin: 1.4em 0 2em;
    font-family: "Open Sans", sans-serif;
  }
  
  table {
    width: 100%;
    overflow: scroll;
  }
  
  tr td:not(:last-child) {
    width: 25%;
  }
  
  td, th {
    padding: 5px 10px;
  }
  
  .footnote {
    font-style: italic;
    margin-bottom: 0;
    padding-top: 3em;
  }
  
  #results {
    margin: 0 5px;
  }
  
  #results h3 {
    margin: 0 10px;
  }
  
  fieldset.institutions label {
    float:left;
    width:45%;
    margin:4px;
    border-radius:4px;
    border:1px solid #D0D0D0;
    overflow:auto;
    background: #292625;
    color: #fff;
  }
  
  fieldset.institutions label span {
    text-align:center;
    padding: 10px 5px;
    display:block;
  }
  
  fieldset.institutions label input {
    position:absolute;
    top:-20px;
  
  }
  
  fieldset.institutions input:checked + span {
    background-color:#fff;
    color:#F7F7F7;
  }
  
  fieldset.institutions {
    margin: 15px 4px;
    float: left;
    width: 100%;
    position:relative;
  
  }
  
  .institutions input[type="radio"]:checked+label {
    background: #dc2d27;
  }
  
  #pathways-form {
    margin-top: 100px;
  }
  
  .institutions input[type="radio"] {
    visibility: hidden;
  }
  
  .ui.search.dropdown {
    width: 90%;
    min-height: 0 !important;
    height: 20px;
    margin-bottom: 20px;
  }
  
  .loading {
    font-size: 16px;
  }
  
  /*input[type="radio"]:checked~label>span:after {
    content: '';
    position: absolute;
    top: 80%;
    left: calc(50% - 10px);
    background: #dc2d27;
    width: 20px;
    height: 20px;
    display: block;
  
    The points are: left top, right top, center bottom
    clip-path: polygon(0 0, 100% 0, 50% 100%);
  }*/
  
  
  h5 {
    text-transform: uppercase;
  }
  
  .pathway-details>span {
    display: block;
  }
  
  .max-units-remaining {
    display: block;
    margin: 15px -2.5em;
    padding: 5px 0;
    background: #dc2d27;
    text-align: center;
    color: #fff;
  }
  
  .max-units-remaining p {
    margin: 10px;
    font-weight: bold;
  }
  
  .note {
    background: #EDEAE5;
    font-style: italic;
  }
  
  .centered {
    text-align: center;
  }
  
  
  table.table.table-striped th {
    text-align: center;
    vertical-align: middle;
  }
  
  #results table tr th {
    width: 33%;
  }
  
  section.main-content {
    min-height: 300px !important;
  }