/*
* My WP Translate
* https://mythemeshop.com/plugins/my-wp-translate/
*/
label[for=nhp-opts-translate] { margin-top: 28px; display: block; font-size: 15px; font-weight: bold; padding-bottom: 10px; }
#nhp-opts-translate { margin-right: 10px }
.translate-string-wrapper { position: relative }
.translate-string-wrapper input { padding: 8px 6px; width: 100%; margin-bottom: 12px; }
.translate-string-wrapper textarea, .translate-import-export-content textarea { padding: 8px 6px; width: 100%; height: 60px; margin-bottom: 12px; max-width: 100%; }
.translate-string-wrapper.success textarea { border: 1px solid #00B315; box-shadow: inset 0 2px 8px 0 rgba(6, 148, 0, 0.4); transition: none; }
.translate-string-wrapper.fail textarea { border: 1px solid #C71717; outline: none; box-shadow: inset 0 2px 8px 0 rgba(254, 66, 66, 0.4); transition: none; }
.translate-string-wrapper.animate textarea { transition: all 3s linear }
.translate-string-wrapper.loading:after { content: ""; width: 36px; height: 36px; position: absolute; right: 20px; bottom: 28px; background: url('../images/spinner.gif') no-repeat center center; }
.translate-string-wrapper label { display: block; font-size: 14px; padding: 10px 4px 6px; font-weight: bold; }
.translate-string-wrapper label span { font-weight: normal; font-style: italic; margin-left: 8px; color: #888; display: none; }
.translate-string-wrapper label span.string-context { display: block; }
.translate-strings.loading { background: url('../images/spinner.gif') no-repeat center center; height: 160px; }
#translate_search_wrapper { display: none; float: left; }
#translate_strings_per_page_wrapper { display: none; float: right; padding-right: 5%; }
#translate_strings_per_page_wrapper label { font-weight: bold }
#translate_strings_per_page { margin-left: 10px; font-weight: normal; width: 80px; }
.mts_translation_pagination { line-height: 1.4; padding: 20px 0; }
.mts_translation_pagination:first-child { }
.mts_translation_pagination_label { float: left; color: #555; font-size: 15px; font-weight: bold; margin-right: 30px; padding-top: 5px; }
.mts_translation_pagination a, .translate-import-export-tabs a { padding: 6px 9px; margin: 0 10px 10px 0; background: #EFF0F2; color: #555; text-decoration: none; border-radius: 2px; min-width: 20px; float: left; text-align: center; transition: all .1s linear; }
.mts_translation_pagination a:hover, .mts_translation_pagination a.current, .translate-import-export-tabs a:hover, .translate-import-export-tabs a.active { background: #2F3E50; color: #fff; outline: none; }
div.translation_info { padding: 10px 0; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; margin-bottom: 10px; color: #888; font-style: italic; text-align: center; }
#nhp-opts-reset-translations-action { float: right; padding-top: 8px; }
input[type=text], input[type=password], input[type=checkbox], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=radio], input[type=tel], input[type=time], input[type=url], input[type=week], input[type=search], select, textarea { box-shadow: none }
input, select, textarea { font-size: 15px }
input, .wp-admin select { padding: 5px 15px; height: auto; line-height: 1.4; }
h1 .nav-tab, h2 .nav-tab { padding: 15px 55px 15px 25px; position: relative; background-color: #fff; border-bottom: inherit!important; margin: 4px 4px -1px 0; transition: all .1s linear; }
.nav-tab:first-child { padding-right: 25px }
.nav-tab .dashicons { vertical-align: middle; margin-right: 5px }
.nav-tab-active, .nav-tab:hover, .nav-tab-active:hover { background-color: #2F3E50!important; color: #fff!important; }
.mtswpt-remove-translation { position: absolute; top: 0; right: 0; line-height: inherit; padding: 15px; }
#mtswpt-settings { float: left; width: 100%; padding: 20px 50px; box-sizing:border-box; background-color: #fff; border-width: 3px 1px 1px 1px; border-top: 3px solid #2F3E50; margin-top: -1px; position: relative; }
.translate-strings, .mts_translation_pagination, div.translation_info { float: left; width: 100%; clear: both; }
.translate-string-wrapper, .translate-download-wrap, .translate-import-export-options { float: left; width: 45%; padding-right: 5%; }
.translate-string-wrapper:nth-child(even) { clear: left }
#mtswpt_path, #translate_search { width: 30%; min-width: 200px }
#mtswpt_plugin_select, #add_plugin_button_wrap { margin-top: 28px }
.translate-additional-options { clear: both; padding: 20px 0; display: inline-block; width: 100%; }
.translate-import-export-wrap, .translate-import-export-content { display: none }
.translate-import-export-wrap.active, .translate-import-export-content.active { display: block }
ul.translate-import-export-tabs, .translate-import-export-tabs li { margin-bottom: 0 }
.translate-import-export-tabs li { display: inline-block }
.mtswpt-import-error { color: red; margin-top: 0; }
.mts_translate_loading { position: absolute; bottom: 0; left: 0; text-transform: uppercase; font-weight: 700; background: #2F3E50; color: #fff; padding: 0 5px; opacity: 0; }
.mts_translate_loading.active { animation: translateSaved 2000ms linear; }
@keyframes translateSaved {
    0% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
