.shortcodes-finder-tab-content {
   padding-top: 1em;
}

.shortcodes-finder-tab-content a {
   text-decoration: none;
   transition: 0.3s;
}

.shortcodes-finder-tab-content a:hover, .scribit_credit a:hover {
   opacity: .7;
}

.shortcodes-finder-tab-content .button {
   vertical-align: middle !important;
}

.shortcodes-finder-tab-content .button.active {
   font-weight: 600;
}

.shortcodes-finder-title {
   float: left;
   width: 100%;
   margin-bottom: .5em;
}

.shortcodes-finder-title .shortcodes-finder-logo {
   display: inline-block;
   vertical-align: middle;
   margin-right: 6px;
}

.shortcodes-finder-title h1 {
   display: inline-block;
}

.shortcodes-finder-logo img {
   max-height: 55px;
}

.clearfix {
   clear: both;
}

.shortcodes-finder span.dashicons {
   vertical-align: sub;
   margin-right: 5px;
   font-size: 18px;
}

.shortcodes-finder-tab-content .form-table td {
   padding: 5px 10px;
}

.shortcodes-finder-tab-content .form-table th {
   padding: 5px 10px 5px 0;
   width: 280px;
}

.shortcodes-finder-tab-content .form-table td fieldset label {
   padding-left: 5px;
   line-break: anywhere;
}

@media screen and (min-width: 783px) {
   .shortcodes-finder-tab-content .form-table td fieldset label {
      margin: 0 0 .25em !important
   }
}

.shortcodes-finder-tab-content .form-table p.description {
   margin-top: 0;
}

#shortcode_test_parameters {
   min-width: 400px;
}

.shortcodes-finder-tab-content textarea {
   width: 100%;
}

.shortcode_accordion_button {
   cursor: pointer;
   padding: .5em;
   width: 100%;
   border: 1px solid #AAA;
   background: rgba(79, 175, 206, 0.2);
   text-align: left;
   outline: none;
   font-size: 15px;
   transition: 0.4s;
}

.shortcode_accordion_active, .shortcode_accordion_button:hover {
   background-color: rgb(79, 175, 206);
}

.shortcode_accordion_button * {
   font-weight: bold;
   color: #555;
}

.shortcode_accordion_button .shortcode_counter {
   width: 35px;
   display: inline-block;
   text-align: right;
   padding-right: 10px;
}

.shortcode_accordion_button .shortcode_source {
   font-size: 13px;
}

.shortcode_accordion_active, .shortcode_accordion_active *, .shortcode_accordion_button:hover, .shortcode_accordion_button:hover * {
   color: #FFF;
   font-weight: bold;
}

.shortcode_accordion {
   margin: 0 0 .5em 0;
}

.shortcode_accordion_panel {
   background-color: white;
   overflow: hidden;
   border: 1px solid #AAA;
   border-top: 0;
}

.shortcode_accordion .shortcode_accordion_panel {
   display: none;
}

.shortcodes_search_by_shortcode_result {
   border-top: 1px solid #AAA !important;
}

.shortcodes_search_by_content_result, .shortcodes_search_unused_result {
   transition: opacity .3s linear;
}

.shortcodes-finder_note {
   font-size: 90%;
   font-style: italic;
}

.shortcode_note {
   color: #999;
   font-size: 90%;
}

span.shortcode_note {
   display: block;
   margin: .6em 0;
}

.shortcode_use {
   padding: 3px 1em;
   border-bottom: 1px solid #DDD;
   min-height: 40px;
}

.shortcode_use_status {
   background-color: #EEEEE3;
}

.shortcode_use_status.shortcode_use_status_publish {
   background-color: #FFF;
}

.shortcode_use_highlighted {
   background: #EEEEE3;
}

.shortcode_use:last-child {
   border-bottom: 0;
}

.shortcode_use h3 {
   margin: 3px 0 6px 0;
}

.shortcode_use_buttons {
   float: left;
   padding: 0 .8em 0 .3em;
}

.shortcode_use_buttons.float_right {
   float: right;
   padding-right: 0;
}

.shortcode_use_buttons a {
   display: inline-block;
   height: 40px;
   vertical-align: middle;
   margin-right: .2em;
}

.shortcode_use_buttons a .dashicons {
   font-size: 25px;
   margin-top: 7px;
}

.shortcode_use_buttons a:focus, .shortcode_use_buttons a:active {
   outline: 0;
   border: none;
   box-shadow: 0 0;
}

.shortcode_use_buttons a:hover {
   opacity: .7;
   padding-left: 0;
}

p.shortcode_code {
   font-style: italic;
   font-size: 95%;
   margin: 0 0 3px 0;
}

.shortcode_parameters {
   padding-left: 1.6em;
   margin-bottom: .8em;
}

.shortcode_parameters b {
   color: #484;
}

.shortcode_test_code, .shortcode_test_result {
   background: #f9f9ff;
   border: 1px solid #DDD;
   padding: .5em 1em;
   min-height: 14px;
}

.shortcode_test_result {
   display: flex;
}

.find_shortcode_form {
   margin: .5em 0 1em 0;
}

.find_shortcode_form select, .find_shortcode_form button, .find_shortcode_form input[type=submit], .find_shortcode_form input[type=button] {
   margin-left: 6px !important;
}

#sf_settings_existing_shortcodes {
   overflow: hidden;
   height: 0;
   -webkit-column-width: 250px;
   -moz-column-width: 250px;
   column-width: 250px;
}

/** Tooltip **/
.shortcodes-finder-tooltip {
   display: inline-block;
   position: relative;
   cursor: pointer;
   transition: background 0.3s;
   outline: none;
}

td.shortcodes-finder-tooltip:hover {
   background: #DDD;
}

.shortcodes-finder-tooltip.tooltip-help {
   padding: 2px 6px;
   border-radius: 2px;
   font-style: normal;
}

.shortcodes-finder-tooltip.tooltip-help:before {
   content: "\f473";
   font-family: "dashicons";
   font-size: 13px;
   color: white;
   background: darkcyan;
   padding: 6px;
   border-radius: 15px;
}

.shortcodes-finder-tooltip.tooltip-help:hover {
   color: rgb(79, 175, 206);
}

.shortcodes-finder-tooltip .tooltiptext {
   color: #fff;
   background-color: #555;
   position: absolute;
   left: 50%;
   bottom: 100%;
   opacity: 0;
   visibility: hidden;
   margin-bottom: 1em;
   padding: 1em;
   text-align: center;
   white-space: nowrap;
   transform: translate(-50%, 1em);
   transition: all .15s ease-in-out;
}

.shortcodes-finder-tooltip .tooltiptext a {
   color: #66A1FF;
}

.shortcodes-finder-tooltip .tooltiptext.minwidth {
   min-width: 350px;
   white-space: inherit;
}

.shortcodes-finder-tooltip .tooltiptext::before {
   content: "";
   position: absolute;
   top: 100%;
   left: 50%;
   border: .5em solid transparent;
   border-top-color: #555;
   transform: translate(-50%, 0);
}

.shortcodes-finder-tooltip:hover .tooltiptext {
   opacity: 1;
   visibility: visible;
   transform: translate(-50%, 0);
}

/** Progress bar **/
.shortcodes-finder-progress {
   min-width: 150px;
   width: 40%;
   padding: 0;
   margin-top: .7em;
   border-radius: 1px;
   border: 1px solid #AAA;
   background-color: #FFF;
}

.shortcodes-finder-progress .progress-bar {
   height: 24px;
   transition: 0.4s linear;
   transition-property: width, background-color;
   background-color: rgba(79, 175, 206, 0.2);
   /* #4FAFD1 */
   width: 0%;
   background-image: linear-gradient(45deg,
      rgb(187 240 186 / 20%) 0%,
      rgb(92 206 79 / 60%) 40%,
      rgb(187 240 186 / 20%) 70%,
      rgb(92 206 79 / 60%) 100%)
}

.shortcodes-finder-progress .progress-label {
   position: absolute;
   padding: 3px 0 0 6px;
}

.shortcode-bookmark {
   display: block;
   position: relative;
   top: -50px;
   visibility: hidden;
}

/*** Scribit styles ***/
.scribit_credit a {
   background: transparent url(../images/logo_scribit.png) 0 0 no-repeat;
   display: inline-block;
   position: relative;
   overflow: hidden;
   text-indent: 64px;
   height: 32px;
   width: 64px;
   vertical-align: middle;
   margin-left: 10px;
}

.scribit_plugins .plugin-card-top .desc ul {
   list-style: disc;
   padding-left: 20px;
}

.scribit_plugins .plugin-card-top .desc ul li {
   margin-bottom: 0;
}

.scribit_plugins .plugin-card .desc>ul {
   margin-left: 148px;
   margin-top: 0;
}

.scribit_support_description {
   text-align: right;
   padding-right: 1em;
}

/*** Media query ***/
@media screen and (min-width: 783px) and (max-width:1024px) {
   .shortcodes-finder-progress {
      width: 100%;
   }
}