/*
Theme Name: Flatsome
Theme URI: http://flatsome.uxthemes.com/
Author: UX-Themes
Author URI: http://www.uxthemes.com/
Description: Flat Responsive WooCommerce theme
Version: 2.6.1
License:
License URI:
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

@import url('css/support.css');

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/*----- Tabs -----*/
.tabs {
	width:100%;
	display: inline-block;
	margin: 20px 0;}
.tab-links {
    height: 35px;
    margin: 0;
    padding: 0;
}
	/*----- Tab Links -----*/
	/* Clearfix */
	.tab-links:after {
		display:block;
		clear:both;
		content:'';
	}

	.tab-links li {
		margin:0px;
		float:left;
		list-style:none;
	}

		.tab-links a {
			color: #345179;
			display: inline-block;
			font-size: 14px;
			padding: 5px 12px;
			text-decoration: none;
		}

		.tab-links a:hover {
			/*background:#a7cce5;*/
			text-decoration:none;
		}

	li.active a, li.active a:hover {
		border-bottom: 4px solid #ffa500;
	}

	/*----- Content of Tabs -----*/
	.tab-content {
		padding:15px;
		border-radius:3px;
		box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
		background:#fff;
	}

		.tab {
			display:none;
	   
    min-height: 150px;
    overflow-y: auto;
		}

		.tab.active {
			display:block;
		}
		.modal {
    display:    none;
    position:   absolute;
	z-index:    1000000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('https://patriotmemory.com/images/demo_wait.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}
.loadingD {
    position: relative;
    width: 280px;
}

.wtbfont {
    margin: 10px 0;
}


@media only screen and (max-width: 480px) {

.small-resolve table td, .support_product_sub, .small-resolve .loadingD{
	display:inline-block;
	width:100%;
}



}


@media only screen and (max-width: 360px) {
.systmConfig {
    width: 100%;
}
}

#WPML language selector
#lang_sel {height:32px; position:relative; z-index:999; float: right; margin-right: 10px; margin-top:10px;  font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html #lang_sel {width:12em; w\idth:12em;}

/* remove all the bullets, borders and padding from the default list styling */
#lang_sel ul, #lang_sel li {padding:0 !important; margin:0 !important; list-style-type:none !important;}
#lang_sel li:before{content:'' !important;}
#lang_sel ul ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#lang_sel li {float:left;width:149px;position:relative;}

/* style the links for the top level */
#lang_sel a, #lang_sel a:link, #lang_sel a:visited {
	display:block;
	/*background: #fcfcfc;*/
	font-size:12px;
	text-decoration:none !important;
	color:#fff;
	border:1px solid #000;
	line-height:18px;
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #c8c8c8;
	border-bottom: 1px solid #bfbfbf;
	border-left: 1px solid #e1e1e1;
	padding: 5px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	font: normal bold 12px Verdana, sans-serif;
	}
/* a hack so that IE5.5 faulty box model is corrected */
* html #lang_sel a, * html #lang_sel a:link, * html #lang_sel a:visited {width:149px; w\idth:138px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#lang_sel ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0; width:149px;border-top:0;}

/* another hack for IE5.5 */
* html #lang_sel ul ul {top:25px;t\op:25px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#lang_sel table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#lang_sel ul ul a, #lang_sel ul ul a:link, #lang_sel ul ul a:visited {
	font-weight: normal;
	/*font-size: 11px;*/
	background:#eee;
	color:#000 !important;
	/*height:auto; line-height:1em; */
	/*padding:3px 10px;*/
	border-width:0 1px 1px 1px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0; /* future proofing */
	-khtml-border-radius: 0; /* for old Konqueror browsers */
	}
/* yet another hack for IE5.5 */
* html #lang_sel ul ul a, * html #lang_sel ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
#lang_sel a:hover, #lang_sel ul ul a:hover{color:#000; background:#ccc;}
#lang_sel :hover > a, #lang_sel ul ul :hover > a {color:#000; background:#ccc;}

#lang_sel a.lang_sel_sel{
    background:url(../images/nav-arrow-down.png) #fcfcfc right no-repeat;
    color: #bfbfbf;
}
#lang_sel a.lang_sel_sel:hover{
    text-decoration: none;
    /*color:#000;*/
}

/* make the second level visible when hover on first level list OR link */
#lang_sel ul li:hover ul,
#lang_sel ul a:hover ul{visibility:visible; }

#lang_sel ul li img {
	position: relative;
	margin: 0;
	padding: 0;
	margin-right: -6px;
	border: 1px solid #bfbfbf;
	top: 2px;
}

#lang_sel ul li ul li img {
	margin-right: -2px;
}
