/* /includes/v4/_site_overrides.css */

/*
    #2a0d3c;  rgb(42,13,60) darkest
    #3a1154;  rgb(58,17,84) dark
    #4f226c;  logo color
    #baa5c9;  1/2 way between logo and lightest
    #f5eefd;  light purple
    #f3f1f5;  grey with purple tint
*/


  /* jQuery overrides - ### remove these when jquery-ui is no longer needed for tabbed pages */
  #tabs.ui-widget.ui-widget-content {
    border: none;
  }
  #tabs .ui-widget-header {
    background-color: inherit;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #f5eefd;
  }
  #tabs li.ui-state-default {
    background: inherit;
    border: none;
  }
  #tabs li.ui-state-active {
/*    margin-bottom: 0; was messing up 2nd row of tab buttons, remove when sure it is not needed */
    background: #f5eefd; /* #baa5c9; */
  }
  #tabs li.ui-state-active a {
    color:#4f226c;
  }
  #tabs li.ui-state-active a:hover {
    color: white;
  }
  #tabs li.ui-state-default:hover, li.ui-state-default:active {
    background: #baa5c9; /* #4f226c; */
  }

  .ui-widget {
    font-size: 1rem;
    color: #212529;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important; /* reset after being changed by jQueryUI */
  }
  .ui-dialog .ui-widget-header {
    background-color: inherit;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #f5eefd;
    color: #4f226c;
    font-weight: normal;
    font-size: 1rem;
  }
  .ui-widget-content p {
    color: #212529;
    font-size: 1.1em;
    font-weight: normal;
/*
    font-size: 1rem;
    font-weight: 100;
*/
  }

  .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important; /* reset after being changed by jQueryUI */
  }


  /* datatable overrides */
  div.dataTables_wrapper div.dataTables_length {
    display: inline-block;
    margin-right: 2rem;
  }
  div.dataTables_wrapper div.dataTables_filter {
    display: inline-block;
  }
  div.dataTables_wrapper div.dataTables_paginate {
    display: inline-block;
    margin-right: 1rem !important;
    margin-top: 1rem !important;
  }
  div.dataTables_wrapper div.dataTables_paginate .page-item.active .page-link {
    background-color: #baa5c9;
    border-color: #baa5c9;
  }
  div.dataTables_wrapper div.dataTables_paginate .page-item.disabled .page-link {
    color: #ddd;
  }
  div.dataTables_wrapper div.dataTables_paginate .page-link:hover {
    color: #4f226c;
    background-color: #f3f1f5;
    border-color: #f3f1f5;
  }
  div.dataTables_wrapper div.dataTables_info {
    display: inline-block;
  }
  table.dataTable .sorting_1 {
    background-color: #f3f1f5;
  }
  table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    top: 0;
    font-size: 1rem;
  }
  table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    top: 0;
    font-size: 1rem;
  }


  /* select2 overrides */
  .select2-container--bootstrap4 .select2-selection--single
  {
    padding: .6rem 1rem; 
  }
  .select2-container .select2-selection--single .select2-selection__rendered {
    height: 20px; /* specified so g, q, y don't get cut off */
  }
  
  /* text of button to select a file to upload */
  .custom-file-input:lang(en)~.custom-file-label::after {
    content: 'select';
  }
  .custom-file-label::after {
    background-color: #f5eefd;
  }

  /* flatpickr overrides */
  input.flatpickr-input:readonly {
    background-color: white;
  }