.tred-head-panel {
    color: #3c434a;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 13px;
    line-height: 1.4em;
    -webkit-font-smoothing: subpixel-antialiased;
    --tw-shadow: 0 0 #0000;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    outline: 0;
    -webkit-tap-highlight-color: transparent!important;
    box-sizing: border-box;
    margin-left: -20px;
    padding: 8px 20px;
    width: calc(100% + 20px);
    z-index: 9999;
    background-color: #fff; 
}

.tred-head-panel h1 {
  line-height: 1.1;
}

.tred-head-panel p {
  font-weight: 500;
}

.tred-form-fields {

  height: auto;
  /* width: 80%; */
  border: 1px solid lightgray;
  margin-top: 40px;

  color: #3c434a;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  -webkit-font-smoothing: subpixel-antialiased;
  --tw-shadow: 0 0 #0000;
  --tw-ring-inset: var(--tw-empty, );
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  outline: 0;
  -webkit-tap-highlight-color: transparent!important;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  border-radius: 0.25rem;
  padding: 1.5rem;
  position: relative;
}

.tred-settings-title {
  color: #3c434a;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  --tw-bg-opacity: 1;
  --tw-shadow: 0 0 #0000;
  --tw-ring-inset: var(--tw-empty, );
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  outline: 0;
  -webkit-tap-highlight-color: transparent!important;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
  padding-right: 5rem;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.tred-form-fields-label {
  color: #042740;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-size: 15px;
  -webkit-font-smoothing: subpixel-antialiased;
  --tw-bg-opacity: 1;
  font-weight: 600;
  line-height: 2rem;
  --tw-shadow: 0 0 #0000;
  --tw-ring-inset: var(--tw-empty, );
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  outline: 0;
  -webkit-tap-highlight-color: transparent!important;
}

.tred-form-fields-label span {
  display: block;
  font-size: 0.8em;
  margin-bottom: 15px;
  font-weight: initial;
  line-height: 1.5;
}

.tred-form-style-fields {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
}

.tred-form-style-fields div {
  margin-right: 10px;
}

.tred-form-fields-label-class { 
  display: block;
  margin-left: 33px;
}

span.tred-form-fields-label { 
  padding:6px;
}

input:not([type="radio"]):not([type="checkbox"]),select {
  -webkit-font-smoothing: subpixel-antialiased;
    --tw-bg-opacity: 1;
    --tw-shadow: 0 0 #0000;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    -webkit-tap-highlight-color: transparent!important;
    box-sizing: border-box;
    font-family: inherit;
    font-weight: inherit;
    margin: 0 1px;
    font-size: 16px;
    box-shadow: 0 0 0 transparent;
    border-radius: 4px;
    border: 1px solid #8c8f94;
    background-color: #fff;
    line-height: 2;
    -webkit-appearance: none;
    padding: 3px 10px;
    width: 100%;
    min-height: 35px;
    color: #3c434a;
    margin-bottom: 7px;
}

select[name="tred_post_types[]"] {
  height: 160px !important;
}

input[type=checkbox] {
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  padding: 10px;
}

.tred-form-fields-group {
  margin-bottom: 20px;
}

.tred-form-div-checkbox {
  padding: 5px;
}

@media screen and (min-width: 600px) {
  .tred-wrap-grid form {
    max-width: 65%; 
  }
}

.tred-form-div-checkbox label {
  padding: 10px;
}

.break {
  flex-basis: 100%;
  height: 0;
}

/*tabs*/

.tred-head-panel {
    box-sizing: border-box;
    margin-left: -20px;
    padding: 8px 20px;
    width: calc(100% + 20px);
    z-index: 9999;
    background-color: #fff;
}

.tred-tab-buttons {
    flex: 1 0 100%;
    position: relative;
}
.tred-tab-buttons .button {
    background-color: transparent !important;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    color: #007cba;
    font-weight: 700;
    text-shadow: none !important;
    margin-top: 10px;
    margin-right: 10px;
}

.tred-tab-buttons .active {
    color: #555;
    box-shadow: inset 0 4px 0 0 #fff, 0 4px 0 0 #007cba !important;
}
@media screen and (min-width: 1200px) {
  #tred-easydash-tab-shortcode .wrap {
    max-width: 50%;
  }
}

.tred-pro-notice a {
  color: #165e96;
  font-weight: 800;
} 

.tred-obs-table {
  float: right;
}

div.dt-buttons {
  margin-top: 20px !important;
}

button.dt-button,.paginate_button {
  font-size: 0.7em !important;
}

.tred-wptrat-announcements {
  border: 1px solid lightgray;
  margin-top: 40px;
  color: #3c434a;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  -webkit-font-smoothing: subpixel-antialiased;
  --tw-shadow: 0 0 #0000;
  --tw-ring-inset: var(--tw-empty, );
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  outline: 0;
  -webkit-tap-highlight-color: transparent!important;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  border-radius: 0.25rem;
  padding: 1.5rem;
  position: relative;
  /* max-width: 30%; */
  height: auto;
}

.tred-wptrat-announcements h3 {
  font-size: initial;
  font-weight: initial;
  margin-bottom: 20px;
  color: #217cba;
}

.tred-wptrat-announcements .tred-wptrat-arrows {
  margin-bottom: 20px;
  margin-top: 20px;
}

#tred-title-filtered {
  font-size: initial;
  font-weight: initial;
  margin-left: 30px;
}

span#tred-fillers-filtered {
  display: block;
  font-size: 0.8em;
}

button.tred-remove-widget {
  font-size: 1.4em;
  float: right;
  color: #ed0b0b;
  border: 2px solid grey;
  padding: 3px 5px 3px 5px;
  background-color: aliceblue;
}

.tred-edit-panel {
  margin-right: 25px;
  margin-top: 3px;
}

#tred-easydash-tab-filter[data-shortcode="easydash_filtered"] button#submit-filter,
.tred-filter-section button#submit-filter {
    appearance: none;
    background-color: #2271b1;
    border: 1px solid #2271b1;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 2.15385;
    margin: 0;
    min-height: 30px;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: top;
    white-space: nowrap; 
  }

  /* .tred-filtered-shortcode-boxes {
    margin-top: -20px;
  } */

  #tred-settings-shortcode-filtered-select {
    margin-left: 10px;
    width: 120px;
  }