/* Basic Overwrites/Resets - Start */

.prprice_rules {padding: 20px;}

.product_categories_list {list-style-type: none !important; }

.unpublishablereasons, .bol_errors {
background: #ffd1cf;
    border: 1px solid #da4f49;
    color: #da4f49;
    padding: 7px 10px;
	margin: 10px 0px;
}

.bol_errors:empty{
	display:none;
}

.empty_option {
	border: 1px solid red;
}

#tab-related_options td {
width: 200px !important; 
}

#tab-related_options select {display: block !important; width: 100% !important;}

#tab-related_options input[type=text] { display: block !important; width: 93% !important; }

#export_new_form .checkbox {float: left;width: 30%;}

@media screen and (max-width: 800px) {
#export_new_form .checkbox {width: 100% !important;}
}

#export_new_form a.button {margin: 15px 0!important;}

#export_new_form .checkbox input {margin-top: 5px !important;}

#export_new_form .form-group label {width: 100% !important;}


@media screen and (max-width: 1400px) {
#rule input[style] {width: 98.4% !important; }
#rule select[style] {width: 100% !important; }
#rule .ui-autocomplete-input[style] {float: left !important;}
#rule .btn-primary {width: 100% !important;padding: 10px 0 !important;}
}

@media screen and (max-width: 800px) {
#rule input[style] {width: 98% !important; }
}


@media screen and (max-width: 450px) {
#rule input[style] {width: 96% !important; }

}

html,
body,
input,
select,
textarea{
	color: #0a2658;
	font-family: "Open Sans", sans-serif;
text-rendering: optimizeLegibility;
}
html,
body {
	font-size: 13px;
background-image: none !important; 
background-color: #fff !important;

}

body.login {
  background-color:#212529;
}



a,
a:visited{
	color: #000000;
	cursor: pointer;
	font-weight: normal;
	text-decoration: none;
}
a.btn-danger,
a.btn-danger:visited,
a.btn-primary,
a.btn-primary:visited, a.btn-info,
a.btn-info:visited,
a.btn-success,
a.btn-success:visited,
a.btn-warning,
a.btn-warning:visited,
a.btn-inverse,
a.btn-inverse:visited{
	color: #FFFFFF;
}
a:hover,
a:focus{
	color: #000;
	text-decoration: none;
}


a.button,
.list a.button{

}
a.button,
.list a.button{
	background-color: #f5f5f5;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	color: #333333;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: normal !important;
	text-decoration: none !important;
	line-height: 20px;
	padding: 9px 17px;
	text-align: center;
	vertical-align: middle;
	margin: 0 0 0 5px !important;

}
.btn{
	font-weight: normal !important;
	margin: 0 0 0 5px;
	text-decoration: none !important;
	background-image: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-color: #ccc;
	text-shadow: none;
        border-radius: 5px;
}
.btn.btn-primary{
	color: #ffffff;
	border-color: #0a2658;
	background-color: #0a2658;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus{
	background-color: #0a2658;
}

.btn.btn-success{
	color: #ffffff;
	border-color: ##02658;
	background-color: #0a2658;
}


.login .btn.btn-success{
width: 100%;
margin: 20px 0 0 0 !important;
}


.btn.btn-info{
	color: #ffffff;
	border-color: #46b8da;
	background-color: #49afcd;
}

.btn.btn-warning{
	color: #ffffff;
	border-color: #eea236;
	background-color: #faa732;
}

.btn.btn-danger{
	color: #ffffff;
	border-color: #d43f3a;
	background-color: #da4f49;
}

.clear{
	clear: both;
}
.hidden{
	display: none;
}
.row-fluid .c-widget-small[class*="span"]{
	margin-left: 0;
	margin-right: 1.28%;
}
.row-fluid .c-widget-large[class*="span"]{
	margin-left: 0;
	margin-right: ;
}
.row-fluid .c-widget[class*="span"]:last-child{
	margin-left: 0;
	margin-right: 0;
}
.loading{
	display: none;
	float: right;
	height: 32px;
	margin: 8px 0 0 10px;
	width: 32px;
}
.success{
	background: #DFF0D8;
	border: 1px solid #468847;
	color: #468847;
	cursor: pointer;
	left: 30%;
	padding: 13px 35px 13px 35px;
	position: fixed;
	right: 30%;
	text-align: center;
	top: 0px;
	z-index: 1000;
	border-radius: 5px;
}
.warning{
	background: #efcbcb;
    border: 1px solid #B94A48;
    color: #B94A48;
	cursor: pointer;
	left: 30%;
	padding: 13px 35px 13px 35px;
	position: fixed;
	right: 30%;
	text-align: center;
	top: 10px;
	z-index: 1001;
	border-radius: 5px;
}
.success:empty,
.warning:empty{
	display: none;
}
.error{
	background-color: #F2DEDE;
	border: 1px solid #EED3D7;
	color: #B94A48;
	display: block;
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	letter-spacing: normal;
	line-height: normal;
	margin-bottom: 20px;
	padding: 8px 35px 8px 14px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.form-signin .error {
	clear: both; 
}

[class^="icon-"],
[class*=" icon-"]{
	background-image: url("../../../image/admin_theme/base5builder_circloid/glyphicons-halflings.png");
}
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"]{
	background-image: url("../../../image/admin_theme/base5builder_circloid/glyphicons-halflings-white.png");
}
.container-fluid{
	padding: 0;
}
.visible-small-phone{
	display: none;
}
/* Basic Overwrites/Resets - End */

/* Login Page - Start */
#content.login #logo{
	text-align: center;
}
#content.login{
	margin: 100px auto 0;
	max-width: 550px;
	padding: 75px 20px;
}
.form-signin{
	background: #FFFFFF;
	margin: 5px 0 0;
	padding: 90px;
border-radius:5px;
}
.login-header-image{
	float: left;
	margin: 2px 0 0;
	width: 32px;
}
.form-signin-heading{
	margin: 0 0 25px;
}
.form-signin-heading h2{
	font-size: 24px;
	font-weight: 600;
	line-height: normal;
	margin: 0;
}
.form-item{
	margin-bottom: 10px;
}
.form-signin label{
	display: block;
	line-height: 25px;
	margin-bottom: 5px;
	max-width: 92px;
}
.form-signin .form-signin-fields input{
	float: right;
width: 100% !important;
max-width: 100% !important;
height: 43px !important;
margin-top: 5px;
}
.form-signin-buttons{
	float: right;
 width: 100%; 
}
/* Login Page - End */

/* Header (All pages except Login Page) - Start */
/* Logo */
.header .logo {
	float: left;
	height: -webkit-fill-available;
	display: flex;
    align-items: center;
}

.header .logo a {
	color: #0a2658;
	font-size: 32px;
	font-weight: 800;
}

.header .logo img{
	width: 60%;
	height: auto;
}

@media (min-width: 768px) and (max-width: 979px) {
	.header .logo img{
		width: 40%;
	}
}

/* Logged In User */
.header .admin-info{
	color: #FFFFFF;
	float: right;
	margin: 9px 0 8px;
	vertical-align: middle;
}
.header .admin-info img{
	margin: 0 5px 0 0;
}

/* Menu Control On Mobile Devices */
#menu-control{
	display: none;
}
#menu-control .menu-control-outer{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 0 auto;
	width: 38px;
}
#menu-control .menu-control-outer .menu-control-inner{
	cursor: pointer;
	padding-top: 6px;
}

#menu-control .menu-control-outer .menu-control-inner i {color: #0a2658; font-size: 24px;}

/* Stock Alert */
.stock-alert-header{
	float: right;
	margin: 0 30px 0 10%;
	min-width: 100px;
}
.stock-alert-header .stock-alert{
	position: relative;
	-webkit-transition: background-color 0.9s;
	-moz-transition: background-color 0.9s;
	-o-transition: background-color 0.9s;
	transition: background-color 0.9s;
}
.stock-alert-header .stock-alert a,
.stock-alert-header .stock-alert a:visited{
	color: #0a2658;
	font-weight: normal;
	position: relative;
	text-decoration: none;
}
.stock-alert-header .stock-alert a:hover,
.stock-alert-header .stock-alert a:focus{
	color: #1D1D1D;
	text-decoration: none;
}
.stock-alert-header .low-stock-alert{
	background: none repeat scroll 0 0 #FF7E00;
	float: left;
	height: 43px;
	margin: 6px 15px 0 0;
	text-align: center;
	width: 43px;
	border-radius: 25px
}
.stock-alert-header .low-stock-alert:hover,
.stock-alert-header .low-stock-alert:focus{
	background: none repeat scroll 0 0 #FCB928;
}
.stock-alert-header .low-stock-alert img{
	height: 32px;
	padding: 6px;
	width: 32px;
}
.stock-alert-header .out-stock-alert{
	background: none repeat scroll 0 0 #C10000;
	float: left;
	height: 43px;
	margin: 6px 10px 0 0;
	text-align: center;
	width: 43px;
	border-radius: 25px;
}
.stock-alert-header .out-stock-alert:hover,
.stock-alert-header .out-stock-alert:focus{
	background: none repeat scroll 0 0 #E41F1F;
}
.stock-alert-header .out-stock-alert img{
	height: 32px;
	padding: 6px;
	width: 32px;
}
.stock-alert-header .stock-alert .alert-label{
	bottom: -10px;
	cursor: pointer;
	display: none;
	left: -67%;
	position: absolute;
	text-align: center;
	width: 100px;
}
.stock-alert-header .stock-alert .stock-number-outer{
	background: none repeat scroll 0 0 #ED1F24;
	bottom: -1px;
	height: 20px;
	padding-top: 2px;
	position: absolute;
	right: -5px;
	width: 22px;
	z-index: 10;
	border-radius: 15px;
}
.stock-alert-header .stock-alert .stock-number-inner{
	height: 16px;
	margin: 0 0 0 2px;
	width: 16px;
}
.stock-alert-header .stock-alert .stock-number{
	color: #FFFFFF;
	font-size: 11px;
	position: relative;
	text-align: center;
	top: 0px;
	left: 1px;
}

/* Seconday Menu */
.header .secondary-menu{
	float: right;
	margin: 0;
}
.header .secondary-menu ul{
	list-style: none outside none;
	margin: 0;
}
.header .secondary-menu > ul > li{
	display: inline-block;
	line-height: 64px;
	padding: 0px 20px  0px !important;
}
.header .secondary-menu > ul > li#store{
	padding-right: 10px;
	position: relative;
}
.header .secondary-menu > ul > li > a,
.header .secondary-menu > ul > li > a:visited{
	color: #0a2658;
	text-decoration: none;
	font-size: 17px; 
}

.header .secondary-menu > ul > li > a:hover,
.header .secondary-menu > ul > li > a:focus{
	text-decoration: underline;
}
.header .secondary-menu > ul ul{
	background: none repeat scroll 0 0 #ffffff;
	border-bottom: 3px solid #00A99D;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	-webkit-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.25);
	box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.25);
	display: none;
	list-style: none outside none;
	margin: 0;
	min-width: 165px;
	position: absolute;
	right: 0;
	text-align: left;
	top: 10px;
	z-index: 11;
}
.header .secondary-menu > ul > li > ul li{
	background: none repeat scroll 0 0 #FFFFFF;
	border-bottom: 1px solid #C2C2C2;
	width: 194px;
}
.header .secondary-menu > ul > li > ul a,
.header .secondary-menu > ul > li > ul a:visited{
	color: #1D1D1D;
	display: block;
	font-weight: normal;
	padding: 8px 15px;
	text-decoration: none;
}
.header .secondary-menu > ul > li > ul a:hover,
.header .secondary-menu > ul > li > ul a:focus{
	background-color: #F7F7F7;
	color: #000;
}
/* Header (All pages except Login Page) - End */

/* Left Column - Start */
/* General */
#left-column{
	float: left;
	width: 15%;
}

/* Left/Main Menu */
div#mainnav{
padding: 0 !important; 
}
ul.mainnav{
	list-style: none outside none;
	margin: 0;
	padding:  22px !important;
}
ul.mainnav a, ul.mainnav a:visited{
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	color: #fff;
}
ul.mainnav > li{
	position: relative;
	text-align: left;
    margin-bottom: 5px;
}

/* First Level Menu Styles */
/* Menu Item - Default State */
ul.mainnav > li > a, ul.mainnav > li > a:visited{
	color: #0a2658;
	display: block;
	padding: 20px 0 20px;
}
ul.mainnav > li#dashboard > a{
	background-position: 11px -17px;
}
ul.mainnav > li#catalog > a{
	background-position: 11px -111px;
}
ul.mainnav > li#extension > a{
	background-position: 11px -203px;
}
ul.mainnav > li#sale > a{
	background-position: 11px -299px;
}
ul.mainnav > li#system > a{
	background-position: 11px -390px;
}
ul.mainnav > li#reports > a{
	background-position: 11px -484px;
}
ul.mainnav > li#help > a{
	background-position: 11px -578px;
}

/* Menu Item - Hover State */
ul.mainnav > li.menu-open > a, ul.mainnav > li > a:hover, ul.mainnav > li > a:focus{
	color: #4154f1;
	padding-bottom: 10px;
}
ul.mainnav > li#dashboard.menu-open > a, ul.mainnav > li#dashboard > a:hover, ul.mainnav > li#dashboard > a:focus{
	background-position: -161px -17px;
	border-bottom: none !important;
}
ul.mainnav > li#catalog.menu-open > a, ul.mainnav > li#catalog > a:hover, ul.mainnav > li#catalog > a:focus{
	background-position: -161px -111px;
	border-bottom: none !important;
}
ul.mainnav > li#extension.menu-open > a, ul.mainnav > li#extension > a:hover, ul.mainnav > li#extension > a:focus{
	background-position: -161px -203px;
	border-bottom: none !important;
}
ul.mainnav > li#sale.menu-open > a, ul.mainnav > li#sale > a:hover, ul.mainnav > li#sale > a:focus{
	background-position: -161px -299px;
	border-bottom: none !important;
}
ul.mainnav > li#system.menu-open > a, ul.mainnav > li#system > a:hover, ul.mainnav > li#system > a:focus{
	background-position: -161px -390px;
	border-bottom: none !important;
}
ul.mainnav > li#reports.menu-open > a, ul.mainnav > li#reports > a:hover, ul.mainnav > li#reports > a:focus{
	background-position: -161px -484px;
	border-bottom: none !important;
}
ul.mainnav > li#help.menu-open > a, ul.mainnav > li#help > a:hover, ul.mainnav > li#help > a:focus{
	background-position: -161px -578px;
	border-bottom: none !important;
}

/* Menu Item - Selected State */
ul.mainnav > li.selected > a, ul.mainnav > li.selected > a:visited{
	color: #4154f1;
	padding-bottom: 10px;
	border: none !important; 
}
ul.mainnav > li.selected > a, ul.mainnav > li.selected > a:visited, ul.mainnav > li a:hover,
ul.mainnav > li.menu-open > a {
	background: #F6F9FC !important;
	border-bottom: none !important;
	border-radius: 5px;
	font-weight: 600; 
	transition: 0.3s;
}

ul.mainnav > li ul li a{
	border-bottom: none !important;
font-weight: normal !important; 
}


ul.mainnav > li#catalog.selected > a, ul.mainnav > li#catalog.selected > a:visited{
	background-position: -306px -111px;
	border-bottom: none !important;
}
ul.mainnav > li#extension.selected > a, ul.mainnav > li#extension.selected > a:visited{
	background-position: -306px -203px;
	border-bottom: none !important;
}
ul.mainnav > li#sale.selected > a, ul.mainnav > li#sale.selected > a:visited{
	background-position: -306px -299px;
	border-bottom: none !important;
}
ul.mainnav > li#system.selected > a, ul.mainnav > li#system.selected > a:visited{
	background-position: -306px -390px;
	border-bottom: none !important;
}
ul.mainnav > li#reports.selected > a, ul.mainnav > li#reports.selected > a:visited{
	background-position: -306px -484px;
	border-bottom: none !important;
}
ul.mainnav > li#help.selected > a, ul.mainnav > li#help.selected > a:visited{
	background-position: -306px -578px;
	border-bottom: none !important;
}
ul.mainnav > li > ul{
	background: none repeat scroll 0 0 #FFFFFF;
	display: none;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	/*position: absolute;
	right: -224px;
	text-align: left;
	top: -30px;
	width: 222px;*/
	z-index: 1;
}


.mainnav_container{
	overflow-y: auto;
	height: 100%;
}

.mainnav_container::-webkit-scrollbar {
  width: 5px;
}


.mainnav_container::-webkit-scrollbar-thumb {
  background: #888;
}

.mainnav_container::-webkit-scrollbar-thumb:hover {
  background: #555;
}

ul.mainnav > li > ul > li{
    padding: 3px 0;
}
ul.mainnav > li > ul > li a{
	border-bottom: 1px solid #C2C2C2;
	color: #1D1D1D;
	display: block;
	line-height: 33px;
}

ul.mainnav > li > ul > li a.parent{
	background: url("../../../image/admin_theme/base5builder_circloid/color_profiles/purple_profile/css-sprite.png") no-repeat scroll -16px -706px rgba(0, 0, 0, 0);
}

ul.mainnav > li > ul > li a.parent {background: none; }

ul.mainnav > li > ul > li > a{
	padding: 0 0 0 22px;
}
ul.mainnav > li > ul > li ul{
	display: none;
	list-style: none outside none;
	margin: 0;
}
/* Second Level Menu Styles */
ul.mainnav > li > ul > li > ul{
}
ul.mainnav > li > ul > li > ul > li{
    padding: 3px 0;
}
ul.mainnav > li > ul > li > ul > li > a{
	padding: 0 0 0 35px;
}
/* Third Level Menu Styles */
ul.mainnav > li > ul > li > ul > li > ul{
}
ul.mainnav > li > ul > li > ul > li > ul > li{
    padding: 3px 0;
}
ul.mainnav > li > ul > li > ul > li > ul > li > a{
	padding: 0 0 0 70px;
}
/* Fourth Level Menu Styles (Just in case a 3rd party extension uses 4 levels) */
ul.mainnav > li > ul > li > ul > li > ul > li > ul{
}
ul.mainnav > li > ul > li > ul > li > ul > li > ul > li{
}
ul.mainnav > li > ul > li > ul > li > ul > li > ul > li > a{
	padding: 0 0 0 85px;
}

/* Left Column - End */

/* Right Column - Start */
/* General */
#right-column{
	background: #f6f9ff;
        float: left;
        width: 85%;
        padding-bottom: 75px;
}

#right-column #content{
	border-top: 0 !important;
	min-height: 80vh;
	padding: 20px 35px 35px;
	border-radius: 0;
    margin-bottom: 20px;
}

@media (min-width: 1920px) and (max-width: 2560px)  {
    #right-column #content{
		margin-bottom: 46px;
	}
}

#right-column.common #content{
	border-top: 0px !important;
	border-radius: 0;
}
#right-column.catalog #content{
	border-top: 5px solid #E86219;
}
#right-column.extension #content{
	border-top: 5px solid #FFC40D;
	border-radius: 10px;
}
#right-column.sale #content{
	border-top: 5px solid #2D89EF;
}
#right-column.setting #content{
	border-top: 5px solid #0a2658;
}
#right-column.report #content{
	border-top: 5px solid #99B433;
}
#right-column.help #content{
	border-top: 5px solid #0a2658;
}
.breadcrumb{
	background-color: #EFEFEF;
	margin: 0;
	padding: 5px 10px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.breadcrumb a:link,.breadcrumb a:visited{
}

/* Main Content Area */
.heading{
	margin: 10px 0 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.heading.withPageTour {
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.common .heading{
	margin: 10px 0 5px;
}
.heading h1{
	color: #0a2658;
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
}

@media (max-width: 320px) {
	.heading h1{
		font-size: 28px;
	}
}

.heading h1 img{
	font-size: 10px;
	vertical-align: bottom;
}

.pageTourButton {
	background-color: #0a2658;
    color: white;
    padding: 8px 20px;
    border-radius: 40px;
	cursor: pointer;
	
}

.pageTourButton i {
	margin-right: 10px;
}

h2,
.h2{
	color: #0a2658;
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	margin: 0;
}
h3,
.h3{
	color: #0a2658;
	font-size: 18px;
	font-weight: 300;
	line-height: 32px;
	margin: 0 0 2px 0;
}
h4,
.h4{
	color: #0a2658;
	font-size: 16px;
	font-weight: 300;
	margin: 0;
}
h5,
.h5{
	color: #0a2658;
}
h6,
.h6{
	color: #0a2658;
}
.buttons{
	float: right;
	margin: 10px 0;
	text-align: right;
}
.content{
	float: left;
	width: 100%;
}

/* Dashboard Styles */
/* General */
#right-column.common select{
	font-size: 12px;
	height: auto;
	line-height: normal;
	margin: 0;
	padding: 3px 6px;
	width: auto;
}
.content .c-widget{
	margin-bottom: 12px;
}
.c-widget .dashboard-content{
	background: none repeat scroll 0 0 #FFFFFF;
	-webkit-border-radius: 0 0 2px 2px !important;
	-moz-border-radius: 0 0 2px 2px !important;
	border-radius: 0 0 2px 2px !important;
}

/* Charts Tooltips */
#flotTip {
	background: none repeat scroll 0 0 #FFFFFF;
	border-bottom: 1px solid #D6D6D9;
	border-right: 1px solid #D6D6D9;
	border-left: 1px solid #D6D6D9;
	border-top: 3px solid #00a99d;
	color: #1d1d1d;
	font-size: 0.9em;
	opacity: 0.85;
	padding: 5px 10px;
	-webkit-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.2);
	box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.2);
}
.flot-x-axis .flot-tick-label.tickLabel.hidden-tooltip{
	display: none;

}

/* Order/Customer Statistics - Large */
.order-customer-statistic{
	float: left;
	width: 100%;
}
.content .order-customer-statistic.c-widget{
	margin-right: 0;
}
.order-customer-statistic .dashboard-content{
	clear: both;
	padding: 10px;
	max-height: none;
}
body.default-profile .order-customer-statistic .dashboard-content{
	border-bottom: 3px solid #00A99D;
}
.order-customer-statistic #order-customer-chart{
	height: 200px;
}
.order-customer-statistic .range,
.order-customer-statistic .order-status{
	float: right;
}
.order-customer-statistic .order-status{
	margin-right: 9px;
	padding-right: 19px;
	border-right: 1px solid #ccc;
}
.order-customer-statistic .range .range-label,
.order-customer-statistic .order-status .order-status-label{
	float: left;
	padding: 3px 6px;
}
.order-customer-statistic .range select#range-order-customer,
.order-customer-statistic .order-status select#order-status-customer{
	float: left;
}
.order-customer-statistic .order-customer-legend{
	float: left;
	width: 200px;
}
.order-customer-statistic .order-customer-legend-box{
	margin: 0 0 3px;
}
.order-customer-statistic .order-customer-legend-box .order-customer-legend-color{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #DEDEDE;
	float: left;
	height: 18px;
	margin: 0 10px 0 0;
	width: 18px;
}
.order-customer-statistic .order-customer-legend-box .legend-color-box{
	height: 14px;
	margin: 2px;
	width: 14px;
}
.order-customer-statistic .order-customer-legend-box.stat-1 .legend-color-box{
}
.order-customer-statistic .order-customer-legend-box.stat-2 .legend-color-box{
}
.order-customer-statistic .custom-range-fields{
	border-right: 1px solid #ccc;
	display: none;
	float: right;
	margin-right: 9px;
	padding-right: 19px;
	margin-left: 10px;
}
.order-customer-statistic .custom-range-fields .range-custom-input{
	font-size: 13px;
	height: 17px;
	width: auto;
}
.order-customer-statistic .custom-range-fields input,
.order-customer-statistic .custom-range-fields button{
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

/* Order/Customer Statistics Day/Week/Month/Year - Small */
.order-customer-statistic-day,
.order-customer-statistic-week,
.order-customer-statistic-month,
.order-customer-statistic-year{
	float: left;
	width: 48%;
}
.order-customer-statistic-day .dashboard-content,
.order-customer-statistic-week .dashboard-content,
.order-customer-statistic-month .dashboard-content,
.order-customer-statistic-year .dashboard-content{
	clear: both;
	max-height: 122px;
	padding: 10px;
}
body.default-profile .order-customer-statistic-day .dashboard-content{
	border-bottom: 3px solid #0a2658;
}
body.default-profile .order-customer-statistic-week .dashboard-content{
	border-bottom: 3px solid #2D89EF;
}
body.default-profile .order-customer-statistic-month .dashboard-content{
	border-bottom: 3px solid #0a2658;
}
body.default-profile .order-customer-statistic-year .dashboard-content{
	border-bottom: 3px solid #0a2658;
}
.order-customer-statistic-day #order-customer-chart-day,
.order-customer-statistic-week #order-customer-chart-week,
.order-customer-statistic-month #order-customer-chart-month,
.order-customer-statistic-year #order-customer-chart-year{
	height: 103px;
}
.order-customer-statistic-day .order-customer-legend,
.order-customer-statistic-week .order-customer-legend,
.order-customer-statistic-month .order-customer-legend,
.order-customer-statistic-year .order-customer-legend{
}
.order-customer-statistic-day .order-customer-legend-box,
.order-customer-statistic-week .order-customer-legend-box,
.order-customer-statistic-month .order-customer-legend-box,
.order-customer-statistic-year .order-customer-legend-box{
	float: left;
	margin: 0 15px 3px 0;
}
.order-customer-statistic-day .order-customer-legend-box .order-customer-legend-color,
.order-customer-statistic-week .order-customer-legend-box .order-customer-legend-color,
.order-customer-statistic-month .order-customer-legend-box .order-customer-legend-color,
.order-customer-statistic-year .order-customer-legend-box .order-customer-legend-color{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #DEDEDE;
	float: left;
	height: 14px;
	margin: 0 10px 0 0;
	width: 14px;
}
.order-customer-statistic-day .order-customer-legend-box .legend-color-box,
.order-customer-statistic-week .order-customer-legend-box .legend-color-box,
.order-customer-statistic-month .order-customer-legend-box .legend-color-box,
.order-customer-statistic-year .order-customer-legend-box .legend-color-box{
	height: 10px;
	margin: 2px;
	width: 10px;
}
.order-customer-statistic-day .order-customer-legend-box.stat-1 .legend-color-box,
.order-customer-statistic-week .order-customer-legend-box.stat-1 .legend-color-box,
.order-customer-statistic-month .order-customer-legend-box.stat-1 .legend-color-box,
.order-customer-statistic-year .order-customer-legend-box.stat-1 .legend-color-box{
	background: none repeat scroll 0 0 #939BCB;
}
.order-customer-statistic-day .order-customer-legend-box.stat-2 .legend-color-box .order-customer-statistic-week .order-customer-legend-box.stat-2 .legend-color-box .order-customer-statistic-month .order-customer-legend-box.stat-2 .legend-color-box .order-customer-statistic-year .order-customer-legend-box.stat-2 .legend-color-box{
	background: none repeat scroll 0 0 #82D14D;
}
.order-customer-statistic-day .order-customer-legend-box .order-customer-legend-text,
.order-customer-statistic-week .order-customer-legend-box .order-customer-legend-text,
.order-customer-statistic-month .order-customer-legend-box .order-customer-legend-text,
.order-customer-statistic-year .order-customer-legend-box .order-customer-legend-text{
	line-height: 16px;
	margin: 0 0 0 22px;
	width: 128px;
}

/* Sales Value Block */
.sales-value{
	float: left;
	width: 333px;
}
.sales-value .dashboard-content{
	clear: both;
	padding: 10px 0;
	height: 385px;
	overflow-y: auto;
}
body.default-profile .sales-value .dashboard-content{
	border-bottom: 3px solid #F38630;
}
.sales-value .dashboard-overview-outer{
	overflow: hidden;
}
.sales-value .sales-value-chart{
	float: left;
	margin: 0 0 10px 4%;
	max-height: 149px;
	text-align: center;
	width: 46%;
}
.sales-value #sales-value-chart{
	height: 126px;
	margin-left: auto;
	margin-right: auto;
	max-height: 149px;
	width: 99%;
}
.sales-value .sales-value-legend{
	float: left;
	padding: 10px 3% 0;
	width: 44%;
}
.sales-value .sales-value-legend > div{
	margin: 0 0 6px;
}
.sales-value .sales-value-legend .sales-this-year{
	position: relative;
}
.sales-value .sales-value-legend .sales-previous-years{
	position: relative;
}
.sales-value .sales-value-legend .sales-total{
	position: relative;
}
.sales-value .sales-value-legend .number-stat-legend-color{
	border: 1px solid #C6C6C6;
	padding: 2px;
	position: absolute;
	top: 2px;
}
.sales-value .sales-value-legend .number-stat-legend-color .legend-color-box{
	height: 10px;
	width: 10px;
}
.sales-value .sales-value-legend .sales-this-year .legend-color-box{
	background-color: #69D2E7;
}
.sales-value .sales-value-legend .sales-previous-years .legend-color-box{
	background-color: #F38630;
}
.sales-value .sales-value-legend .sales-total .legend-color-box{
	background-color: #FFFFFF;
}
.sales-value .sales-value-legend .number-stat-number{
	color: #006B99;
	font-size: 15px;
	padding: 0 0 0 20px;
}
.sales-value .sales-value-legend .number-stat-text{
	line-height: normal;
	padding: 0 0 0 20px;
}
.sales-value .sales-value-estimates{
	border-top: 1px solid #DEDEDE;
	clear: both;
}
.sales-value .sales-value-estimates .short-description{
	margin: 10px 0;
	padding: 0 10px;
}
.sales-value .sales-value-estimates .sales-value-estimates-figures{
}
.sales-value .sales-value-estimates .sales-value-estimates-figures .estimates{
	border-bottom: 1px solid #DEDEDE;
	padding: 7px 10px ;
}
.sales-value .sales-value-estimates .sales-value-estimates-figures .estimates > div{
	float: left;
}
.sales-value .sales-value-estimates .sales-value-estimates-figures .estimates .sales-value-estimates-timeframe{
	width: 160px;
}
.sales-value .sales-value-estimates .sales-value-estimates-figures .estimates .sales-value-estimates-arrow{
	display: none;
	height: 20px;
	width: 20px;
}
.sales-value .sales-value-estimates .sales-value-estimates-figures .estimates .sales-value-estimates-amount{
	color: #006B99;
	float: none;
	font-size: 15px;
	margin-left: 160px;
	text-align: right;
}

/* Other Stats Block */
.other-stats{
	float: left;
	width: 304px;
}
.other-stats .dashboard-content{
	clear: both;
	height: 310px;
	padding: 10px 0;
	overflow-y: auto;
}
body.default-profile .other-stats .dashboard-content{
	border-bottom: 3px solid #0a2658;
}
.other-stats .other-stats-block{
	border-bottom: 1px solid #DEDEDE;
	margin: 0 0 1px;
	padding: 9px 10px;
	width: auto;
}
.other-stats .other-stats-block .other-stats-block-number{
	color: #0a2658;
	display: inline-block;
	float: left;
	font-size: 22px;
	margin: 0 10px 0 0;
	text-align: right;
	width: 60px;
}
.other-stats .other-stats-block .other-stats-block-text{
	line-height: normal;
	margin-left: 60px;
}
.other-stats .other-stats-block .other-stats-block-text a{
	font-weight: normal;
}

/* Top Customer/Top Product Block */
.top-customers,
.top-products{
	float: left;
	width: 437px;
}
.top-customers .dashboard-content,
.top-products .dashboard-content{
	clear: both;
	padding: 10px;
	height: 310px;
	overflow-y: auto;
}
body.default-profile .top-customers .dashboard-content{
	border-bottom: 3px solid #0098D9;
}
body.default-profile .top-products .dashboard-content{
	border-bottom: 3px solid #A3C100;
}
.short-description{
	clear: both;
	color: #656565;
	margin: 0 0 10px;
}
.text_view,
.text_sold{
	display: none;
}
.top-customers-chart-outer,
.top-products-chart-outer{
	float: left;
	width: 49%;
	margin: 0 2% 0 0;
}
#top-customers-chart,
#top-products-chart{
	height: 206px;
	margin: 10px auto 0;
	width: 206px;
}
.top-customers-details,
.top-products-details{
}
.top-customers-details .range,
.top-products-details .range{
	margin: 0 0 10px;
}
.top-customers-details .range .range-label,
.top-products-details .range .range-label{
	float: left;
	margin: 3px 10px 0 0;
}
.top-customers-details .range #range-top-customers,
.top-products-details .range #range-top-products{
	float: left;
}
.top-customers-list,
.top-products-list{
	float: left;
	width: 49%;
}
.top-customers-list ul,
.top-products-list ul{
	list-style: none outside none;
	margin: 0;
}
.top-customers-list ul li,
.top-products-list ul li{
	border-bottom: 1px solid #DEDEDE;
	clear: both;
	list-style: none outside none;
	margin: 0;
	padding: 7px 0;
}
.top-customers-list ul li.top-customers-1 .image-number,
.top-products-list ul li.top-products-1 .image-number{
	background: url("../../../image/admin_theme/base5builder_circloid/icon-list-number-1.png") no-repeat scroll center top #FFFFFF;
}
.top-customers-list ul li.top-customers-2 .image-number,
.top-products-list ul li.top-products-2 .image-number{
	background: url("../../../image/admin_theme/base5builder_circloid/icon-list-number-2.png") no-repeat scroll center top #FFFFFF;
}
.top-customers-list ul li.top-customers-3 .image-number,
.top-products-list ul li.top-products-3 .image-number{
	background: url("../../../image/admin_theme/base5builder_circloid/icon-list-number-3.png") no-repeat scroll center top #FFFFFF;
}
.top-customers-list ul li.top-customers-4 .image-number,
.top-products-list ul li.top-products-4 .image-number{
	background: url("../../../image/admin_theme/base5builder_circloid/icon-list-number-4.png") no-repeat scroll center top #FFFFFF;
}
.top-customers-list ul li.top-customers-5 .image-number,
.top-products-list ul li.top-products-5 .image-number{
	background: url("../../../image/admin_theme/base5builder_circloid/icon-list-number-5.png") no-repeat scroll center top #FFFFFF;
}
.top-customers-list ul li .list-name,
.top-products-list ul li .list-name{
	color: #656565;
	margin: 0 0 0 20px;
	position: relative;
}
#top-customers-chart p,
#top-products-chart p{
	border: 1px dashed #656565;
	color: #656565;
	margin: 0 0 10px;
	padding: 5px;
	text-align: center;
}
.top-customers .top-customer-legend-color,
.top-products .top-products-legend-color{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #DEDEDE;
	float: left;
	height: 14px;
	margin: 2px 0 0;
	width: 14px;
}
.top-customers .top-customer-legend-color .legend-color-box,
.top-products .top-products-legend-color .legend-color-box{
	height: 10px;
	margin: 2px;
	width: 10px;
}

/* Latest Orders/Table Styles */
.latest{
	float: left;
	width: 100%;
}
.content .latest.c-widget{
	margin-right: 0;
}
.latest .dashboard-content{
	clear: both;
}
.latest .dashboard-content table{
	margin-bottom: 0;
}
body.default-profile .latest .dashboard-content{
	border-bottom: 3px solid #00A99D;
}
table.list{
	font-size: 13px;
	width: 100%;
	margin-bottom: 10px;
}
.list .desc{
	background: url("../../../image/admin_theme/base5builder_circloid/desc-white.png") no-repeat scroll right center rgba(0, 0, 0, 0);
	padding-right: 15px;
}
.list .asc{
	background: url("../../../image/admin_theme/base5builder_circloid/asc-white.png") no-repeat scroll right center rgba(0, 0, 0, 0);
	padding-right: 15px;
}
table.list tbody tr:hover{
	background: none repeat scroll 0 0 #FAFFD9;
}
table.list td{
	border: 1px solid #e5e5e5;
	padding: 5px 10px;
}
table.list td.left{
	text-align: left;
}
table.list td.right{
	text-align: right;
}
table.list td.center{
	text-align: center;
}
table.list thead{
	background-color: #0a2658;
	color: #FFFFFF;
}
table.list thead a:link,
table.list thead a:visited{
	color: #FFFFFF;
}
table.list thead a:hover,
table.list thead a:focus{
	text-decoration: underline;
}
table.list tbody{
	background-color: #FFFFFF;
}

/* Dashboard Editor */
#dashboard{
}
#dashboard-editor{
}
#dashboard-editor .dashboard-editor-color-profile,
#dashboard-editor .dashboard-editor-widget-editor{
	margin: 0 0 10px;
}
#dashboard-editor .dashboard-editor-color-profile .sub-heading,
#dashboard-editor .dashboard-editor-widget-editor .sub-heading{
	clear: both;
	position: relative;
}
#dashboard-editor .dashboard-editor-color-profile .buttons,
#dashboard-editor .dashboard-editor-widget-editor .buttons{
	float: right;
	margin: 2px 0 0;
	position: static;
}
.toggle-visible{
}
.toggle-hidden{
	display: none;
}
#dashboard-layout{
	display: block;
}
#c-gridster-data{
	/*display: none;*/
}
span.enabled{
	color: #008700;
}
span.disabled{
	color: #FF0000;
}
#create-new-layout-modal .success,
#create-new-layout-modal .warning{
	border-bottom-width: 1px;
	border-left-width: 0;
	border-right-width: 0;
	position: static;
}
.circloid-settings-content{
	clear: both;
}

/* Modal Box/Create New Layout Window */
.modal{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin-left: -169px;
	max-width: 380px;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	box-shadow: 0;
}
.modal-header{
	background: #FFFFFF;
	padding-top: 17px;
}
.modal-body form{
	margin: 0;
}
.modal-body .form-item{
	margin: 0 0 10px;
}
.modal-body label{
	display: inline-block;
	font-size: 12px;
	margin-bottom: 5px;
	max-width: 95px;
}
.modal-body select,
.modal-body input{
	float: right;
	margin-bottom: 0;
	max-width: 245px;
}

/* ACTUAL Widget Layout Editor */
#layout-editor-left{
	float: left;
	width: 50%;
}
#layout-editor-right{
	float: left;
	width: 50%;
}
.layout-details form label{
	float: left;
	font-size: 13px;
	margin: 3px 10px 3px 0;
	width: 150px;
}
.layout-details form input{
	width: auto;
}
.widget-details{
	color: #1D1D1D;
}
.disabled-widgets,
.enabled-widgets{
	float: left;
	margin: 0 2% 0 0;
	width: 48%;
}
#sortable1,
#sortable2{
	border: 1px dashed #EEEEEE;
	float: left;
	list-style-type: none;
	margin: 0;
	min-height: 58px;
	padding: 3%;
	width: 95%;
}
#sortable1:hover,
#sortable2:hover{
	border: 1px dashed #AAAAAA;
}
#sortable1 li,
#sortable2 li{
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	cursor: move;
	margin: 0 0 12px;
	padding: 5px;
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -o-box-shadow 0.5s;
	transition: box-shadow 0.5s;
}
#sortable1 li{
	background: none repeat scroll 0 0 #FFFFFF;
	border-top: 3px solid #EE1111;
}
#sortable2 li{
	background: none repeat scroll 0 0 #FFFFFF;
	border-top: 3px solid #00A99D;
}
#sortable1 li:hover,
#sortable2 li:hover{
	-webkit-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.25);
	box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.25);
}
.widget-details .widget-details-number{
	float: left;
	width: 20px;
}
.widget-details .widget-details-name{
	margin: 0 0 0 20px;
	padding: 0 0 3px 5px;
}
.widget-details .widget-details-colors{
	border-top: 1px dashed #8C8C8C;
	margin: 0 0 0 20px;
	padding: 6px 0 0 5px;
}
#sortable1 li.enabled-widget,
#sortable2 li.disabled-widget{
	border-top: 3px solid #FFC40D;
}

/* Color Picker */
.sp-dd{
	padding: 0 !important;
}
.sp-preview{
	height: 15px !important;
	width: 15px !important;
}
.layout-editor-preview-inner{
	border: 3px dashed #DDDDDD;
	margin: 0 0 0 100px;
	min-height: 435px;
	padding: 20px;
}

/* Preview Box */
#preview-box{
	margin: 0 auto;
}
.preview-layout{
	margin: 0 0 19px;
	text-align: center;
}
.preview-box-widget{
	background: none no-repeat scroll 0 0 #FFFFFF;
	border-color: #dedede #dedede #2D89EF;
	border-style: solid;
	border-width: 1px 1px 3px;
	float: left;
	font-size: 11px;
	height: 52px;
	margin: 0 1% 10px 0;
	text-align: center;
	width: 48%;
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -o-box-shadow 0.5s;
	transition: box-shadow 0.5s;
}
.preview-box-widget:hover{
	-webkit-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.25);
	box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.25);
}
.preview-box-widget.preview-box-order_customer_statistic{
	background-image: url("../../../image/admin_theme/base5builder_circloid/icon-widget-line-chart-large.png");
	background-position: 10px center;
	height: 70px;
	width: 100%;
}
.preview-box-widget.preview-box-order_customer_statistic_day,
.preview-box-widget.preview-box-order_customer_statistic_week,
.preview-box-widget.preview-box-order_customer_statistic_month,
.preview-box-widget.preview-box-order_customer_statistic_year{
	background-image: url("../../../image/admin_theme/base5builder_circloid/icon-widget-line-chart-normal.png");
	background-position: 10px center;
	width: 31.6239%;
}
.preview-box-widget.preview-box-sales_value{
	background-image: url("../../../image/admin_theme/base5builder_circloid/icon-widget-pie-chart.png");
	background-position: 10px center;
	height: 114px;
	width: 31.6239%;
}
.preview-box-widget.preview-box-other_stats{
	background-image: url("../../../image/admin_theme/base5builder_circloid/icon-widget-misc.png");
	background-position: 10px center;
	height: 114px;
	width: 31.6239%;
}
.preview-box-widget.preview-box-top_customers{
	background-image: url("../../../image/admin_theme/base5builder_circloid/icon-widget-customer.png");
	background-position: 10px center;
	height: 114px;
	width: 31.6239%;
}
.preview-box-widget.preview-box-top_products{
	background-image: url("../../../image/admin_theme/base5builder_circloid/icon-widget-products.png");
	background-position: 10px center;
	height: 114px;
	width: 31.6239%;
}
.preview-box-widget.preview-box-latest{
	background-image: url("../../../image/admin_theme/base5builder_circloid/icon-widget-orders.png");
	background-position: 10px center;
	height: 100px;
	width: 100%;
}
.row-fluid .preview-box-widget[class*="span"]{
	margin-left: 0;
	margin-right: 1.28%;
}

/* Right Column Content */
table{
	width: 100%;
}
table input, table select{
	width: auto;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
table.form > tbody > tr > td:first-child{
	width: 300px;
}

table.form50 > tbody > tr > td:first-child {
	width: 50%;
}


table.form > tbody > tr > td{
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px;
}
table td{
	padding-bottom: 10px;
}
.required{
	color: #FF0000;
}
.help{
	color: #666666;
	display: block;
	font-size: 11px;
	font-weight: normal;
}
.htabs{
	height: 30px;
	line-height: 16px;
	margin-bottom: 15px;
	padding: 0;
}
.htabs a{
	background: #fff;
	color: #0a2658 !important;
	display: none;
	float: left;
	font-size: 13px;
	margin-right: 10px;
	padding: 7px 15px 6px;
	text-align: center;
	text-decoration: none;
}
.htabs a.selected{
	background: none repeat scroll 0 0 #FFFFFF;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;
	padding-bottom: 7px;
}
#tabs, #htabs{
	height: auto;
}
#tabs a, #htabs a{
        display: inline-block;
        float: none;
        padding: 17px 25px;
        font-weight: 700;
        box-shadow: 0px 0px 20px rgba(1, 41, 112, 0.1);
        border-radius: 5px;
}
#tabs a.selected, #htabs a.selected{
	border: 1px solid #BBBBBB;
}
.vtabs{
	display: block;
	float: left;
	min-height: 300px;
	width: 190px;
}
.vtabs a{
	display: none;
}
.vtabs a,
.vtabs span{
	background: #fff;
clear: both;
    color: #0a2658;
    display: block;
    float: left;
    font-size: 13px;
    margin-bottom: 11px;
    padding: 10px 14px 10px 15px;
    text-align: right;
    text-decoration: none;
    width: 160px;
    border-radius: 5px;
    box-shadow: 0px 0px 20px rgba(1, 41, 112, 0.1);
}
.vtabs a.selected{
	background: none repeat scroll 0 0 #0a2658;
	padding-right: 15px;
    color: #fff; 
    font-weight: 700; 
}
.vtabs a img,
.vtabs span img{
	cursor: pointer;
	position: relative;
	top: 3px;
}
.vtabs-content{
	margin-left: 205px;
}
.vtabs img,
.htabs img{
	vertical-align: top;
}
.scrollbox{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	height: 100px;
	margin: 0 0 2px;
	overflow-y: scroll;
	width: 350px;
}
.scrollbox img{
	float: right;
}
.scrollbox div{
	padding: 3px;
}
.scrollbox div input{
	margin: 0 3px 0 0;
	padding: 0;
}
.scrollbox div.even{
	background: none repeat scroll 0 0 #FFFFFF;
}
.scrollbox div.odd{
	background: none repeat scroll 0 0 #EFEFEF;
}

.image img{
	margin-bottom: 5px;
}
.pagination > .links{
	margin: 0 0 10px 0;
}
.pagination > .links > a, .pagination > .links > b{
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	line-height: 20px;
	padding: 4px 12px;
	text-decoration: none;
}
.pagination > .links > b{
	border: 0 none;
}
.pagination > .links > a:hover,
.pagination > .links > a:focus{
	/*background-color: #E6FFFD;*/
	color: #3E3E3E;
	border: 1px solid #3E3E3E;
}
.vtabs-content .pagination{
	margin: 20px 0 20px 20px;
}

/* Right Column - End */

/* Footer - Start */
.footer-text{
	clear: both;
	font-size: 11px;
	line-height: 1.3em;
	margin: 5px 0 0;
	padding: 0 0 5px;
	text-align: center;
        display: none;
       
}
.login .footer-text{
	color: #FFFFFF;
}
.login .footer-text a{
	color: #FFFFFF;
}
/* Footer - End */

/* Forgotten Password Page - Start */
body.forgotten{
}
body.forgotten #content{
	background: none repeat scroll 0 0 #FFFFFF;
	padding: 25px;
}
body.forgotten #content input{
	margin: 0;
}
/* Forgotten Password Page - End */


/* CSS for high-resolution devices */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5){

	.top-customers-list ul li.top-customers-1 .image-number,
	.top-products-list ul li.top-products-1 .image-number{
		background-image: url("../../../image/admin_theme/base5builder_circloid/icon-list-number-1@2x.png");
		background-repeat: no-repeat;
		background-size: 32px 32px;
	}
	.top-customers-list ul li.top-customers-2 .image-number,
	.top-products-list ul li.top-products-2 .image-number{
		background-image: url("../../../image/admin_theme/base5builder_circloid/icon-list-number-2@2x.png");
		background-repeat: no-repeat;
		background-size: 32px 32px;
	}
	.top-customers-list ul li.top-customers-3 .image-number,
	.top-products-list ul li.top-products-3 .image-number{
		background-image: url("../../../image/admin_theme/base5builder_circloid/icon-list-number-3@2x.png");
		background-repeat: no-repeat;
		background-size: 32px 32px;
	}
	.top-customers-list ul li.top-customers-4 .image-number,
	.top-products-list ul li.top-products-4 .image-number{
		background-image: url("../../../image/admin_theme/base5builder_circloid/icon-list-number-4@2x.png");
		background-repeat: no-repeat;
		background-size: 32px 32px;
	}
	.top-customers-list ul li.top-customers-5 .image-number,
	.top-products-list ul li.top-products-5 .image-number{
		background-image: url("../../../image/admin_theme/base5builder_circloid/icon-list-number-5@2x.png");
		background-repeat: no-repeat;
		background-size: 32px 32px;
	}
	.list .desc{
		background-image: url("../../../image/admin_theme/base5builder_circloid/desc-white@2x.png");
		background-repeat: no-repeat;
		background-size: 9px 8px;
	}
	.list .asc{
		background-image: url("../../../image/admin_theme/base5builder_circloid/asc-white@2x.png");
		background-repeat: no-repeat;
		background-size: 9px 8px;
	}

	.preview-box-widget.preview-box-order_customer_statistic{
		background-image: url("../../../image/admin_theme/base5builder_circloid/icon-widget-line-chart-large@2x.png");
		background-repeat: no-repeat;
		background-size: 51px 60px;
	}
	.preview-box-widget.preview-box-order_customer_statistic_day,
	.preview-box-widget.preview-box-order_customer_statistic_week,
	.preview-box-widget.preview-box-order_customer_statistic_month,
	.preview-box-widget.preview-box-order_customer_statistic_year{
		background-image: url("../../../image/admin_theme/base5builder_circloid/icon-widget-line-chart-normal@2x.png");
		background-repeat: no-repeat;
		background-size: 34px 40px;
	}
	.preview-box-widget.preview-box-sales_value{
		background-image: url("../../../image/admin_theme/base5builder_circloid/icon-widget-pie-chart@2x.png");
		background-repeat: no-repeat;
		background-size: 47px 40px;
	}
	.preview-box-widget.preview-box-other_stats{
		background-image: url("../../../image/admin_theme/base5builder_circloid/icon-widget-misc@2x.png");
		background-repeat: no-repeat;
		background-size: 51px 60px;
	}
	.preview-box-widget.preview-box-top_customers{
		background-image: url("../../../image/admin_theme/base5builder_circloid/icon-widget-customer@2x.png");
		background-repeat: no-repeat;
		background-size: 51px 60px;
	}
	.preview-box-widget.preview-box-top_products{
		background-image: url("../../../image/admin_theme/base5builder_circloid/icon-widget-products@2x.png");
		background-repeat: no-repeat;
		background-size: 51px 60px;
	}
	.preview-box-widget.preview-box-latest{
		background-image: url("../../../image/admin_theme/base5builder_circloid/icon-widget-orders@2x.png");
		background-repeat: no-repeat;
		background-size: 51px 60px;
	}
}

.info {
    background: #fff;
        color: #0a2658;
        margin: 10px 0 20px !important;
        padding: 15px !important;
        clear: both;
        box-shadow: 0px 0px 20px rgba(1, 41, 112, 0.1);
        font-size: 13px;
        border-radius: 5px;
        font-weight: 400;
}

.info a{font-weight: bold !important;}

.DisplayNone {display: none !important;}

.menu-title {    background: #f2f2f2 none repeat scroll 0 0;
    border-bottom: 1px solid #c2c2c2;
    display: block;
    font-size: 15px;
    overflow: hidden;
    padding: 10px 21px; font-weight: bold;}

#excel_export_orders table {width: auto !important;}

#excel_export_orders label {margin-right: 40px;}

#excel_export_orders #settings {
    float: right;
    width: 34%;
}

#excel_export_orders #settings .settings_inner {
        background: #0a2658 none repeat scroll 0 0;
        box-shadow: 0px 0px 20px rgba(1, 41, 112, 0.1);
        border-radius: 5px;
            padding: 50px;
}

.tooltip2 {
    background: #0a2658 none repeat scroll 0 0 !important;
    color: #fff !important;
    margin-left: 7px !important;
    padding: 4px 7px 4px!important;
}

.tooltip2:hover {color: #fff !important;}

.special-delivery {
    background: #f2f2f2 none repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    float: left;
    padding: 10px;
    margin: 40px 0;
}

.special-delivery a { color: #000 !important; }

.afbeeldingsgroep_toevoegen {
background: #006dcc;
color: #fff !important;
padding: 12px 20px; }

#help .fa-comment {
border: 3px solid #fff;
border-radius: 18px;
padding: 6px;
color: #fff;
font-size: 14px !important;
}

.secondary-menu a {text-decoration: none !important;}

.qq-upload-success {display: none !important;}

.hr-border {border-top: 1px solid #fff;
display: block;
margin-top: 25px;}

.page-header-store-status__text {
    padding: 10px;
}

.page-header-store-status {
position: relative;
width: 100%;
z-index: 30;
background: #0a2658;
font-size: 13px;
line-height: 20px;
color: #fff;
text-align: center;
max-height: 200px;
transition: max-height ease-in-out 300ms;
overflow: hidden;
}

.page-header-store-status a, .page-header-store-status a:visited {color: #fff; text-decoration: underline;}

.reset-password {float: left;
margin-top: 20px;
border-bottom: 1px solid #0a2658;
font-weight: bold; color: #0a2658;}

.login-logo {margin-bottom: 20px !important; display: block;}

.page-header-store-status a:hover, 
.page-header-store-status a:focus {color: #fff !important;}

.widget {color: #19a82f;
font-size: 11px;
font-weight: bold;}

.small-device {display: none;}

@media screen and (max-width: 900px) {
    .login-header-image {
        display: none;
    }
.form-signin-heading h2 {margin: 0 !important; font-size: 23px;}
.form-signin {padding: 40px;}
#content.login {padding: 15px 20px;}

.small-device {display: inline-block;}
.desktop {display: none;}
}

#mainnav ul ul {border-radius: 0;
box-shadow: none; padding: 10px 0;
}

#mainnav ul ul ul {margin-left: 20px;}

#mainnav ul li a:hover, 
#mainnav ul li a {
border-radius: 0px; padding: 15px 20px;}

#mainnav ul li li a:hover, #mainnav ul li li a {
color: #0a2658;
margin-left: 28px;
padding: 0 21px 0 20px;
font-weight: 400 !important; 
font-size: 14px;
}

#mainnav ul li li a:hover,
 ul.sub-menu-open a.selected {
    color: #4154f1 !important;

}

#mainnav ul li li a.selected {background: transparent !important; }
#mainnav ul li li a:hover {background: transparent !important; }

/* #tab-option h2, #right-column h2 {
background: #FFFFFF;
padding: 10px 20px;
font-size: 16px;
font-weight: bold;
margin-bottom: 25px;
margin-top: 33px;
box-shadow: 0 0.46875rem 2.1875rem rgb(4 9 20 / 3%), 0 0.9375rem 1.40625rem rgb(4 9 20 / 3%), 0 0.25rem 0.53125rem rgb(4 9 20 / 5%), 0 0.125rem 0.1875rem rgb(4 9 20 / 3%);
} */

.active_extension {font-weight: bold; color: #41ae41;}
.inactive_extension {font-weight: bold; color: #c30000;}

/* h2 {margin: 35px 0px 20px !important; } */

#disabled {opacity: 0.5; cursor: context-menu;}

#disabled:hover {color: #333333 !important;}


select:disabled, select[disabled], select[disabled='disabled']::-ms-value {opacity: 0.5; cursor: context-menu;}

.ui-dialog[style] {width: 88% !important; left: 6% !important;}

.login-header-image {margin-right: 10px !important; margin-top: -1px !important;}

.form-signin-heading h2 {margin-top: 0 !important;}


.news {
	margin-top: 15px;
}

@media (max-width: 445px) {
	.news {
		margin-top: 0;
	}
}


.dashboard_button {
background: #0a2658;
color: #fff !important;
padding: 3px 10px;
margin: 0px 10px;
display: inline-block;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
box-shadow: 0px 0px 5px 0px #27272733;
font-weight: bold;
}

.dashboard_button:hover {
background: #000 !important;
}

a.get_labels, #button-print-batch, #button-export-print-batch{
    display:none !important;
}

select option:disabled {
    display: none;
}

.catalog .quantity {
    float: right;
    max-width: 75px;
    margin-bottom: 0 !important; 
}

.catalog .editable_price input{
	max-width: 40%;
}
.catalog .editable_price input.has_offer{
	color: red;
	text-decoration: line-through;
}

.catalog .editable_price input:nth-child(2){
	float: right;
}

.catalog .quantity_general {
    float: right; 
}

.disable_arrows::-webkit-inner-spin-button, 
.disable_arrows::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}


@media only screen and (max-width: 1024px) {
.tooltip2 {
    display: inline-block;
    margin: 5px 0 0px !important;
}

.tooltip2 + .title {
    font-style: italic;
    display: block;
    font-size: 11px;
    line-height: 15px;
    padding: 10px 0;
    color: #0a2658;
}
}

#form-related-options .form-group {
padding: 10px 0 !important; border-bottom: 1px solid #f2f2f2; }

#form-related-options .form-group label {
width: 40%;
padding: 0 !important; 
}


.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
	text-align: left !important;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.dropdown-menu{
    min-width: 200px !important;
}


.tooltip2{
    position: relative;
overflow: hidden;
}


.tooltip2:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    top: -15px;
    color: #fff;
    content: attr(tooltip-title);
    left: 35px;
    padding: 10px 15px;
    position: absolute;
    z-index: 98000000000;
    width: 300px;

animation: fadeIn ease 0.7s;
-webkit-animation: fadeIn ease 0.7s;
-moz-animation: fadeIn ease 0.7s;
-o-animation: fadeIn ease 0.7s;
-ms-animation: fadeIn ease 0.7s;
}


.tooltip2:hover:before{
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent; 
    border-right:8px solid #333;
    top: 0px;
    content: "";
    left: 27px;
    position: absolute;
    z-index: 99;

animation: fadeIn ease 0.7s;
-webkit-animation: fadeIn ease 0.7s;
-moz-animation: fadeIn ease 0.7s;
-o-animation: fadeIn ease 0.7s;
-ms-animation: fadeIn ease 0.7s;
}


@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-moz-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-o-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-ms-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

.vo_column_bol {min-width: 260px !important;}
.vo_column_action {min-width: 165px !important;}

#common_settings .selector span,
#design_common_settings_tab .selector span,
#typography_settings_tab .selector span,
#background_settings_table .selector span,
#uniform-input_common_subcategories_enabled,
#schemer_form_rows .selector span,
#product_settings_tab .selector span,
#intro_settings .selector span,
#footer_facebook_settings .selector span {display: none !important; }

.tb_tabs_nav  li {float: left; }

ul.tb_tabs_nav {
list-style-type: none !important;
    margin: 0;
}

.tb_tabs_nav li {
    float: left;
}

.tb_tabs_nav li a {
 padding: 10px 15px; display: inline-block; }

.tb_tabs_nav li.ui-state-active {    border-bottom: none !important;
    background: #0a2658;
    box-shadow: 0 0 40px 0 rgb(144 142 139 / 32%);
    border-color: #0a2658; border-radius: 5px 5px 0 0; }


.tb_tabs_nav li a,
.tb_tabs_nav li .fas,
.tb_tabs_nav li .fab { color: #0a2658 !important; }

.tb_tabs_nav li.ui-state-active a,
.tb_tabs_nav li.ui-state-active .fas,
.tb_tabs_nav li.ui-state-active .fab { color: #fff !important; font-weight: 600;}

.none, .ui-tabs-hide, .s_hidden {
      display: none !important;
}

#footer_contacts_settings .s_checkbox .checker {float: left; line-height: 17px; margin-right: 10px;}

#footer_contacts_settings td input {width: 98%; }

.on_off {margin: 10px 0 20px 0; float: left; width: 100%;}

.on_off .label_on_off {
float: left;
    margin-bottom: 0;
    margin-right: 15px;
    line-height: 27px;
}

#tabs.htabs a.selected {
    background: #0a2658;
    color: #fff !important;
    border: 1px solid #0a2658 !important;
    box-shadow: 0 0 40px 0 rgb(144 142 139 / 32%);
}

.modal{
	display:none;
}

.allhld {
    margin-bottom: 40px;
        background: #dfeddf;
    padding: 25px;
border: 1px solid #8ac68a;
color: #000 !important; 
}

ul.mainnav > li > a, ul.mainnav > li > a:visited {background: none !important; }

.logo img.visible-desktop {
max-height: 50px;
}

.logo {
margin: 0 15px;
}

#mainnav {margin-top: 1px;}
#mainnav i {width: 25px; }


.header {
	box-shadow: 0px 0px 20px rgba(1, 41, 112, 0.1);
		background: #ffffff;
    position: fixed;
    width: 100%;
    top: 40px;
    z-index: 1000;
    height: 65px;
}

.page-header-store-status {
    position: fixed;
}

.main-body {
    top: 95px;
    position: relative;
}

#mainnav h4 {
padding: 15px 20px;
    color: #7a80b4;
    font-weight: bold;
    border-bottom: 1px solid #312e5b;
    margin-bottom: 10px;
}

#mainnav_container {
position: fixed;
width: 15%;
	box-shadow: 0px 0px 20px rgba(1, 41, 112, 0.1);
	padding-top: 10px !important;
}

.logout_left {
	position: fixed;
	bottom: 0;
	margin-left: 0px;
    width: 15%;
    background: #09081e;
    padding: 19px 0 15px;
}


.logout_left a { 
    line-height: 19px;
    color: #fff;
    font-weight: bold;
    padding: 0 20px;
}

.breadcrumb {display: none !important; }

.stock-alert-header .tooltip2:hover:before {left: 40px !important; }
.stock-alert-header .tooltip2:hover:after {width: 110px !important; left: 48px !important; }

.dashboard-content {
    box-shadow: 0 0.46875rem 2.1875rem rgb(4 9 20 / 3%), 0 0.9375rem 1.40625rem rgb(4 9 20 / 3%), 0 0.25rem 0.53125rem rgb(4 9 20 / 5%), 0 0.125rem 0.1875rem rgb(4 9 20 / 3%) !important;
}

#dashboard-layout .order-customer-statistic-week,
#dashboard-layout .order-customer-statistic-year,
#dashboard-layout .other-stats {margin-right: 0 !important; }
.row-fluid .span4 {width: 32.4% !important;}

.secondary-menu i:hover {
color: #0a2658;

}

.secondary-menu i {
 transition: 0.3s;
}

table.list, .form-signin {
box-shadow: 0 0.46875rem 2.1875rem rgb(4 9 20 / 3%), 0 0.9375rem 1.40625rem rgb(4 9 20 / 3%), 0 0.25rem 0.53125rem rgb(4 9 20 / 5%), 0 0.125rem 0.1875rem rgb(4 9 20 / 3%);
}


.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent; 
  border-top: 6px solid #0e0c28;
float: right;
margin-top: 16px;
margin-right: 13px;
}

.new-orders{
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin: -1px 0 -1px 3px !important;
    padding: 0px 5px 0px;
    min-width: 18px;
    height: 17px;
    border-radius: 9px;
    background-color: #0a2658;
    color: #fff;
    text-align: center;
    font-size: 10px;
    line-height: 17px;
    font-weight: normal;
}

.welcome_admin {
    float: right;
    margin: 0px 25px 0 0;
} 

.welcome_admin p {
	font-size: 14px;
	line-height: 64px;
	margin-bottom: 0 !important; 
}

.profile_dropdown {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 0px 20px rgba(1, 41, 112, 0.1);
  padding: 15px 20px;
  z-index: 1;
  border-radius: 5px;
}

.welcome_admin a {color: #0a2658 !important; }

.profile_dropdown a {color: #0a2658 !important; display: block !important; padding: 5px;}

.profile_dropdown a:hover {color: #0a2658 !important;}

.welcome_admin:hover .profile_dropdown  {
  display: block;
}

.menu_search{
	width: 100%;
	position:fixed;
	z-index: 100;
}

.search_hld{
	position:relative; 
	top:95px
}


.profile_dropdown .fas {width: 20px !important; }

.ui-autocomplete{
	z-index: 9999 !important;
}

.auto_menu_search .ui-autocomplete{
	position:fixed !important;
}

#menu_search {
box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
z-index: 10000;
background: #fff;
height: 45px;
}


#menu_search input {
    width: 97%;
    border: none;
    box-shadow: none;
    height: 37px;
    background-image: url(/admin/view/image/search-solid.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 15px 53%;
    padding-left: 39px;
    color: #000;
}

ul.ui-autocomplete  {
background: #f2f2f2 !important;
border-radius: 0 !important;
border: none !important; 
box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);

}

.auto_menu_search ul.ui-autocomplete {width: 100% !important; }

ul.ui-autocomplete .ui-corner-all:hover {
background: none !important;
color: #ff5454 !important; 
border: none !important;
border-radius: 0px !important; 
margin: 0px !important; 
}

#versionsNote {
	margin-top: 10px;
}

.featureLayerGroupTitle {
	font-size: 20px;
}

.featureToggleButton {
	vertical-align: text-bottom;
}

.featureGroup {
	margin-bottom: 15px;
}

.releaseNote {
	white-space: break-spaces;
}

.releaseNote .info {
	font-size: 13px !important;  
	box-shadow: 0px 0px 20px rgba(1, 41, 112, 0.1);
    border-radius: 5px;
    margin: 20px 0 !important; 
    padding: 20px 35px 13px !important;
}

.releaseNoteTitle {
	font-weight: bold;
	font-size: 14px;
}

#releaseControlpanel {
	padding: 25px;
	background-color: white;
	border-radius: 3px;
}

#version-container {
	display: inline-block;
	float: right;
}

#featureNotes {
	display: inline-block;
	margin-top: 25px;
    clear: both;

}

@media only screen and (max-width: 1366px) {
	#orderTable {
		font-size: 11px;
	}

	#orderTable td {
		padding: 4px 4px;
	}
}

.up-to-date {
	background: green;
	color: white;
}

.up-to-date:visited {
	color: white;
}

.update-available {
	background: orange;
	color: black;
}

.update-available:visited {
	color: black;
}

#version-number {
    font-size: 12px;
    margin-top: 5px;
    color: #989898;
    display: block;
    text-align: right;
}

#requestMessageContainer {
	margin-top: 15px;
	margin-bottom: 20px;
    background-color: #F5F5F5;
    padding: 10px 0;
    border: 1px solid #c7e1c7;
    border-radius: 5px;
    text-align: center;
	display:none;
	float: left;
	width: 100%;
}

@keyframes rotation {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(359deg);
	}
}

#requestSpinner {
	animation: rotation 3s infinite linear;
}

#requestMessage {
	display:none;
}

#requestInstalling {
	display:none;
}

.swal2-styled.swal2-confirm a{
	color: #fff;
}

p.feedback{
	background: none repeat scroll 0 0 #FF7E00;
    color: white;
    margin: 10px 0 20px !important;
    padding: 15px !important;
    clear: both;
    box-shadow: 0 0.46875rem 2.1875rem rgb(4 9 20 / 3%), 0 0.9375rem 1.40625rem rgb(4 9 20 / 3%), 0 0.25rem 0.53125rem rgb(4 9 20 / 5%), 0 0.125rem 0.1875rem rgb(4 9 20 / 3%);
    font-size: 13px;
}

p.feedback a, p.feedback a:visited{
	color: white;
	text-decoration: underline;
}

.extra-description{
	margin-top: 10px;
}

select.product_status_select:focus{
	outline:none !important;
}

.bolforbid{
    border: 1px solid #B94A48;
    color: #B94A48;
    line-height: normal;
    padding: 5px;
    text-align: center;
}

.tsb_badge {
    padding: 1px 5px 1px 5px;
        border-radius: 10px;
        font-weight: bold;
        font-size: 9px;
        vertical-align: bottom;
        margin-left: 3px;
        background-color: #2ebf68 !important;
}

.tsb_badge_danger {
	background-color: #FF5454;
}

.top_menu_unread {
	padding: 2px 3px 2px 3px;
    border-radius: 10px;
    background-color: #FF5454;
    color: white;
    font-size: 8px;
    position: absolute;
    margin-left: -4px;
	margin-top: -4px;
}

.validationFieldError {
	color: red;
    margin-top: 5px;
    font-size: 11px;
}

.validationFieldCheck {
	margin-left: 5px;
    color: green;
    font-size: 17px;
    vertical-align: middle;
}

.reward_points {
	padding-top: 10px;
}
.reward_points span {
	font-weight: bold;
}

.alloptions {
    padding: 20px 0px;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 10px;
    font-weight: bold;
}

ul.ean_autocomplete {
	max-height: 300px;
	overflow: auto;
}

ul.ean_autocomplete::-webkit-scrollbar {
  width: 6px;
}

ul.ean_autocomplete::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
ul.ean_autocomplete::-webkit-scrollbar-thumb {
  background: #888; 
}

ul.ean_autocomplete::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.update-in-progress, .bol-not-synced {
    float: left;
    height: 43px;
    margin: 6px 15px 0 0;
    width: 43px;
}

.logo img.visible-desktop {
    max-height: 36px;    
    margin-left: 15px;    
    margin-top: 5px;
}

.flipbook_input {
    border: 0;
    cursor: default;
    background: none
}

.popup-refresh {
    color: #0a2658;
    cursor: pointer;
}

.tsb_red {
    color: #0a2658;
}

.bol_unsynced {
    font-size: 42px;
}

.instagram {
    padding: 12px 0px;
    line-height: 1;
    color: #555;
    text-align: center;
}

h1 i, h1 img {
	display: none !important; 
}

.fa-chevron-down {
        float: right;
            text-align: right;
            height: 20px;
            margin-top: 2px;
}

ul ul .fa-chevron-down {
    margin-top: 8px !important; 
}


table {
    background-color: white;
    border-radius: 5px !important; 
    box-shadow: 0px 0px 20px rgba(1, 41, 112, 0.1);
}

table thead td,
table thead td a {
    font-weight: 700 !important; 
}

table tr {
    border-bottom: 1px solid #e5e5e5;
}

table.ui-datepicker-calendar td {
    padding: 5px !important;
}

table td {
    padding: 15px !important;
    border: none !important;
}

table td.center {
    text-align: center;
}

table.list thead {
    background-color: #f6f9fc !important; 
    }

table.list thead,
table.list thead a,
table.list thead a:link,
table.list thead a:visited {
    color: #0a2658 !important
}

table .action_button {

}

table.list thead a.tooltip2 {color: #fff !important;}

#tab-option table td {
    padding: 10px !important; 
    }

tr.filter {
    background: #f6f9fc;
}

.login-screen {
        margin-bottom: 35px;
}

.login-logo {
    color: #fff !important;
        font-weight: 700;
        font-size: 32px;
        padding-bottom: 35px !important;
}

.export_orders_select {
    float: left;
        margin-right: 30px;
        width: 64%;
}

.export_orders_select table {
    float: left;
        margin-right: 30px;
} 

#excel_export_orders .settings_inner table {
    width: 100% !important;

}

#excel_export_orders .settings_inner h3 {
    margin: 15px 0 10px;
}


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

    .secondary-menu .welcome_admin,
    .header .secondary-menu>ul>li {
        height: 70px !important;
        line-height: 70px !important;
    }

    .secondary-menu .welcome_admin {
        margin-right: 15px;
    }

    .header .secondary-menu>ul>li {
        padding: 0px 13px 0px !important;
    }
}

small {
    font-weight: 400;
    color: #9f9f9f;
}

#intro_type_images {
    margin-top: 25px;
}

form .htabs {
    height: auto;
    display: inline-block;
}

form .htabs a {
        box-shadow: 0px 0px 20px rgba(1, 41, 112, 0.1);
        border-radius: 5px;
        border: none !important; 
        padding: 10px 20px !important;
        
}

form .htabs a.selected {
        background: #0a2658;
        color: #fff !important;
        font-weight: 700;
}

form .htabs a.selected {
        background: #0a2658;
        color: #fff !important;
        font-weight: 700;
}

form .htabs img {
padding-top: 3px;
padding-right: 8px;
}

#content_background {
    padding: 35px;
    box-shadow: 0px 0px 20px rgba(1, 41, 112, 0.1);
    border-radius: 5px;
    background: #fff;
    box-sizing: border-box;
}

#content_background .form-group {
    margin-bottom: 20px;
}

.payment #stores {
    display: none;
}

.vo_column_image img {
	max-height: 35px;
}