/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 0px;
	margin: 0px;
}

/*Style-light Changes*/
#menuVel .slim-scroll > ul > li, #menuVel > ul > li{
	height: auto;
}
#menuVel .slim-scroll > ul > li.glyphicons a, #menuVel > ul > li.glyphicons a, #menuVel .slim-scroll > ul > li.glyphicons-social a, #menuVel > ul > li.glyphicons-social a{
	padding: 10px 0 11px 45px;
}
#menuVel .slim-scroll > ul > li a, #menuVel > ul > li a{
	height: auto;
	line-height: 19px;
}
.widget .widget-body.list{
	color: #333;
}
/*Style-light Changes*/
/*Bootstrap Changes*/
.col-md-3{
	width: 20.7%;
}
.col-md-9{
	width: 72%;
}
.col-md-4{
	width: 39.333%;    
}
.col-md-2 textarea, .col-md-6 textarea{
	background-color: #FAFAFA;
}
.form-control{
	width: 100%;
	height: 30px;
}
.form-control.colorpicker-box{
	width: 70%;
	float: left;
}

.widget .widget-body.list.products li {
	display: table;
	height: auto;
	line-height: 39px;
	width: 98%;
}

.widget .widget-body.list ul li{
	padding: 9px 10px;
	border-bottom: 1px solid #E5E5E5;
}
/*Bootstrap Changes*/

/* BOC - Css for radio buttons */
label{
	margin-right: 12px;
}
input[type="radio"] {
	opacity: 0;
	position:absolute;
}
input[type="radio"] + label:before,
input[type="radio"] + .custom-tick:before {
	display: inline-block;
	width: 14px;
	height: 14px;

	margin: 0 5px 5px 0;

	line-height: 14px;
	content: "";
	vertical-align: middle;

	background-image: url('../images/custom_radio-grey.png');
	background-repeat: no-repeat;
	background-position: 0 -14px;
}
input[type="radio"] + .custom-tick:before {
	margin-right:4px;
}
input[type="radio"]:disabled + label,
input[type="radio"]:disabled + .custom-tick{
	opacity: 0.5;
	cursor: default;
}
input[type="radio"]:disabled:not(:checked) + label:before {
	background-position: 0 -42px;
}
input[type="radio"]:checked:disabled + label:before {
	background-position: 0 -56px;
}
input[type="radio"]:not(:checked):not(:disabled):hover + label:before,
input[type="radio"]:not(:checked):not(:disabled):hover + .custom-tick:before {
	background-position: 0 -28px;
}
input[type="radio"]:checked + label:before,
input[type="radio"]:checked + .custom-tick:before {
	background-position: 0 0;
}

/* EOC - Css for radio buttons */

/* BOC - Checkbox CSS */    
.fancy input[type="checkbox"] {
	opacity: 0;
	position:absolute;
	margin: 12px 0 0;
}
.fancy input[type="checkbox"] + label:before,
.fancy input[type="checkbox"] + .custom-tick:before {
	display: inline-block;
	width: 14px;
	height: 14px;

	margin: 0 5px 5px 0;

	line-height: 14px;
	content: "";
	vertical-align: middle;

	background-image: url(../images/custom_checkbox-grey.png);
	background-repeat: no-repeat;
	background-position: 0 -14px;
}
.fancy input[type="checkbox"] + .custom-tick:before {
	margin-right:4px;
}
.fancy input[type="checkbox"]:disabled + label,
.fancy input[type="checkbox"]:disabled + .custom-tick{
	opacity: 0.5;
	cursor: default;
}
.fancy input[type="checkbox"]:disabled:not(:checked) + label:before {
	background-position: 0 -42px;
}
.fancy input[type="checkbox"]:checked:disabled + label:before {
	background-position: 0 -56px;
}
.fancy input[type="checkbox"]:not(:checked):not(:disabled):hover + label:before,
.fancy input[type="checkbox"]:not(:checked):not(:disabled):hover + .custom-tick:before {
	background-position: 0 -28px;
}
.fancy input[type="checkbox"]:checked + label:before,
.fancy input[type="checkbox"]:checked + .custom-tick:before {
	background-position: 0 0;
}

/* EOC - Checkbox CSS */

/* BOC - Tooltips CSS definitions */    

.tooltip {
	position: absolute!important;
	overflow:hidden;
	font-size: 12px;
	z-index: 10000!important;
}
.tooltip .xtop, .tooltip .xbottom { display: block; background: transparent; font-size: 1px; }
.tooltip .xb1, .tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { display: block; overflow: hidden; }
.tooltip .xb1, .tooltip .xb2, .tooltip .xb3 { height: 1px; }
.tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { background: #666; border-left: 1px solid #333; border-right: 1px solid #333; }
.tooltip .xbottom .xb2, .tooltip .xbottom .xb3, .tooltip .xbottom .xb4 { background: #666; }
.tooltip .xb1 { margin: 0 5px; background: #333; }
.tooltip .xb2 { margin: 0 3px; border-width: 0 2px; }
.tooltip .xb3 { margin: 0 2px; }
.tooltip .xb4 { height: 2px; margin: 0 1px; }

.tooltip .xboxcontent {
	padding: 0 .5em;
	margin: 0;
	color: #000;
	text-align: left;

	word-wrap:break-word;
	border: 1px solid #333;
	border-width: 0px 1px 0 1px;
	background-color: #666;
}

.topbuttons{
	padding-top: 9px;
	float: right;
}
.topbuttons label{
	color: #fff;
	font-size: 14px;
}
/* EOC - Tooltips CSS definitions */

ul, ol {
	margin-bottom: 0px;
}
legend{
	margin-bottom: 0px;
	height: 1px;
}
.separator{
	display: inline-block;
	padding: 0 6px;
}
.navbar.main .appbrand{
	margin-left: 0px;
}
.label{
	font-size: 100%;
}
.box, .entry-edit fieldset, .entry-edit .fieldset{
	background: #fff;
}
.middle{
	padding: 0px;
}
#tab_general_settings_contents table.form > tbody > tr > td {
	padding: 10px;
	color: #000000;
}
#tab_general_settings_contents table{
	width: 100%;
}
#themer .wrapper{
	min-width: 210px !important;
	max-width: 210px !important;
}

#tab_general_settings_contents table {
	margin-bottom: 10px !important;
}
#tr_banner_url .image {
/*    border: 1px solid #EEEEEE !important;
	padding: 4px !important;*/
	display: inline-block !important;
}
#tr_banner_url .image a {
	cursor: pointer !important;
	float: left !important;
}

.remove_banner{
	float: right;
}

.messages li{
	margin-bottom: 4px !important;
	margin-top: 7px !important;
}
.success-msg{
	background-position: 10px 7px !important;
}

.shoppingcart_imagePreview{
	color: #a4a4a4 !important;
}

.input-sm{
	font-size: 13px;
}

a.velsof-btn {
	-moz-user-select: none !important;
	border: 1px solid rgba(0, 0, 0, 0) !important;
	border-radius: 4px !important;
	cursor: pointer !important;
	display: inline-block !important;
	font-size: 14px !important;
	font-weight: normal !important;
	line-height: 1.42857 !important;
	margin-bottom: 0 !important;
	padding: 7px 12px !important;
	text-align: center !important;
	vertical-align: middle !important;
	white-space: nowrap !important;
	background-image: none !important;
	color: #000 !important;
	text-decoration: none !important;
	font-weight: bold !important;
	background-color: #D4D0C8 !important;
}

a.velsof-btn:hover, a.velsof-btn:focus {
	color: #333333;
	text-decoration: none;
}

a{
	cursor: pointer !important;
}

#tab_general_settings_contents table tr td.settings .image{
	border: 1px solid #EEEEEE !important;
	display: inline-block !important;
	padding: 10px !important;
}

#tab_general_settings_contents table tr td.settings input, #tab_slider_images_contents #tbl_banner_url tbody td input{
	background: none repeat scroll 0 0 #FFFFFF !important;
	border: 1px solid #AAAAAA !important;
	border-radius: 5px !important;
	box-shadow: 0 0 1px #DDDDDD inset !important;
	color: #666666 !important;
	float: left !important;
	outline: medium none !important;
	padding: 5px 10px !important;
	width: 165px !important;
}
#tab_slider_images_contents #tbl_banner_url tbody td input{
	float: none !important;
}

#tab_general_settings_contents .text{
	color: #747474 !important;
	float: left !important;
	margin-top: 5px !important;
	padding-left: 4px !important;
}

#tab_slider_images_contents #tbl_banner_url{
	width: 100% !important;
	margin-bottom: 10px;
}
#tab_slider_images_contents #tbl_banner_url thead tr{
	border: 1px solid #aaa !important;
}

#tab_slider_images_contents #tbl_banner_url thead td{
	padding: 5px !important;
	border: 0px solid #aaa !important;
	background-color: #F1F1F1 !important;
	text-align: center !important;
	font-weight: bold;
	font-size: 13px;
}

#tab_slider_images_contents #tbl_banner_url tbody td{
	padding: 5px !important;
	border: 1px solid #ddd !important;
	border-top: 0px !important;
	text-align: center !important;
	vertical-align: middle !important;
}

#tab_slider_images_contents #tbl_banner_url tbody td .image_link_target{
	width: 100px !important;
}
#tab_slider_images_contents #tbl_banner_url tbody td label{
	font-weight: normal;
}

#tab_general_settings_contents .info{
	display: inline;
	font-size: 12px;
}
.vss_info{
	display: block;
	font-size: 12px;
	color: #A0A0A0;
	line-height: 25px;
}

/*New css for admin theme*/
.navbar{
	margin-bottom: 0px;
}
.vss_page_title{
	float: left;
	padding: 6px;
	color: #fff;
	text-shadow: 0 0 5px;
}
.navbar-default{
	background-color: #496CAD;
	border-radius: 0px;
	border: 0px;
}
.btn-default {
	background-image: linear-gradient(to bottom, #FFFFFF 0px, #E0E0E0 100%);
	background-repeat: repeat-x;
	border-color: #CCCCCC;
	text-shadow: 0 1px 0 #FFFFFF;
}
.btn-default:hover, .btn-default:focus {
	background-color: #E0E0E0;
	background-position: 0 -15px;
}
.wrapper #wrapper{
	display: table;
	height: 400px;
}
.wrapper #content{
	 display: table-cell;
	 width: 95%;
}
.vss_sidebar{
	display: table-cell;
	vertical-align: top;
	min-width: 215px;
	background-color: #E5E5E5;
}
.nav-justified{
	border-radius: 0px;
	max-height: 100%;
	border: 0px;
}
.nav-justified > li{
	display: block;
	width: auto;
}
.nav-justified > li a{
	border-radius: 0px;
}
.nav-justified > li:first-child > a, .nav-justified > li:last-child > a{
	border-radius: 0px;
}
.breadcrumb{
	border-radius: 0px;
	margin-bottom: 10px;
}
.box, .entry-edit fieldset, .entry-edit .fieldset{
	padding: 0px;
	border: 0px;
}
.footer{
	margin-top: 0px;
	padding: 105px 2.8em 2.8em !important;
}
.nav-justified > .active > a, .nav-justified > .active > a:hover, .nav-justified > .active > a:focus{
	background-color: #FFF;
}
.nav-justified > li > a{
	background-color: #DDDDDD;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15) inset;
	font-size: 13.3px;
	padding-left: 13px;
	text-align: left;
}
.page-header{
	margin: 0 0 10px;
	padding-bottom: 0px;
}
.page-header h1{
	font-size: 22px;
	margin-top: 10px;
}
#content .tabs{
	padding: 0 10px;
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small{
	font-size: 58%;
}
.vss_block_body{
	border: 1px solid #ddd;
	border-top: 0px;
	display: inline-block;
	width: 100%;
	padding: 6px 10px 8px;
}
.vss_head{
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	margin: 10px 0 0 0;
}
.vss_head .heading{
	font-size: 15px;
	font-weight: bold;
	padding: 10px;
	margin: 2px 0 0 0;
}
.tab-content .block{
	min-height: 338px;
}
.vss_block_body ul li{
	border-bottom: 1px dotted #ddd;
	display: inline-block;
	width: 100%;
	padding: 10px 0 10px;
	vertical-align: top;
}
.vss_block_body ul li.last{
	border-bottom: 0px;
}
.chosen-container-multi .chosen-choices li.search-choice{
	margin: 0px 0px 4px;
}
.chosen-container-multi .chosen-choices{
	padding: 4px;
}

/* CSS for Pure Tables */

table.pure-table {
	width: 100%;
}

.pure-table {
	/* Remove spacing between table cells (from Normalize.css) */
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	border: 1px solid #cbcbcb;
}

.pure-table caption {
	color: #000;
	font: italic 85%/1 arial, sans-serif;
	padding: 1em 0;
	text-align: center;
}

.pure-table td,
.pure-table th {
	border-left: 1px solid #cbcbcb;/*  inner column border */
	border-width: 0 0 0 1px;
	font-size: inherit;
	margin: 0;
	overflow: visible; /*to make ths where the title is really long work*/
	padding: 0.5em 1em; /* cell padding */
}

/* Consider removing this next declaration block, as it causes problems when
there's a rowspan on the first cell. Case added to the tests. issue#432 */
.pure-table td:first-child,
.pure-table th:first-child {
	border-left-width: 0;
}

.pure-table thead {
	background-color: #e0e0e0;
	color: #000;
	text-align: left;
	vertical-align: bottom;
}

/*
striping:
   even - #fff (white)
   odd  - #f2f2f2 (light gray)
*/
.pure-table td {
	background-color: transparent;
}
.pure-table-odd td {
	background-color: #f2f2f2;
}

/* nth-child selector for modern browsers */
.pure-table-striped tr:nth-child(2n-1) td {
	background-color: #f2f2f2;
}

/* BORDERED TABLES */
.pure-table-bordered td {
	border-bottom: 1px solid #cbcbcb;
}
.pure-table-bordered tbody > tr:last-child > td {
	border-bottom-width: 0;
}


/* HORIZONTAL BORDERED TABLES */

.pure-table-horizontal td,
.pure-table-horizontal th {
	border-width: 0 0 1px 0;
	border-bottom: 1px solid #cbcbcb;
}
.pure-table-horizontal tbody > tr:last-child > td {
	border-bottom-width: 0;
}

/* IE10 display: -ms-flexbox (and display: flex in IE 11) does not work inside a table; fall back to block and rely on font hack */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	table .pure-g {
		display: block;
	}
}


/**
 * Remove most spacing between table cells.
 */

#mab_form table {
  border-collapse: collapse;
  border-spacing: 0;
}


.vss_custom_row {
	width: 100%;
}

.vss_33width {
	width: 33%;
	float: left;
	padding-right: 10px;
}

.vss_50width {
	width: 50%;
	float: left;
	padding-right: 10px;
}

.total_stats_font {
	font-size: 3em;
	font-weight: 700;
	text-align: center;
}

.vss_center_align_ul {
	width: 80%;
	margin: 0 auto;
}


#vss_mab_graph_stats
{
	height: 400px; width: 1000px; margin: 0 auto;
}

#vss_mab_device_stats, #vss_mab_country_stats
{
	height: 300px; width: 500px; margin: 0 auto;
}

#image_preview {
	border: 1px solid rgba(128, 128, 128, 0.54);
}

/* Validation CSS Start */
.kb_error_field, .kb_email_error_field {
	border: 1px solid #F44336 !important;
}

.kb_error_message, .kb_email_error_message {
	color: #F44336;
}

.kb_email_success_message {
	color: #4caf50;
}

.error-icon {
	float: right;
	color: #ff0000;
}
/* Validation CSS End */

.content-header {
	display: none;
}


/* Date Time Picker CSS */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }
/* Date Time Picker CSS */