/**
 * Translator Revolution WP Plugin
 * http://goo.gl/4E7Mx
 *
 * LICENSE
 *
 * You need to buy a license if you want use this script.
 * http://codecanyon.net/legal/market
 *
 * @package    Translator Revolution WP Plugin
 * @copyright  Copyright (c) 2024, SurStudio, www.surstudio.net
 * @license    http://codecanyon.net/licenses/standard
 * @version    2.2
 * @date       2024-05-12
 */

.translator-container {
	text-align: center !important;
	height: 20px !important;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
}

.translator-container-20 {
	text-align: center !important;
	height: 20px !important;
	position: absolute;
	width: 100%;
	top: -20px;
	left: 0;
	z-index: 999999;
}

.translator-container-40 {
	text-align: center !important;
	height: 20px !important;
	position: absolute;
	width: 100%;
	top: -40px;
	left: 0;
	z-index: 999999;
}

.translator-container-50 {
	text-align: center !important;
	height: 20px !important;
	position: absolute;
	width: 100%;
	top: -50px;
	left: 0;
	z-index: 999999;
}

.translator-container-custom {
	text-align: center !important;
	height: 20px !important;
}

.translator-bar-main-container .translator-container {
	position: static;
	width: auto;
	top: auto;
	left: auto;
}

.translator-sub-container {
	background: #444 !important;
	vertical-align: middle !important;
	text-align: center !important;
	padding: 1px 0 !important;
	margin: 0 !important;
	height: 20px !important;
	-moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
	box-sizing: content-box !important;
}

.translator-round-corners .translator-sub-container {
	border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
}

.translator-sub-container table {
	text-align: center !important;
	margin: 0 auto !important;
	height: 20px !important;
	border-collapse: separate !important;
	border: none !important;
	background: #444 !important;
	width: auto !important;
	min-width: auto !important;
	border-spacing: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	-moz-box-shadow: none !important;
 	-webkit-box-shadow: none !important;
 	box-shadow: none !important;
	-moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
	box-sizing: content-box !important;
}

.translator-align-left .translator-sub-container table {
	float: left !important;
}

.translator-align-right .translator-sub-container table {
	float: right !important;
}

.translator-sub-container table tbody {
	background: none !important;
}

.translator-sub-container table tr {
	background: none !important;
	border: none !important;
}

.translator-sub-container table td {
	vertical-align: middle !important;
	background: none !important;
	border: none !important;
	height: 20px !important;
	line-height: 20px !important;
	width: auto !important;
	color: #fff !important;
	padding: 0 !important;
	font-family: Verdana !important;
	font-size: 12px;
	border-collapse: separate !important;
}

.translator-sub-container a {
	padding: 0 8px;
	height: 16px !important;
	display: table !important;
	border: none !important;
	text-shadow: 0 0 1px #fff;
	font-family: Verdana !important;
	font-size: 10px !important;
	color: #fff !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	vertical-align: middle !important;
	line-height: 16px !important;
	background: none;
}

.translator-sub-container a:hover {
	text-decoration: none !important;
}

.translator-sub-container a span {
	padding: 0;
	line-height: 16px !important;
	color: #fff !important;
	font-weight: normal !important;
	text-shadow: 0 0 1px #fff;
	font-style: normal !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}

.translator-flags-and-names .translator-sub-container a span,
.translator-flags-and-short-names .translator-sub-container a span {
	padding-left: 3px !important;
}

.translator-sub-container a img {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	vertical-align: top !important;
	box-shadow: 0 0 4px #bbb;
	-moz-box-shadow: 0 0 4px #bbb;
	-webkit-box-shadow: 0 0 4px #bbb;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: inline !important;
	width: 22px !important;
	max-width: 22px !important;
	height: 16px !important;
	max-height: 16px !important;
}

.translator-low-res .translator-hide-name {
	display: inline-block !important;
}

.translator-low-res .translator-hide-flag {
	display: inline !important;
}

.translator-restore-container {
	line-height: 10px !important;
	text-align: center !important;
}

.translator-restore,
a.translator-restore {
	background: #444 !important;
	padding: 5px 10px 5px 24px !important;
	border: none !important;
	text-shadow: 0 0 1px #fff !important;
	height: 22px !important;
	line-height: 22px !important;
	font-family: Verdana !important;
	font-size: 10px !important;
	font-weight: normal !important;
	color: #fff !important;
	text-decoration: none !important;
	background-image: url(../images/restore.gif) !important;
	background-repeat: no-repeat !important;
	background-position: 8px 50% !important;
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	display: inline !important;
}

.translator-restore:hover {
	text-decoration: none !important;
}

.translator-loading-left,
a.translator-loading-left {
	padding-left: 16px !important;
	background-image: url(../images/loading.gif) !important;
	background-repeat: no-repeat !important;
	background-position: center left !important;
}

.translator-loading-right,
a.translator-loading-right {
	padding-right: 16px !important;
	background-image: url(../images/loading.gif) !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
}

.translator-completed-left,
a.translator-completed-left {
	padding-left: 16px !important;
	background-image: url(../images/complete.gif) !important;
	background-repeat: no-repeat !important;
	background-position: left center !important;
}

.translator-completed-right,
a.translator-completed-right {
	padding-right: 16px !important;
	background-image: url(../images/complete.gif) !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
}

.translator-hidden {
	display: none;
}

.admin-bar .translator-container {
	top: 32px;
}

/**
 * 
 * Responsive adjustments
 * 
 */

@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 800px) {

}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 320px) {

}

@media screen and (max-width: 200px) {

}