td{
	display: table-cell !important;
}
.wpda_top_bar{
	text-align: right;
	margin-bottom: 5px;
}
.wpda_top_bar .wpdevart_support{
	float: none;
	display: inline-block;
}
.wpda_theme_title{
	display:inline-block;
}
.header_action_buttons{
	display:inline-flex;
	gap: 8px;
	float:right;
	margin-top:14px;
}
.header_action_buttons .button-primary{
	border-radius: 6px;
	padding: 4px 16px;
	font-size: 13px;
	height: 34px;
}
.header_action_buttons .button-secondary{
	border-radius: 6px;
	padding: 4px 16px;
	font-size: 13px;
	height: 34px;
}
.header{
	width:100%;
	padding-bottom: 12px;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 8px;
}
.conteiner{
	width:100%;
	max-width:1280px;
}
.theme_name{
	padding: 10px 16px;
	margin-bottom: 8px !important;
	margin-top: 15px !important;
	font-size: 1.5em;
	width: 100%;
	outline: 0;
	margin: 0;
	background-color: #fff;
	border: 1px solid #dcdcde;
	border-radius: 8px;
	box-sizing: border-box;
	transition: border-color 0.2s;
}
.theme_name:focus{
	border-color: #2271b1;
	box-shadow: 0 0 0 1px #2271b1;
}
table{
	border-collapse:collapse;
}
.main_div_of_the_wpda_gallanswer{	
	vertical-align: top;
    overflow: hidden;
	position: relative;
}
.main_div_of_the_wpda_gallanswer:hover{
	vertical-align: top;
	overflow:hidden;
	position: relative;
}
.pracents_of_the_poll {
	height: 100%;
	position: absolute;
}
.wpda_gallanswer_title{
	position: relative;
}
.label{
	float: left;
}

.tr_heading{
	font-size: 15px;
	height: 40px;
}
.all_options_panel table tr{
	display: none;
}
.all_options_panel table tr.active{
	display:table-row;
}
.td_option_description{
	position: relative;
}
.td_option_description .wpdevart-title{
	margin-left: 5px;
	font-size: 13px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.tr_option{
	height: 42px;
}
.tr_option.tr_pading_margin input{
	max-width: 50px;
}

.wpda_gall_color-picker{
	position: relative;
	height: 30px;
}
.wpda_gall_color-picker .wp-picker-container{
	position: absolute;
	top:3px;
}
.wpda_gall_color-picker .wp-picker-container.wp-picker-active{
	z-index: 9;
}
/*tabs settings*/

.wpda_theme_link_tabs{
	margin-top: 16px;
	margin-bottom: 15px;
}
.wpda_theme_link_tabs li.wpda_type_tab{
	display: none;
}
.wpda_theme_link_tabs li.wpda_type_tab_visible{
	display: inline-block;
}
.wpda_theme_link_tabs > ul{
	margin: 0px;
	padding: 5px;
	display: inline-flex;
	gap: 2px;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 50px;
	list-style: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.wpda_theme_link_tabs li{
	display: inline-block;
	padding: 9px 24px;
	margin-bottom: 0 !important;
	font-size: 13px;
	font-weight: 500;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	color: #646970;
	cursor: pointer;
	border-radius: 50px;
	transition: all 0.2s ease;
	white-space: nowrap;
	user-select: none;
	line-height: 1;
	letter-spacing: 0.01em;
}
.wpda_theme_link_tabs li:hover{
	color: #1d2327;
	background: #f6f7f7;
}
.wpda_theme_link_tabs li.active{
	background: #1d2327;
	color: #fff;
	box-shadow: 0 1px 4px rgba(0,0,0,0.12);
}
.wpda_theme_link_tabs{
	margin-bottom: 15px;
	padding-top: 5px;
}

.all_options_panel table{
	width: 100%;
	background-color: #fff;
	border-spacing: 0px;
	border: 1px solid #e0e0e0;
	border-top: none;
	border-radius: 0 0 10px 10px;
	margin: 0px;
	position: relative;
	table-layout: fixed;
}
.tr_heading > th{
	font-size: 13px;
	height: 38px;
	border-bottom: 1px solid #eee;
	color: #1d2327;
	font-weight: 600;
	padding-left: 16px;
	background: #fafafa;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
.tr_option td{
	border-bottom: 1px solid #f3f3f3;
	padding: 11px 16px;
}
.tr_option:hover{
	background-color: #fafbfc;
}
.tr_option:last-child td{
	border-bottom: none;
}
/*range input styling*/
.range_option_td output,.range_option_td small{
	position: relative;
	bottom: 2px;
}
input[type=range] {
    /*removes default webkit styles*/
    -webkit-appearance: none;
    
    /*fix for FF unable to apply focus style bug */
    border: 1px solid white;
    
    /*required for proper track sizing in FF*/
    width: 145px;
}
input[type=range]::-webkit-slider-runnable-track {
    width: 300px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod;
    margin-top: -5px;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}

input[type=range]::-moz-range-track {
    width: 300px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}
input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod;
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

input[type=range]::-ms-track {
    width: 300px;
    height: 5px;
    
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod;
}
input[type=range]:focus::-ms-fill-lower {
    background: #888;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}




/*######################################### Params help ###################################*/
/*######################################### Params help ###################################*/
/*######################################### Params help ###################################*/

.wpdevart-info-container{
display: inline-block;
    position: absolute;
	z-index: 4;
    width: 15px;
    height: 15px;
    border: 1px solid #7052fb;
    border-radius: 100%;
    right: 20px;
    text-align: center;
    line-height: 1;
	cursor:pointer;
	font-weight: bold;
	color: #7052fb;
}

.wpdevart-info-container .wpdevart-info{
    position: absolute;
    display: none;
  	left: 30px;
    top: -7px;
    background-color: #292D31;
    padding: 7px;
    z-index: 1;
    min-width: 200px;
    color: #C5D3D6;
    box-shadow: 0 0 2px #000;
    text-align: left;
    line-height: 1.3;
    font-size: 14px;
	font-weight: normal;
    font-style: italic;
}

.red-section .wpdevart-info{
    color: red;
}
.wpdevart-info-container:hover .wpdevart-info{
    display: block;
}
#admin_form > h2{
	width:95%;
}
.wpdevart_support:before {
    content: "";
    background: url(../images/support-white.png) no-repeat;
    width: 25px;
    height: 25px;
    background-size: 25px;
    top: 8px;
    position: absolute;
    left: 15px;
}
.wpdevart_support {
    float: right;
    padding: 11px 20px 12px 50px;
    position: relative;

}
.wpdevart_support, .wpdevart_upgrade {
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    border-radius: 5px;
    border: 0;
    color: #ffffff;
    font-weight: 400;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    background-image: linear-gradient(141deg, #7052fb, #00a0d2);
}
.wpdevart_support:hover, .wpdevart_upgrade:hover, .wpdevart_support:focus, .wpdevart_upgrade:focus {
    color: #ffffff;
    opacity: 0.85;
    box-shadow: none;
    outline: none;
}
.wpdevart_page_head h2{
	height: 30px;	
}
.add_edit_support{
	float: none;
    margin-top: 10px;
}