/*************************************************************
GLOBAL COLORS
**************************************************************
MANAGE
----------------------------
Navigation : #f68d1f
Light gray : #eeeeee

*************************************************************/

*
{
    font-family: Lato;
}

html, body, form
{
    margin: 0px;
    padding: 0px;
    height: 100%;
}

body, form, .pane-right {
    background-color: #333132 !important;
}

/**********Modal Css****************/
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
.modal-backdrop, .modal-backdrop.fade.in {
    opacity: .8;
}
.alert, .alert h4 {
    color: #c09853;
}
.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,0.3);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
	bottom: initial;
	padding-right:0px !important;
}
.modal.fade.in {
    top: 10%;
}
.modal-header {
    padding: 9px 15px;
}
.close {
	font-size: 20px;
	line-height: 20px;
}
.modal-header h3 {
    margin: 0;
    line-height: 30px;
}
.modal-body {
    position: relative;
    max-height: 400px;
    overflow-y: auto;
}
.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    border-radius: 0 0 6px 6px;
    box-shadow: inset 0 1px 0 #fff;
}
.modal
{
 margin-left:0px;
 width:auto;
 left:0;
 margin:10px;
}

/********************/
/*colorpicker*/
div.color-picker {
    cursor: pointer;
}
input-append, .input-prepend {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
}
.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu, .input-append .popover, .input-prepend .popover {
    font-size: 14px;
}
.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.input-append input, .input-append select, .input-append .uneditable-input {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
input.color-picker {
    width: 70px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topright: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}
.input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.input-append .add-on, .input-prepend .add-on {
    display: inline-block;
    width: 28px;
    height: 34px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    background-color: #eee;
    border: 1px solid #ccc;
}
.input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group>.dropdown-toggle, .input-prepend .btn-group>.dropdown-toggle {
    vertical-align: top;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.input-prepend .add-on, .input-prepend .btn {
    margin-right: -1px;
}
.input-append .add-on, .input-append .btn, .input-append .btn-group {
    margin-left: -1px;
}
.input-prepend .add-on:first-child, .input-prepend .btn:first-child {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
/*colorpicker*/


h1
{
    color: #333333;
    font-size: 26px;
    font-weight: 400;
    padding: 0px 20px 0px 60px;
    background-position: 20px 10px;
    background-repeat: no-repeat;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 0px;
    margin-bottom: -5px;
}

h1 a
{
    color: #999999;
}

h1 a:hover
{
    color: #777777;
    text-decoration: underline;
}

h2
{
    color: #333333;
	font-weight: bold;
    margin: 0 0 20px 0;
	vertical-align: middle;
    display: inline-block;
    padding: 0;
	line-height: 30px;
}

h2 literal
{
    color: #333333;
	font-size: 20px;
	padding: 0;
	margin: 0;
}

.nav-pills
{
    padding: 0px;
    display: table;
}

.nav-pills li
{
    padding: 0 3px 0 3px;
}

.nav-pills a
{
    color: #f68d1f;
    font-weight: bold;
    background: transparent;
	border: 2px solid #ffffff;
    color: #333333;
	transition: all 0.3s ease;
}

.nav-pills a svg
{
	height: 15px;
	width: 15px;
}

.nav-pills a:hover
{
    background: linear-gradient(to bottom, #fdfdfd, #fcfcfc);
}

.nav-pills .active a,
.nav-pills .active a:hover,
.nav-pills .active a:active,
.nav-pills .active a:focus,
.nav-pills .active a:visited
{
    background: #ffffff !important;
	border: 2px solid #f68d1f;
    color: #f68d1f !important;
}

.nav-pills > li > a
{
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.navbar-fixed-top .nav li a
{
    color: #848181;
}

.navbar-fixed-top .nav .active a,
.navbar-fixed-top .nav .open a
{
    color: #f68d1f;
    background: transparent !important;
}

.navbar-fixed-top .nav li a:hover,
.navbar-fixed-top .nav .active a:hover
{
    color: #ffffff;
    background: transparent !important;
}

#navTop a svg
{
	transition: all 0.5s ease;
}

#navTop a:hover svg,
#navTop .open a svg
{
    background-color: #f68d1f !important;
	color: #ffffff !important;
}

.navbar-inner
{
    padding: 12px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.navbar-inner {
	background: #333132 !important;
}

.navbar .nav > li > a {
    padding: 7px 15px 7px 15px;
}

.bottom-actions
{
    position: fixed;
    bottom: 0px;
    height: 63px;
    line-height: 60px;
    background-color: #ffffff;
    width: 100%;
    text-align: right;
    border-top: 1px solid #eeeeee;
    margin: 0px 0px 0px 250px;
    z-index: 99;
}

.bottom-actions > div
{
    padding: 0px 295px 0px 0px;
}

.pane-left
{
    clear: both;
    float: left;
    width: 250px;
    min-height: 100vh;
    background-color: #333132;
    margin: 0 auto;
}

.pane-left .nav {
    color: #ffffff;
}

.pane-left .nav svg {
    height: 15px;
    width: 27px;
    display: inline-block;
    vertical-align: middle;
    margin: 1px 3px -3px 0;
    color: #7d7b7c;
    display: inline;
    float: left;
    transition: all 0.2s ease;
}

.pane-left .nav a
{
    color: #7d7b7c;
	font-size: 12px;
}

.pane-left .nav li:hover svg {
    color: #fefefe;
}

.pane-left .nav a:hover, .pane-left .nav>li>a:focus {
 color: #fefefe;
 background-color: transparent;
}

.pane-bottom
{
    width: 100%;
    position: absolute;
    top: 50px;
    bottom: 0px;
}

.pane-right {
    min-height: 100%;
    background-color: #f6f7fb !important;
    margin: 0 auto;
    margin-left: 250px;
    margin-right: 40px;
}

.pane-right > div:last-child {
    padding: 100px 20px 20px 20px;
    display: inline-block;
    width: 100%;
    /*margin-bottom: 64px;*/
    background-color: #f6f7fb !important;
}

.pane-right .title {
    background-color: #ffffff;
    color: #656364;
    -webkit-box-shadow: 1px 1px 2px -1px #cccccc;
    -moz-box-shadow: 1px 1px 2px -1px #cccccc;
    box-shadow: 1px 1px 2px -1px #cccccc;
}

.pane-right .title svg {
    height: 25px;
    width: 25px;
    display: inline-block;
    vertical-align: baseline;
    margin: 0 0 -3px 0;
    color: #f5961e;
}

.pane-right .title h1 {
    color: #656364;
    background-image: none;
    padding-left: 0;
    display: inline-block;
    margin-left: 10px;
    margin-right: 0;
}

.title
{
    position: fixed;
    top: 65px;
    width: 100%;
    padding: 21px 20px 20px 20px;
    z-index: 200;
}

.nav-list li
{
    padding: 5px 15px 5px 15px;
    vertical-align: middle;
    transition: all 0.2s;
	margin-left: -15px;
	margin-right: -15px;
	box-sizing: border-box;
}

.nav-list li a
{
    padding: 1px 5px 1px 15px;
    font-size: 16px;
    font-weight: 700;
    vertical-align: middle;
    transition: all 0.2s;
    border-left: 3px solid #333132;
	margin: 0 0 0 -15px;
}

.nav-list li:hover,
.nav-list li:hover.active,
.nav-list li:active.active,
.nav-list li:link.active,
.nav-list li:focus.active,
.nav-list li:visited.active,
.nav-list li.active,
.nav-list li:hover a,
.nav-list li:hover.active a,
.nav-list li:active.active a,
.nav-list li:link.active a,
.nav-list li:focus.active a,
.nav-list li:visited.active a,
.nav-list li.active a,
.nav-list li:hover svg,
.nav-list li:hover.active svg,
.nav-list li:active.active svg,
.nav-list li:link.active svg,
.nav-list li:focus.active svg,
.nav-list li:visited.active svg,
.nav-list li.active svg
{
    background-color: #2e2c2d;
	color: #ffffff;
}

.nav-list li:hover a,
.nav-list li:focus a,
.nav-list li.active a
{
    border-left: 3px solid #f6961e;
}

.nav-list li .badge
{
	border: 1px solid #7d7b7c;
    background: transparent;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 3px 12px 3px 12px;
	min-width: 18px;
	text-align: center;
	margin-top: -1px;
	transition: all 0.2s ease;
}

.nav-list li:hover .badge,
.nav-list .active .badge
{
    background-color: #f6961e;
	border-color: #f6961e;
	color: #fefefe;
}

.nav-header literal,
.nav-header:hover literal
{
    padding: 15px 20px 12px 12px;
	text-shadow: none;
	color: #696566;
	border-top: 2px solid #2b292a;
	display: block;
}

.nav-list > li > a,
.nav-list .nav-header
{
	text-shadow: none;
}

.nav-header-first literal,
.nav-header-first:hover literal {
	border-top: 0;
	padding-top: 5px;
}

.navbar-inner .nav-pills li
{
	height: 65px;
	margin: -12px 0 -15px 0;
	vertical-align: middle;
	padding: 0;
}

	.navbar-inner .nav-pills li a,
	.navbar-inner .nav-pills li.active a,
	.navbar-inner .nav-pills li:hover.active a,
	.navbar-inner .nav-pills li:hover a {
		border: 0;
		margin: 0;
		padding: 24px 15px 20px 15px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		vertical-align: middle;
	}

.nav-header literal,
.nav-header:hover literal,
.nav-header:hover
{
    background-color: #333132 !important;
}

.badge
{
    float: right;
}

a,
a:hover
{
    color: #f68d1f;
}

.btn
{
    font-family: Lato;
    font-weight: bold;
    border: 0;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding: 8px 20px 8px 20px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}

.dropdown-menu>li>a,
.dropdown-submenu>a
{
    font-weight: bold;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a
{
    background: linear-gradient(to bottom, #f88d1d, #f16923);
}

div.bottom-actions > div > div:last-of-type a
{
    margin-left: 4px;
	padding: 4px 15px 4px 15px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	color: #666666;
}

div.bottom-actions > div > div:last-of-type a:hover
{
	color: #444444;
	text-decoration: none;
}

div.bottom-actions button,
div.smaller-buttons button,
div.bottom-actions input[type=button],
div.smaller-buttons input[type=button]
{
    margin-left: 4px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding: 4px 15px 4px 15px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}

div.smaller-buttons button,
div.smaller-buttons input[type=button] {
    margin-left: 0;
	margin-right: 4px;
}

div.bottom-actions .btn-group button {
	margin: 0;
}

div.bottom-actions .btn-group button:first-of-type
{
    margin-left: 4px;
	-webkit-border-top-left-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-topleft: 50px;
	-moz-border-radius-bottomleft: 50px;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
}

div.bottom-actions .btn-group button:last-of-type
{
	-webkit-border-top-right-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	-moz-border-radius-topright: 50px;
	-moz-border-radius-bottomright: 50px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	padding-right: 10px;
}

.btn,
.btn:hover,
.btn:focus,
.btn:active,
.btn:link,
.btn:visited
{
	background: #ededed;
}

.btn:hover
{
	background: #dddddd;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:link,
.btn-primary:visited,
.btn-primary.disabled,
.btn-primary[disabled]
{
	background: #f7961e;
}

.btn-primary:hover
{
	background: #ed8b13;
}
.label-inverse, .badge-inverse {
    background-color: #333;
}
.btn-inverse,
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse:link,
.btn-inverse:visited,
.btn-inverse.disabled,
.btn-inverse[disabled]
{
	background: #222222;
}

.btn-inverse:hover
{
	background: #111111;
}

.btn-danger,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger:link,
.btn-danger:visited,
.btn-danger.disabled,
.btn-danger[disabled]
{
	background: #d62710;
}

.btn-danger:hover
{
	background: #c21d07;
}

.table td
{
    border-top: 1px solid #eeeeee;
}

.table
{
	margin-bottom: 0;
}

.table-striped thead th
{
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 4px 10px 4px 10px;
}

.table-striped tbody > tr:nth-child(odd) > td
{
    background-color: #fcfcfc;
}

.table-hover tbody > tr:hover > td
{
    background-color: #fafafa;
}

.table-condensed td
{
    padding: 5px 6px;
}

.credit-card-details td
{
	padding-right: 40px;
}

.credit-card-details td img
{
	height: 40px;
}

.form-group label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700;
}

.pagination
{
    margin: 0px 0px 0px 15px;
    padding: 0px;
}

.pagination ul
{
    margin: auto;
    vertical-align: middle;
    padding: 0px;
}

.pagination span:nth-of-type(1)
{
	margin: 0 5px 0 10px;
}

.pagination span:nth-of-type(2)
{
	margin: 0 10px 0 5px;
}

.pagination select
{
	width: 70px;
	margin-bottom: 0;
	padding: 4px 0 4px 12px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.pagination a
{
    margin: 0;
	padding: 4px 15px 4px 15px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}

.pagination ul
{
	text-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.pagination li
{
	text-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.pagination li a
{
	padding: 4px 7px 4px 7px !important;
}

.pagination li:first-of-type a
{
	-webkit-border-top-left-radius: 50px !important;
	-webkit-border-bottom-left-radius: 50px !important;
	-moz-border-radius-topleft: 50px !important;
	-moz-border-radius-bottomleft: 50px !important;
	border-top-left-radius: 50px !important;
	border-bottom-left-radius: 50px !important;
}

.pagination li:last-of-type a
{
	-webkit-border-top-right-radius: 50px !important;
	-webkit-border-bottom-right-radius: 50px !important;
	-moz-border-radius-topright: 50px !important;
	-moz-border-radius-bottomright: 50px !important;
	border-top-right-radius: 50px !important;
	border-bottom-right-radius: 50px !important;
}


.div-overlay
{
    background: url(/includes/images/back-loading.png);
    height: 100%;
    min-height: 100%;
    width: 100%;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    margin: 0px 0px 0px 0px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.div-overlay img
{
    text-align: center;
    vertical-align: middle;
    margin: auto;
    display: inline-block;
}

.vertical-align-helper
{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

th.sort span
{
    background: "";
}

th.sort:hover,
th.sort-asc:hover,
th.sort-desc:hover
{
    background-color: #eeeeee;
    cursor: pointer;
}

th.sort-asc,
th.sort-desc
{
    background-color: #fafafa;
}

th.sort span
{
    background: url("/includes/images/arrow-both.png") right center no-repeat;
    padding-right: 15px;
}

th.sort-asc span
{
    background: url("/includes/images/arrow-up.png") right center no-repeat;
    padding-right: 15px;
}

th.sort-desc span
{
    background: url("/includes/images/arrow-down.png") right center no-repeat;
    padding-right: 15px;
}

.topmenu-bar.row:before,
.topmenu-bar.row:after {
	content: none;
}

.help {
	vertical-align: middle;
	padding: 9px 0px 0px 22px;
	margin: 0px 0px 0px 5px;
	line-height: 1px;
	background-image: url(/includes/images/i.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}


.help:hover
{
    background-image: url(/includes/images/i-high.png);
}

td .help
{
    padding: 9px 0px 0px 22px !important;
    margin: 0px 0px 0px 9px;
}

.tipsy,
.tipsy-inner
{
    font-size: 12px;
    text-align: left;
    line-height: 16px;
}

.tipsy-inner
{
    padding: 10px 15px 10px 15px;
}

.tipsy h4
{
    font-size: 16px;
    padding: 0px;
    margin: 0px 0px 7px 0px;
}

input.valid,
input.valid:focus,
textarea.valid,
textarea.valid:focus
{
    border-color: #2de93a;
}

input.error,
input.error:focus,
textarea.error,
textarea.error:focus
{
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7;
}

.small-infos
{
    font-size: 12px;
    color: #bbb;
}

label.error
{
    display: inline-block;
    padding: 0px 0px 0px 10px;
    vertical-align: middle;
    color: #e9322d;
}

.messages
{
    padding: 0px 0px 10px 0px;
}

.mandatory
{
    padding: 0px 0px 0px 5px;
    color: #e9322d;
}

.control-group
{
    padding: 0px;
    margin: 0px;
}

.no-row
{
    padding: 70px !important;
    text-align: center !important;
    font-size: 30px;
	background-color: transparent !important;
}

.no-row label
{
    padding: 5px 0px 20px 0px;
    font-size: 44px;
    cursor: text;
}

.no-row span
{
    padding: 5px 0px 0px 0px;
    font-size: 12px;
    color: #bbb;
}

.no-row img
{
    height: 130px;
    padding: 50px 0px 0px 0px;
}

.div-error div
{
    vertical-align: middle;
    display: inline-block;
}

.div-error
{
    text-align: center !important;
    font-size: 30px;
    background-color: #fff;
}

.div-error label
{
    padding: 5px 0px 20px 0px;
    font-size: 44px;
    cursor: text;
}

.div-error span
{
    padding: 5px 0px 0px 0px;
    font-size: 12px;
    color: #bbb;
}

.div-error img
{
    height: 100px;
    padding: 50px 0px 0px 0px;
}

.brand
{
    width: 210px;
    margin: -15px 15px -20px 0px;
	background-color: #292728 !important;
}

.brand img
{
    height: 47px;
    margin: 2px 0 -2px 3px;
}

.view-online
{
    display: block;
    float: right;
    margin: -12px 0 -14px 0;
    font-size: 14px;
    font-weight: 200;
    color: #ffffff;
    background-color: #f6961e;
	line-height: 12px;
	padding: 25px 24px 24px 24px;
	transition: 0.3s all ease;
}

.view-online:hover
{
	color: #444444;
}

.help-tutorials {
    display: block;
    float: right;
    margin: -12px 0 -14px 0;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    background-color: #ff6000;
    line-height: 12px;
    padding: 27px 24px 26px 24px;
    transition: 0.3s all ease;
}

.help-tutorials svg {
    fill: #fff;
}

.help-tutorials:hover
{
	color: #444444;
}

.link-tutorial {
	background-image: url(/includes/images/formation-02.png);
	background-size: 22px 22px;
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	font-size: 18px;
	padding: 4px 0 4px 30px;
	cursor: pointer;
}

.link-tutorial:hover {
	text-decoration: none;
}

.link-tutorial.active {
	font-weight: bold;
	text-decoration: underline;
	color: green;
}

.question-faq {
	background-color: #fafafa;
	margin: 0 0 10px 0;
	cursor: pointer;
}

.question-faq > label {
	background-color: #f0f0f0;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
	padding: 10px;
	display: block;
	border-left: 10px solid #222222;
}

.question-faq > div {
	padding: 6px 10px 10px 10px;
	border-left: 10px solid #888888;
}

.question-faq > div > p:first-of-type {
	margin-top: 0;
}

.question-faq > div > p {
	margin-bottom: 0;
	margin-top: 4px;
}

.highlight {
    background-color: yellow;
    font-weight: bold;
}
.default-domain
{
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #eeeeee;
}

#navTop > li > a
{
	padding: 14px 15px 14px 15px;
	display: inline-block;
	vertical-align: middle;
}

#navTop > li > a svg
{
	height: 20px;
	width: 20px;
	color: #333333;
	padding: 7px;
	margin: -10px 10px 0 0;
	display: inline-block;
	background-color: #dadada;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	vertical-align: middle;
}

#navTop > li > a div
{
	display: inline-block;
	height: 28px;
}

#navTop .caret
{
	display: block;
}

#navTop > li:hover,
#navTop > li:active,
#navTop > li.active,
#navTop > li.open,
#navTop > li:focus,
#navTop > li:link,
#navTop > li:visited,
#navTop > li:hover a,
#navTop > li:active a,
#navTop > li.active a,
#navTop > li.open a,
#navTop > li:focus a,
#navTop > li:link a,
#navTop > li:visited a
{
	background-color: #292728 !important;
}

#navTop > li > ul
{
	width: calc(100% - 48px);
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 0;
}

#navTop > li > ul li,
#navTop > li > ul a
{
	padding: 0;
	margin: 0;
	height: auto;
	text-align: left;
}

#navTop > li > ul a
{
	padding: 3px 15px 8px 15px;
	color: #ffffff !important;
	font-size: 12px;
}

#navTop > li > ul a:hover
{
	color: #888888 !important;
}

#navTop > li > ul:before,
#navTop > li > ul:after
{
	display: none;
}

a.thumbnail
{
    position: relative;
}

a.thumbnail img.delete-thumb
{
    display: none;
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 2;
}

a.thumbnail:hover img.delete-thumb
{
    display: block;
}

div.row-fluid div label
{
    padding: 6px 0px 0px 0px;
}

table.layout,
table.layout tr,
table.layout tr td
{
    padding: 0px;
    margin: 0px;
}

table.layout td.checkbox
{
    padding: 0px 0px 5px 7px;
}

table.layout td.spinner
{
    padding: 0px 0px 7px 0px;
}

.layout-popup .ui-spinner
{
	margin-top: -5px;
}

.selectize-input
{
    padding: 4px !important;
    margin-bottom: 10px;
}

.selectize-dropdown
{
    margin-top: -10px !important;
}

.selectize-input.focus
{
    border-color: rgba(82,168,236,0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
}

.selectize-input
{
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
}

.selectize-input .item
{
    font-size: 11px !important;
    padding: 0px 4px 0px 4px !important;
    height: 17px !important;
}

.selectize-input .item a
{
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
}

.selectize .has-options,
.selectize .has-items
{
    padding: 6px 6px 3px 6px !important;
}

.chosen-single
{
    height: 32px !important;
}

.chosen-container
{
    margin: 0px 0px 10px 0px;
}

.chosen-single span,
.chosen-single div
{
    margin-top: 3px;
}

.chosen-drop
{
    padding-top: -10px;
}

.chosen-results .highlighted
{
    background: #f68d1f !important;
}

.chosen-results .result-selected
{
    font-weight: bold;
}

.ui-spinner
{
    margin-top: -5px;
	background-color: #ffffff;
}

.ui-spinner.focus
{
    border-color: rgba(82,168,236,0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
}

.ui-spinner input,
.ui-spinner input:focus
{
    font-size: 14px;
    font-family: Lato;
    margin: 0px;
    padding: 3px 5px 3px 5px;
    border: 0px;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px;
    -moz-box-shadow: inset 0 0px 0px;
    box-shadow: inset 0 0px 0px;
}

.ui-spinner
{
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #ccc;
	padding: 2px 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
    margin-top: 1px;
    margin-bottom: 5px;
}

.ui-spinner-disabled,
.ui-spinner-disabled input
{
	background: #F4F4F4;
	color: #CCC;
}

.ui-spinner-box
{
	width: 90%;
	height: 100%;
	float: left;
	font-size: 125%;
	border: none;
	background: none;
	padding: 0;
}

.ui-spinner-up,
.ui-spinner-down
{
	width: 20px;
	height: 50%;
	font-size: 7px;
	padding: -10px 0px 0px 0px !important;
	margin: 0px !important;
	z-index: 1;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	right: 0;
	cursor: default;
	border: 1px solid #ccc;
	border-right: none;
	border-top: none;
	line-height: 5px;
}

.ui-spinner-down
{
	bottom: 0;
	border-bottom: 0;
}

.ui-spinner-pressed
{
	background: #FEFEFE;
}

div.startup
{
    background: transparent url(/includes/images/back-dashboard-buttons.png) no-repeat;
    background-position: 32px 32px;
}

div.startup > div
{
    height: 95px;
    cursor: pointer;
}

div.startup > div > div
{
    font-size: 35px;
    color: #f0f0f0;
    height: 63px;
    width: 63px;
    text-align: center;
    padding: 20px 0px 0px 0px;
    display: inline-block;
    vertical-align: top;
}

div.startup > div > div:first-child
{
    font-weight: bold;
    background: transparent url(/includes/images/back-dashboard-button.png) no-repeat;
}

div.startup > div:hover > div:first-child
{
    background: transparent url(/includes/images/back-dashboard-button-hover.png) no-repeat;
}

div.startup > div.completed > div:first-child > span
{
    content: url(/includes/images/dashboard-button-check.png);
}

div.startup > div.completed > div:first-child,
div.startup > div.completed:hover > div:first-child
{
    background: transparent url(/includes/images/back-dashboard-button-completed.png) no-repeat;
}

div.startup > div > div:last-child
{
    width: 700px;
    text-align: left;
    padding: 10px 0px 0px 10px;
}

div.startup > div > div:last-child > h4
{
    color: #333333;
    font-size: 20px;
    padding: 0px;
    margin: 0px;
}

div.startup > div > div:last-child > span
{
    color: #cccccc;
    font-size: 16px;
    padding: 0px;
    margin: 0px;
}

div.startup > div:hover > div:last-child > span
{
    color: #f68d1f;
}

label.error
{
    margin-top: 0;
    margin-left: 10px;
}

.account-menu
{
    margin: 17px 5px 10px 10px;
}

.account-menu li a
{
    background-color: #ffffff !important;
    font-size: 14px;
    color: #f68d1f !important;
    padding: 7px 20px 7px 20px;
    text-align: right;
	border: 0 !important;
}

.account-menu li a:hover
{
    background-color: #f68d1f !important;
    color: #000000 !important;
}

#navTop .dropdown-toggle .caret
{
    margin: 0px 0px 0px 0px;
    line-height: 10px;
    vertical-align: middle;
    display: inline;
    font-size: 0px;
}

li.dropdown
{
    margin-right: 5px;
    padding-right: 0px;
}

.well.for-copy
{
    padding: 5px 10px 5px 10px;
    cursor: text;
}
.api_access_copy{width:100%;word-break:break-all;}

img.real-time,
img.instant
{
    height: 25px;
    margin: 0px 0px 0px 0px;
}

.ace_content,
.ace_content *
{
    font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;
}

.ace-editor
{
    border: 1px solid #dddddd;
    text-align: left;
}

.theme-current
{
    
}

.theme-current img
{
    width: 200px;
    border: 2px solid #dddddd;
    margin: 10px 0px 0px 0px;
}

.theme-current-details
{
    height: 150px;
    vertical-align: middle;
    line-height: 35px;
    display: table-cell;
}

.theme-current-details span
{
    font-size: 20px;
    color: #888888;
}

.theme-current-details span b
{
    color: #000000;
}

div.raty
{
    display: inline-block;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    height: 45px;
    vertical-align: middle;
}

.switch_options
{
    display: inline-block;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
}

.editor-options
{
    font-size: 20px;
    font-weight: bold;
    vertical-align: middle;
}

.switch_options span.selected
{
    background: #f68d1f;
    border-color: #f68d1f;
}

.editor-zone
{
    vertical-align: middle;
    text-align: center;
    width: 100%;
	background-color: #ffffff;
}

.editor-folder,
.editor-file
{
    font-family: Arial;
}

.editor-file
{
    cursor: pointer;
}

.editor-folder
{
    padding: 3px 0px 4px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    vertical-align: bottom;
}

.editor-folder img
{
    height: 18px;
    vertical-align: bottom;
    margin: 0px 0px 2px 0px;
}

.editor-file
{
    padding: 1px 0px 1px 23px;
    font-size: 12px;
    color: #f68d1f;
    vertical-align: middle;
}

.editor-file img
{
    height: 13px;
    vertical-align: top;
    margin: 0;
}

.editor-file:hover
{
    background-color: #fafafa;
}

.editor-no-file
{
    top: 25%;
    position: relative;
    padding: 70px !important;
    text-align: center !important;
    font-size: 30px;
    background-color: #fff !important;
    display: block;
}

.editor-no-file label
{
    padding: 5px 0px 20px 0px;
    font-size: 44px;
    cursor: text;
}

.editor-no-file span
{
    padding: 5px 0px 0px 0px;
    font-size: 12px;
    color: #bbb;
}

.editor-no-file img
{
    height: 130px;
    padding: 50px 0px 0px 0px;
}

.editor-file.selected,
.editor-file.opened.selected
{
    font-weight: bold;
    background-color: #eaeaea;
}

.editor-file.opened
{
    font-weight: bold;
    background-color: #fcfcfc;
}

.editor-file.selected.unsaved,
.editor-file.opened.unsaved,
.editor-file.opened.selected.unsaved
{
    background-image: url(/includes/images/theme-file-unsaved.jpg);
    background-position: 8px center;
    background-repeat: no-repeat;
}

.editor-view-image,
.editor-view-image table,
.editor-not-supported,
.editor-not-supported table
{
    height: 100%;
    width: 100%;
}

.editor-view-image table #imgViewer
{
    border: 1px solid #eaeaea;
}

.editor-view-image table tr:first-child,
.editor-view-image table tr:last-child,
.editor-not-supported table tr:first-child,
.editor-not-supported table tr:last-child
{
    height: 40px;
    background-color: #fdfdfd;
}

.editor-view-image table tr:first-child td,
.editor-view-image table tr:last-child td,
.editor-not-supported table tr:first-child td,
.editor-not-supported table tr:last-child td
{
    text-align: right;
    padding: 0px 10px 0px 0px;
    border: 1px solid #dadada;
}

.editor-view-image table div,
.editor-not-supported table div
{
    font-size: 12px;
    line-height: 14px;
    padding: 10px;
}

.editor-view-image table #imgViewer
{
    max-width: 100%;
    max-height: 250px;
}

.editor-view-image table div #lblImageDate
{
    font-weight: bold;
}

.editor-view-image table div #lblImageSize
{
    font-weight: bold;
}

.editor-view-image table tr:first-child td img,
.editor-not-supported table tr:first-child td img
{
    cursor: pointer;
}

.editor-zone-table
{
    height: 100%;
    width: 100%;
}

.editor-zone-table tr:first-child
{
    height: 40px;
    background-color: #fdfdfd;
}

.editor-zone-table tr:last-child
{
    
}

.editor-zone-table tr:first-child td:first-child
{
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 0px 0px 10px;
    border-top: 1px solid #dadada;
    border-left: 1px solid #dadada;
}

.editor-zone-table tr:first-child td:last-child
{
    text-align: right;
    padding: 0px 10px 0px 0px;
    border-right: 1px solid #dadada;
    border-top: 1px solid #dadada;
}

.editor-zone-table tr:first-child td:last-child img
{
    cursor: pointer;
}

.editor-zone-table tr:first-child td:first-child select
{
    width: 180px;
    padding: 2px;
    height: 25px;
    vertical-align: middle;
    margin: 0px 0px 1px 0px;
}

.editor-zone-table tr:first-child td:first-child select,
.editor-zone-table tr:first-child td:first-child select option,
.editor-zone-table tr:first-child td:first-child select optgroup,
.editor-zone-table tr:first-child td:first-child select optgroup option
{
    font-family: Arial;
    font-size: 12px;
}

.customer-address span
{
    font-size: 12px;
    font-weight: bold;
}

.field-name-comment
{
    color: #aaaaaa;
    font-size: 12px;
}

.delete
{
    vertical-align: middle;
    padding: 9px 0px 0px 22px;
    margin: 0px 0px 0px 5px;
    line-height: 1px;
    background-image: url(/includes/images/delete.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.delete:hover
{
    background-image: url(/includes/images/delete-high.png);
}

.edit
{
    vertical-align: middle;
    padding: 9px 0px 0px 22px;
    margin: 0px 0px 0px 5px;
    line-height: 1px;
    background-image: url(/includes/images/edit.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.edit:hover
{
    background-image: url(/includes/images/edit-high.png);
}

td .delete,
td .edit
{
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px;
}

div.child-item-header
{
    height: 20px;
    padding: 5px;
    margin: 0px 0px 5px 0px;
    font-size: 14px;
    font-weight: bold;
}

div.child-item
{
    background-color: #fdfdfd;
    border: 1px solid #eeeeee;
    height: 30px;
    padding: 5px;
    margin: 0px 0px 5px 0px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

/*div.child-item-link div:nth-child(1)
{
    width: 200px;
}

div.child-item-link div:nth-child(1) input
{
    width: 200px;
}

div.child-item-link div:nth-child(2)
{
    width: 150px;
}

div.child-item-link div:nth-child(2) select
{
    width: 165px;
}

div.child-item-link div:nth-child(3) select
{
    width: 200px;
}

div.child-item-link div:nth-child(3) input
{
    width: 186px;
}*/

div.child-item-link div:nth-child(4)
{
    width: 31px;
    float: right;
    /*padding: 7px 15px 0px 0px;*/
}

div.child-item-link div:nth-child(5)
{
    width: 34px;
    float: right;
}

/*div.child-item-link div:nth-child(5) select
{
    width: 55px;
}*/

div.child-item-frame,
div.child-item-frame > div
{
    height: 105px;
    vertical-align: bottom;
}

div.child-item-frame div,
div.child-item-frame label
{
    cursor: default;
}

div.child-item-frame.child-item-header
{
    height: 30px;
}

/*div.child-item-frame div:nth-child(1)
{
    width: 100px;
}*/

div.child-item-frame div:nth-child(1) img
{
    max-height: 75px;
}

div.child-item-frame div:nth-child(2) label
{
    line-height: 16px;
    padding: 0px;
    margin: 0px;
    font-size: 10px;
    overflow: hidden;
    vertical-align: middle;
}

div.child-item-frame div:nth-child(2) label:nth-child(1)
{
    font-weight: bold;
    font-size: 16px;
    line-height: 25px;
}

div.child-item-frame div:nth-child(2) label:nth-child(2)
{
    font-size: 12px;
}

div.child-item-frame div:nth-child(2) label:nth-child(4)
{
    font-weight: bold;
}

div.child-item-frame div:nth-child(3)
{
    text-align: right;
    vertical-align: bottom;
    float: right;
}

div.child-item-frame div:nth-child(3) select
{
    width: 60px;
}

div.child-item-frame div:nth-child(3) .icheckbox_flat-grey
{
	top: 5px;
}

div.child-item-variant
{
    height: auto;
    vertical-align: bottom;
}

.row-fluid div.child-item-variant *[class*="span"]
{
	min-height: 10px;
}

div.child-item-variant div,
div.child-item-variant label
{
    cursor: default;
}

div.child-item-variant div label
{
    line-height: 16px;
    padding: 0px;
    margin: 0px;
    font-size: 10px;
    overflow: hidden;
    vertical-align: middle;
    font-weight: bold;
}

div.child-item-variant div.action
{
    text-align: right;
    vertical-align: bottom;
    float: right;
	width: 31px;
	float: right;
	padding: 3px 0 0 0;
	margin: 0;
}

div.child-item-variant .color,
div.child-item-variant .size,
div.child-item-variant .material,
div.child-item-variant .duration,
div.child-item-variant .sku,
div.child-item-variant .barCode,
div.child-item-variant .price,
div.child-item-variant .image
{
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-right: 10px;
	display: inline-block;
}

div.child-item-variant .color
{
	background-image: url(/includes/images/icon-color.png);
}

div.child-item-variant .size
{
	background-image: url(/includes/images/icon-size.png);
}

div.child-item-variant .material
{
	background-image: url(/includes/images/icon-material.png);
}

div.child-item-variant .duration
{
	background-image: url(/includes/images/icon-duration.png);
}

div.child-item-variant .sku
{
	background-image: url(/includes/images/icon-sku.png);
	padding-left: 25px;
}

div.child-item-variant .barCode
{
	background-image: url(/includes/images/icon-barcode.png);
	padding-left: 32px;
}

div.child-item-variant .price
{
	background-image: url(/includes/images/icon-price.png);
	padding-left: 20px;
}

div.child-item-variant .image
{
	background-image: url(/includes/images/icon-camera.png);
	padding-left: 25px;
}

div.child-item-product
{
    /*height: 20px;*/
	  height: auto;
    vertical-align: bottom;
}

.row-fluid div.child-item-product *[class*="span"]
{
	min-height: 10px;
}

div.child-item-product div,
div.child-item-product label
{
    cursor: default;
}

/*div.child-item-product div label
{
    line-height: 16px;
    padding: 0px;
    margin: 0px;
    font-size: 10px;
    overflow: hidden;
    vertical-align: middle;
    font-weight: bold;
}*/

div.child-item-product div.action
{
    text-align: right;
    vertical-align: bottom;
    float: right;
	width: 31px;
	float: right;
	padding: 3px 0 0 0;
	margin: 0;
}

div.child-item-product .name,
div.child-item-product .quantity,
div.child-item-product .price
{
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-right: 10px;
	display: inline-block;
}

div.child-item-product .name
{
	padding-left: 0px;
}

div.child-item-product .quantity
{
	background-image: url(/includes/images/icon-size.png);
    float: right;
}

div.child-item-product .price
{
	background-image: url(/includes/images/icon-price.png);
    float: right;
}

div.child-item-history
{
    /*height: 20px;*/
	height: auto;
    vertical-align: bottom;
}

.row-fluid div.child-item-history *[class*="span"]
{
	min-height: 10px;
}

div.child-item-history div,
div.child-item-history label
{
    cursor: default;
}

div.child-item-history .name
{
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-right: 10px;
	display: inline-block;
}

div.child-item-history .name
{
	padding-left: 0px;
	display:inline-block;
}

div.child-item-history .updatedon
{
	display:inline-block;
    float: left;
	margin-right: 15px;
}

div.child-item-tracking
{
    /*height: 20px;*/
	 height: auto;
    vertical-align: bottom;
}

.row-fluid div.child-item-tracking *[class*="span"]
{
	min-height: 10px;
}

div.child-item-tracking div,
div.child-item-tracking label
{
    cursor: default;
}

div.child-item-tracking .name
{
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-right: 10px;
	display: inline-block;
}

div.child-item-tracking .name
{
	padding-left: 0px;
}

div.child-item-tracking .createdon
{
    /*float: left;*/
	margin-right: 15px;
}

div.child-item-tracking .provider-type
{
    /*float: left;*/
	margin-right: 15px;
	width: 75px;
}

div.child-item-tracking .provider-type img
{
	height: 20px;
	margin-top: -3px;
	width:75px;
}

div.child-item-tracking .provider-name
{
    /*float: left;*/
	margin-right: 15px;
	width: 150px;
}

div.child-item-tracking .tracking-number
{
    /*float: left;*/
	margin-right: 15px;
}
div.child-item-tracking .createdon,div.child-item-tracking .provider-type,div.child-item-tracking .provider-name,div.child-item-tracking .tracking-number{display:inline-block;}

div.child-item-payment
{
    /*height: 20px;*/
	  height: auto;
    vertical-align: bottom;
}

.row-fluid div.child-item-payment *[class*="span"]
{
	min-height: 10px;
}

div.child-item-payment div,
div.child-item-payment label
{
    cursor: default;
}

div.child-item-payment .createdon
{
    /*float: left;*/
	margin-right: 15px;
}

div.child-item-payment .amount
{
    /*float: left;*/
	margin-right: 15px;
}

div.child-item-payment .type
{
    /*float: left;*/
	/*margin-right: 15px;*/
	/*width: 75px;*/
	width: 55px;
}

div.child-item-payment .type img
{
	height: 20px;
	margin-top: -3px;
}

div.child-item-payment .trx-id
{
    /*float: left;*/ 
	margin-right: 15px;
	/*width: 250px;*/
}

div.child-item-payment .method-name
{
    /*float: left;*/
	margin-right: 15px;
	/*width: 150px;*/
	
}

.dropdown-menu.left li
{
	text-align: left;
}
div.child-item-payment .createdon,div.child-item-payment .amount,div.child-item-payment .type,div.child-item-payment .trx-id,div.child-item-payment .method-name{display:inline-block;}















/*div.child-item-user div:nth-child(1)
{
    width: 200px;
}

div.child-item-user div:nth-child(1) input
{
    width: 200px;
}

div.child-item-user div:nth-child(2)
{
    width: 150px;
}

div.child-item-user div:nth-child(2) input
{
    width: 186px;
}*/

div.child-item-user div:nth-child(3)
{
    /*width: 31px;*/
	width: 29px;
    float: right;
    padding: 7px 15px 0px 0px;
}













#newVariantsModal table tr td:first-child,
#editVariantModal table tr td:first-child,
#editVariantModal table tr td:nth-child(3)
{
	vertical-align: top;
	padding-top: 5px;
	padding-right: 10px;
}


#newVariantsModal table tr td:last-child
{
	float: right;
}

.editor-add-file
{
    padding: 0px 0px 0px 24px;
    font-size: 12px;
    font-weight: bold;
}

.editor-add-file a
{
    font-family: Arial;
}

.editor-add-file img
{
    height: 12px;
    padding: 0px;
    margin: -3px 0px 0px 0px;
}

input.color-picker
{
    width: 70px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topright: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

div.color-picker
{
    cursor: pointer;
}

.colorpicker input
{
    width: 40px;
    padding: 0px !important;
    line-height: 14px;
}

.themes-list
{
    
}

.themes-list div
{
    cursor: pointer;
    padding: 15px;
}

.themes-list div:hover
{
    background-color: #fcfcfc;
}

.themes-list div img
{
    border: 4px solid #eeeeee;
    outline: 1px solid #aaaaaa;
    margin: -5px 0px 0px -4px;
}

.themes-list div label
{
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    margin: 3px 0px -5px 0px;
    line-height: 10px;
}

.themes-list div label:last-child
{
    font-weight: normal;
}



/*.modal-large
{
    width: 750px;
    margin-left: -375px;
}*/

img.theme
{
    border: 4px solid #eeeeee;
    outline: 1px solid #aaaaaa;
    margin: -5px 0px 0px -4px;
}

label.theme
{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0px 0px 0px;
    margin: 10px 0px -5px 0px;
    line-height: 18px;
}

.table thead tr th[width="30px"]
{
    padding-left: 6px;
}

.app-installed
{
    width: 300px;
    background-image: url(/includes/images/bottom-shadow.png);
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 0px 0px 17px 0px;
    display: inline-block;
    margin: 0px 20px 20px 0px;
}

.app-installed div
{
    border: 1px solid #dddddd;
    -webkit-border-radius: 7px;
    -moz-border-radiust: 7px;
    border-radius: 7px;
    padding: 10px;
    text-align: right;
	background-color: #ffffff;
}

.app-installed div img
{
    width: 100%;
    -webkit-border-radius: 7px;
    -moz-border-radiust: 7px;
    border-radius: 7px;
}

.app-installed div label
{
    margin: 10px 0px 25px 0px;
    font-size: 15px;
    color: #000000;
    font-weight: bold;
    text-align: left;
    cursor: default;
	display:block;
}

.app-installed div a,
.app-installed div button
{
    text-align: right;
    display: inline;
    margin-left: 10px;
}

.btn object
{
	margin: -5px 0 0 -55px;
	padding: 5px 10px 5px 10px;
}

.btn-small {
	padding: 5px 9px;
	height: auto;
	line-height: 12px;
	font-size: 14px;
}

.control-group .btn-small {
margin-top: 4px;
margin-left: 5px;
}

#imgVariant
{
	border: 1px solid #555555;
	height: 110px;
	width: 110px;
}

.total-labels
{
	text-align: right;
}

.total-labels label
{
	display: inline-block;
}

.total-labels label:first-of-type
{
	font-size: 22px;
}

.total-labels label:last-of-type
{
	font-size: 22px;
	font-weight: bold;
}

.featherlight
{
	z-index: 10000;
}

/*.featherlight .featherlight-image
{
	border: 25px solid #eeeeee;
}

.featherlight .featherlight-content
{
	padding: 0;
	margin: 0;
	border: 0;
	display: inline-block;
	overflow: hidden;
}

.featherlight .featherlight-close-icon
{
	background: rgba(255,255,255,0.85);
}*/

.span2.thumb
{
	margin: 0 10px 10px 0;
	padding: 0;
}

.inline-radio-buttons
{
	margin: 0 0 10px 0;
}

.inline-radio-buttons *
{
	display: inline-block;
}

.inline-radio-buttons input[type=radio]
{
	margin: 0 8px 3px 0;
}

.inline-radio-buttons label
{
	margin: 0 8px 0 0;
}

.search-controls
{
	
}

.search-controls td
{
	padding: 0;
}

.search-controls input,
.search-controls select
{
	margin: 0;
}

.search-choice-close
{
    top: 9px !important;
}

.child-item .icheckbox_flat-grey
{
	display: inline-block;
}

.iCheck-helper
{
	cursor: pointer;
}


.dashboard-stats-large,
.dashboard-stats-small {
    display: inline-block;
    padding: 0 0 20px 0;
    margin: 0;
    border: 1px solid #eeeeee;
}

.dashboard-stats-large *,
.dashboard-stats-small * {
    cursor: default;
}

.dashboard-stats-large {
    width: 350px;
    border: 1px solid #eeeeee;
    border-top: 5px solid #f68d1f;
}

.dashboard-stats-small {
    width: 250px;
    border: 1px solid #eeeeee;
    border-top: 5px solid #dddddd;
}

.dashboard-stats-large .day,
.dashboard-stats-small .day {
    font-size: 38px;
    background-color: #fafafa;
    margin: 0;
    padding: 23px 0 23px 0;
    width: 350px;
    display: inline-block;
}

.dashboard-stats-small .day {
    font-size: 26px;
    padding: 15px 0 15px 0;
    width: 250px;
}

.dashboard-stats-large .amount,
.dashboard-stats-small .amount {
    margin: 25px 0 20px 0;
    font-size: 34px;
    font-weight: bold;
}

.dashboard-stats-small .amount {
    font-size: 22px;
}

.dashboard-stats-large .orders,
.dashboard-stats-large .visitors,
.dashboard-stats-large .pageviews,
.dashboard-stats-small .orders,
.dashboard-stats-small .visitors,
.dashboard-stats-small .pageviews {
    font-size: 14px;
    color: #dadada;
    margin: 0;
    padding: 0;
    line-height: 20px;
}

.dashboard-stats-large .orders,
.dashboard-stats-small .orders {
    color: #333333;
    font-size: 16px;
    margin-bottom: 10px;
}

.shadowed-rounded-div {
	padding: 15px 20px 2px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(230,230,230,0.63);
	-moz-box-shadow: 0px 0px 5px 1px rgba(230,230,230,0.63);
	box-shadow: 0px 0px 5px 1px rgba(230,230,230,0.63);
	background-color: #ffffff;
}

.dashboard-table {
	width: 100%;
}

.dashboard-table tr td {
	padding: 5px;
	vertical-align: top;
}

.dashboard-table tr td:first-of-type {
	padding-left: 0;
}

.dashboard-table tr td:last-of-type {
	padding-right: 0;
}

.shadowed-rounded-div-title {
	border-bottom: 1px solid #dde1e4;
	height: 41px;
}

.shadowed-rounded-div-title label {
	/*font-family: */
	float: left;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	cursor: text;
}

.shadowed-rounded-div-title button {
	color: #f89627;
	background-color: transparent;
	padding: 3px 12px 3px 12px;
	border: 1px solid #f89627;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	transition: all ease 0.4s;
	float: right;
	height: 30px;
}

.shadowed-rounded-div-title button:hover {
	color: #ffffff;
	background-color: #f89627;
}

.shadowed-rounded-div-title button.gray,
.shadowed-rounded-div button.gray {
	color: #93a5a9;
	border: 1px solid #93a5a9;
	transition: all ease 0.4s;
}

.shadowed-rounded-div-title button:hover.gray,
.shadowed-rounded-div button:hover.gray {
	color: #ffffff;
	background-color: #93a5a9;
}

.top-sellers {
	overflow: hidden;
	max-width: 800px;
	max-height: 195px;
}

.nav-list > li > a {
	text-shadow: none;
}

.table svg {
	max-height: 20px;
	vertical-align: bottom;
}

.dashboard-product-line {
	border-bottom: 1px solid #dde1e4;
	height: 58px;
}

.dashboard-product-line div {
	height: 58px;
	line-height: 58px;
	vertical-align: middle;
	display: table-cell;
	font-size: 16px;
}

.dashboard-product-line div:first-of-type {
	float: left;
}

.dashboard-product-line div:first-of-type svg {
	height: 20px;
	width: 20px;
	margin: 0 6px -4px 0;
}

.dashboard-product-line div:last-of-type {
	float: right;
	font-weight: bold;
}

.dashboard-product-line.last {
	border: 0;
}

svg.products-total {
	color: #f68d1f;
}

svg.products-visible {
	color: #67bf08;
}

svg.products-not-visible {
	color: #ababab;
}

.shipped-orders {
	min-width: 310px;
	border-top: 5px solid #02a758;
	height: 110px;
	padding: 0 40px 0 40px;
}

.shipped-orders div {
	height: 110px;
	line-height: 110px;
}

.shipped-orders div:first-of-type {
	float: left;
	color: #ababab;
	font-size: 22px;
	font-weight: 300;
}

.shipped-orders div:last-of-type {
	float: right;
	color: #494949;
	font-size: 28px;
	font-weight: 200;
}

.pending-orders {
	border-top: 5px solid #f9b466;
	height: 110px;
	padding: 15px 5px 0 5px;
	box-sizing: border-box;
}

.pending-orders div {
	height: 35px;
	line-height: 35px;
	text-align: center;
}

.pending-orders div:first-of-type {
	color: #ababab;
	font-size: 20px;
	font-weight: 300;
}

.pending-orders div:last-of-type {
	color: #494949;
	font-size: 24px;
	font-weight: 200;
}

.processing-orders {
	border-top: 5px solid #0bb2e6;
	height: 110px;
	padding: 15px 5px 0 5px;
	box-sizing: border-box;
}

.processing-orders div {
	height: 35px;
	line-height: 35px;
	text-align: center;
}

.processing-orders div:first-of-type {
	color: #ababab;
	font-size: 20px;
	font-weight: 300;
}

.processing-orders div:last-of-type {
	color: #494949;
	font-size: 24px;
	font-weight: 200;
}







.dashboard-top-customer {
	height: 60px;
	cursor: pointer;
}

.dashboard-top-customer > div {
	height: 60px;
	line-height: 60px;
	vertical-align: middle;
}

.dashboard-top-customer > table {
	width: 100%;
	min-width: 250px;
}

.dashboard-top-customer svg {
	color: #333333;
	/*height: 30px;
	width: 30px;*/
	height: 50px;
	width:50px;
	margin: 0 10px 0 0;
	display: inline-block;
	vertical-align: middle;
	background-color: #fafafa;
	padding: 10px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}

.dashboard-top-customer table tr td {
	color: #d7d7d7;
	line-height: 12px;
	height: 35px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 150px;
}

.dashboard-top-customer table tr td label {
	color: #262b31;
	margin: 0;
	padding: 0;
	min-width: 100px;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	font-weight:normal;
	line-height:20px; 
}

.dashboard-top-customer table tr td span {
	margin: 0;
	padding: 0;
	min-width: 100px;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dashboard-top-customer table tr td:first-of-type {
	width: 40px;
}

.dashboard-top-customer table tr td:last-of-type {
	float: right;
	color: #d7d7d7;
	font-weight: bold;
	vertical-align: middle;
	line-height: 50px;
	padding: 0 0 0 10px;
}

.dashboard-top-customer:hover svg {
	background-color: #333333;
	color: #ffffff;
}

.dashboard-top-customer:hover table tr td label {
	color: #000000;
}

.dashboard-top-customer:hover table tr td:last-of-type {
	color: #333333;
}









.dashboard-top-product {
	border: 1px solid #d6d6d6;
	padding: 17px;
	/*width: 140px;
	height: 120px;*/
	width: 176px;
	height: 166px;
	display: inline-block;
	/*margin: 20px 20px 20px 0;*/
		margin: 15px 20px 20px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	overflow-x: hidden;
}

.dashboard-top-product img {
	height: 60px;
	width: 60px;
	margin: 0 0 12px 0;
}

.dashboard-top-product label {
	font-weight: normal;
	font-size: 18px;
	color: #2d2d2d;
	margin: 0 0 7px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display:block;
}

.dashboard-top-product span {
	font-size: 14px;
	font-weight: normal;
	color: #858585;
}

.dashboard-top-product:hover {
	border: 1px solid #999999;
}

.dashboard-top-product:hover label {
	color: #000000;
}

.dashboard-activity-line {
	background-image: url(/includes/images/activity-left-total.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0 0 20px 23px;
	margin-top: 4px;
}

.dashboard-activity-line:last-of-type {
	background-image: url(/includes/images/activity-left-last.png);
}

.dashboard-activity-line label {
	color: #686868;
	font-size: 16px;
	line-height: 16px;
	cursor: text;
	word-break:break-all;
}

.dashboard-activity-line label a {
	color: #2e2e2e;
	font-weight: bold;
}

.dashboard-activity-line span {
	display: block;
	font-size: 13px;
	line-height: 14px;
	color: #cfcfcf;
}

.alert {
	margin-bottom: 5px;
	padding-right: 15px;
	padding-top: 9px;
	font-size: 16px;
}

.alert img {
	height: 19px;
	width: 19px;
	margin: -4px 7px 1px 0;
}

.alert close {
	float: right;
	vertical-align: middle;
}

.alert close svg {
	height: 19px;
	width: 19px;
	color: #ffffff;
	cursor: pointer;
	transition: all 0.1s ease;
}

.alert close svg:hover {
	color: #eeeeee;
}




.alert-success {
	background-color: #b5e79e;
	border-color: #a7cc98;
	color: #385f2a;
}

.alert-success a {
	color: #000000;
}

.alert-warning {
	background-color: #ebe470;
	border-color: #ccc998;
	color: #605d27;
}

.alert-warning a {
	color: #000000;
}

.alert-danger {
	background-color: #e79e9e;
	border-color: #cc9898;
	color: #602a2a;
}

.alert-danger a {
	color: #000000;
}

.alert-info {
	background-color: #9edce7;
	border-color: #98c4cc;
	color: #2a5860;
}

.alert-info a {
	color: #000000;
}




.dashboard-global-stats {
	padding: 20px 0 20px 0;
}

.dashboard-global-stats table {
	width: 100%;
}

.dashboard-global-stats td {
	width: 16.66%;
	text-align: center;
	padding: 20px;
	border-right: 1px solid #dde1e4;
}

.dashboard-global-stats td:first-of-type {

}

.dashboard-global-stats td:last-of-type {
	border-right: 0;
}

.dashboard-global-stats span {
	color: #7b797a;
	font-size: 16px;
	text-align: center;
	margin: 5px auto 5px auto;
}

.dashboard-global-stats label {
	color: #494949;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin: 10px auto 5px auto;
	white-space: nowrap;
}

.dashboard-global-stats-selector {
	cursor: pointer;
	transition: all 0.3s ease;
}

.dashboard-global-stats-selector:hover {
	text-decoration: none;
}

.dashboard-global-stats-selector svg {
	height: 13px;
	width: 13px;
	cursor: pointer;
	margin: 0 0 0 3px;
	color: #7c7a7b;
	transition: all 0.5s ease;
}

.dashboard-global-stats-selector span {
	font-size: 26px;
	font-weight: 100;
	cursor: pointer;
	color: #7c7a7b;
	transition: all 0.5s ease;
}

.dashboard-global-stats-selector label {
	color: #7c7a7b;
	font-weight: bold;
	cursor: pointer;
	margin-left: 4px;
	transition: all 0.5s ease;
}

.dashboard-global-stats-selector:hover svg,
.dashboard-global-stats-selector:hover span,
.dashboard-global-stats-selector:hover label {
	color: #494949;
}







.dashboard-global-stats-days {
	padding: 20px 0 20px 0;
}

.dashboard-global-stats-days table {
	width: 100%;
}

.dashboard-global-stats-days td {
	width: 16.66%;
	text-align: center;
	padding: 20px;
	border-right: 1px solid #dde1e4;
	vertical-align: top;
	cursor: pointer;
	line-height: 14px;
	color: #7b797a;
	transition: all 0.3s ease;
}

.dashboard-global-stats-days td:hover {
	background-color: #fafafa;
}

.dashboard-global-stats-days td:first-of-type {
}

.dashboard-global-stats-days td:last-of-type {
	border-right: 0;
}

.dashboard-global-stats-days span {
	color: #494949;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	margin: 5px auto 15px auto;
	display: block;
	font-weight: bold;
}

.dashboard-global-stats-days label {
	color: #7b797a;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	margin: 1px auto 1px auto;
}

.dashboard-global-stats-days td:first-of-type:hover {
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

.dashboard-global-stats-days td:last-of-type:hover {
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.dashboard-global-stats-days td:hover span {
	color: #000000;
}

.dashboard-global-stats-days td:hover label {
	color: #444444;
}



.btn-success {
    background-color: #4eb919;
}

.btn-success:hover {
    background-color: #378112;
}

.dashboard-global-stats .green, .dashboard-global-stats .red {
    display: inline-flex;
}

.dashboard-global-stats .green .icon {
	background: url(/includes/images/sort-up.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
	margin-right: 2px;
	margin-top:7px;
}
.dashboard-global-stats .red .icon {
	background: url(/includes/images/sort-down.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
	margin-right: 2px;
	margin-top:7px;
}

.dashboard-global-stats .red .difference{
	color: #D90022;
    font-size: 12px;
	float:left;
}
.dashboard-global-stats .green .difference{
	color: #55C82F;
    font-size: 12px;
	float:left;
}

#creditCardMandatory a {
	font-size: 16px;
	border: 0;
	border-color: #cc9898;
	color: #602a2a;
	margin-top: 14px;
}

#creditCardMandatory a span {
	padding: 7px 12px 7px 12px;
}

#creditCardMandatory a span:hover {
	background-color: #e16765;
}

#sandboxStore a {
	font-size: 16px;
	border: 0;
	border-color: #cc9898;
	color: #602a2a;
	margin-top: 14px;
}

#sandboxStore a span {
	padding: 7px 12px 7px 12px;
	background-color: #f6961e;
}

#sandboxStore a span:hover {
	background-color: #f6961e;
}

.analytics-graph {
	margin-top:22px;
	background-color: #ffffff;
	padding-left: 24px;
	border: 1px solid #dddddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11);
}

.table-container {
	background-color: #ffffff;
	padding: 20px;
	border: 1px solid #dddddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11);
}

.section-container {
	background-color: #ffffff;
	padding: 20px;
	margin: 0 0 20px 0;
	border: 1px solid #dddddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11);
}

.modal-footer
{
	background: transparent;
	text-align: center;
	border: 0;
	padding-top: 0;
}

.modal-footer a
{
	cursor: pointer;
	margin: 10px 0 5px 0;
	display: block;
}

.modal-header
{
	border: 0;
	background-color: #f7961e;
	color: #ffffff;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.modal-header h3
{
	font-size: 16px;
}

.modal-header .close
{
	color: #ffffff;
	font-size: 34px;
	opacity: 1;
	text-shadow: none;
	font-weight: normal;
	margin-top: 6px;
}

.modal-header.danger
{
	background-color: #fb4b52;
}

.modal-header.warning
{
	background-color: #ffd201;
}

.modal-header.success
{
	background-color: #4eb919;
}

.modal-header-big
{
	padding: 50px;
	text-align: center;
}

.modal-header-big img
{
	height: 90px;
}

.modal-body
{
	padding: 30px 20px 20px 20px;
}

.modal-body.align-center
{
	text-align: center;
}

.nav-previous-next-selector
{
	right: 10px;
	top: 85px;
	position: fixed;
}

.nav-previous-next-selector svg
{
	height: 30px !important;
	width: 30px !important;
	cursor: pointer;
	transition: all 0.3s ease;
}

.nav-previous-next-selector svg:hover
{
	color: #7d7b7c;
}

.kb-button svg {
	color: #d62710 !important;
}

.kb-button svg:hover {
	color: #c21d07 !important;
}

/* LOGIN PAGE */
#pane-login {
    width: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
}

#pane-login-left {
    background-color: #333132;
    background-image: url(/includes/images/login-back-worldmap.png);
	background-position: center -10px;
	background-repeat: no-repeat, no-repeat;
    background-color: #333;
    clear: both;
    float: left;
    width: 550px;
    height: 100%;
} 
#pane-login-left #login-content {
     text-align: center; 
}
#pane-login-left #login-content p {
    color: #aba5a5;
    font-size: 16px;
    margin: 15px 80px 80px 80px;
}

#pane-login-right {
    min-height: 100%;
    background-color: #ffffff;
    margin-left: 550px;
}
#pane-login-right .login-form {
    width: 100%;
    text-align: center;
}
#pane-login-right .login-form h2 {
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 60px;
}
#pane-login-right .login-form .login-input {
    width: 400px;
    color: #f7961e;
    padding: 10px 0 0 5px;
    border-bottom: 1px solid #f7961e;
    vertical-align: bottom;
    margin: 0 auto 20px auto;
    text-align: left;
}
#pane-login-right .login-form .login-input-last {
    margin: 0 auto 5px auto;
}

#pane-login-right .login-form .login-input-text {
    color: #333;
    padding: 10px 0 10px 5px;
}
#pane-login-right .login-form .login-input-text span {
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#pane-login-right .login-form .login-input-text .header {
    color: #f7961e;
}

#pane-login-right .login-form .login-input input {
    color: #333;
    width: 360px;
    padding: 0;
    margin: 0 0 10px 10px;
    border: 0;
    outline: 0;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
	-moz-box-shadow: none;
	box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#pane-login-right .login-form .login-input input:-webkit-autofill {
    color: #333 !important;
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

#pane-login-right .login-form select,
#pane-login-right .login-form .chosen-container {
    min-width: 400px !important;
}
#pane-login-right .login-form .chosen-container .chosen-results {
    text-align: left;
}

#pane-login-right .login-form span {
    text-align: left;
}

#pane-login-right .login-form .btn {
    margin-top: 20px;
}

#pane-login-right .password-recovery {
    width: 400px;
    text-align: right;
    margin: 0 auto;
}

#pane-login-right #signup {
    color: #999797;
    text-align: center;
    position: absolute;
    bottom: 50px;
}
.brand-file-uploader p,.brand-file-uploader  .thumbnails  {
	margin-bottom: 0px;
}
.brand-file-uploader ul,.brand-file-uploader  .thumbnails 
{
	margin-top:0px;
}

.brand-file-uploader .uploadify-queue {
	margin-bottom: 0.7em;
}

.brand-file-uploader .uploadifive-queue {
	margin-bottom: 0.7em;
}

#logoImg {
	word-wrap: break-word;
	text-align: center;
}

#logoImg span {
	display: block;
	color: #ffffff;
	margin-top: 5px;
	height: 20px;
	overflow: hidden;
}

#logoImg literal {
	display: block;
	font-size: 10px;
}

#logoImg literal,
#logoImg:hover literal {
	color: #aaaaaa;
}


/*********Developer Portal Dashboard**************/

.dp-logo {
	width: 250px;
	display: inline-block;
}

.dp-portal-name {    
	display:inline-block;
	padding-top: 12px;
    padding-left: 23px;
}
.account-options {
	display:inline-grid;
}

.portal-title{
	font-size:20px;
	font-weight:400;
	color:white;
}
.portal-title-caption {	
	color:#f68d1f;
	font-size:12px;
}

.top-transactions table tr td {
	max-width:33.33%;
}
.top-transactions {
	text-align:center;
}

.earnings{
	width:80%;
}
.total-earnings{
	width:20%;
}
.earning_money
{
	font-size:30px;
	font-weight:bold;
}
.affilated-earning-money
{
	color:#0bb2e6;
}
.reseller-earning-money{
	color:rgb(249, 180, 102);
}

.affilated-earnings {
	border-top: 5px solid #0bb2e6;
	padding: 10px 10px 0 10px;
	box-sizing: border-box;
	text-align:center;
	color:#ababab;
}
.reseller-earnings
{
	border-top: 5px solid rgb(249, 180, 102);
	padding: 10px 10px 0 10px;
	box-sizing: border-box;
	text-align:center;
	color:#ababab
}

.top-transactions {
	overflow: hidden;
	max-height: 195px;
	padding: 10px 0 10px 0;
}
.top-transactions  table {
    width: 100%;
}

.top-transactions td {
    width: 33.33%;
    text-align: center;
    padding: 20px;
    border-right: 1px solid #dde1e4;
}

.top-transactions td:last-of-type {
	border-right: 0;
}

.top-transactions td label {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;
	color: black;
}

.lifetime-earnings {

}

.lifetime-earnings div {
	height: 63px;
	line-height: 24px;
	text-align: center;
}

.lifetime-earnings div:first-of-type {
	color: #ababab;
	font-size: 20px;
	font-weight: 300;
}
.reseller-earnings.lifetime-earnings
{

}
.reseller-earnings.lifetime-earnings div
{

}

.chartArea
{
	width:100%;
	margin-top:15px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}
.line-chart
{
	height: 250px;
	width:100%
}
/*********Affiliate Program Style*************/

 
.affiliate-box {
	height: 110px;
	padding: 15px;
	box-sizing: border-box;
	display: inline-block;
	width: 220px;
}

.affiliate-box div {
	line-height: 35px;
	text-align: center;
}

.affiliate-box div:first-of-type {
	color: #ababab;
	font-size: 20px;
	font-weight: 300;
}

.affiliate-box div:last-of-type {
	color: #ababab;
	font-size: 24px;
	font-weight: 200;
}

.lifetimeCommission {
	width: 300px;
}

.affiliate-link {
	border-top: 5px solid rgb(249, 180, 102);
	padding: 10px 10px 0 10px;
	box-sizing: border-box;
	text-align: center;
	color: #ababab;
	display: block;
}

.affiliate-link input {
	width: calc(100% - 140px);
}


.affiliate-link-area {
	overflow: hidden;
	max-height: 195px;
	padding: 15px 0 10px 0;
	text-align: left;
}

.copy-link {
	margin-left: 23px;
	margin-bottom: 10px;
}

.affiliate-link-note {
	text-align: left;
	padding-bottom: 18px;
}

.banner-link button {
	border-radius: 50px;
	background-color: transparent;
	padding: 2px 10px 2px 10px;
	color: #93a5a9;
	border: 1px solid #93a5a9;
}

.affiliate-program-detail {
	color: #ababab;
	font-weight: 300;
	padding: 15px;
	width: 100%;
	text-align: center;
	display: block;
	box-sizing: border-box;
}

.affiliate-program-detail-area .banner-link {
	margin-top: 0px;
	height: 180px;
	padding: 35px;
}
.banners table {
 width: 100%;
 text-align: center;
}
.padding-top-30px
{
    padding-top:30px;
}
/***************/


/*header*/

.pane-right {
	margin-left: 0;
	padding-right: 0;
	margin-right: 0 !important;
}
.account-options{
	float: right;
}
.side-menu-button {
	position: absolute;
	top: 16px;
	left: 16px;
	padding: 8px;
	width: 48px;
	height: 48px;
	cursor: pointer;
	transition: all .3s ease-in-out;
	z-index: 1039;
}

.side-menu-button span {
	display: block;
	margin: 4px;
	width: 100%;
	height: 4px;
	background: #f68d1f;
	transition: all 0.3s ease-in-out;
}

.side-menu-button.open span {
   transform-origin: 50% 50%;
}

.side-menu-button.open span:nth-of-type(1) {
	transform: translateY(200%) rotate(45deg);
}

.side-menu-button.open span:nth-of-type(2) {
	opacity: 0;
}

.side-menu-button.open span:nth-of-type(3) {
	transform: translateY(-200%) rotate(-45deg);
}

.sidebar {
	position: absolute;
	transition: all .3s ease-in-out;
	z-index: 998;
	/*min-height: 100vh;*/
	/*min-height: 100vh;
	width: calc(100% - 52px);
	max-width: 250px;
	transition: all .3s ease-in-out;*/
	/*background: #333132;*/
	/*z-index: 998;
	font-family: 'Roboto-Medium';
	font-size: 14px;*/
}

.sidebar.closed {
	left: -100%;
}

.sidebar.open {
	left: 0;
}

.main-container {
	position: relative;
	width: 100%;
	/*padding-bottom: 15px;*/
}

.page-wrapper {
	min-height: 100%;
	padding: 0 !important;
	transition: 0.3s all linear;
}

.sidebar .brand {
	display: block;
	float: left;
	padding: 10px 21px 10px;
	margin-left: -20px;
	font-size: 20px;
	font-weight: 200;
	color: #777;
}

.p-l-0 {
	padding-left: 0 !important;
}

.p-r-0 {
	padding-right: 0 !important;
}

.p-t-5 {
	padding-top: 5px;
}

.brand {
	width: 251px;
}

.nav li + .nav-header {
	margin-top: 9px;
}

#navTop > li > a svg {
	height: 34px;
	width: 34px;
}

.dp-logo {
	position: fixed;
	left: 19px;
	top: 14px;
	z-index: 9;
}

#navTop > li > a {
	padding: 12px 15px 12px 15px;
	background-color: #333132;
}

.default-domain {
	line-height: 10px;
}

.nav-list li {
	padding: 5px 15px 5px 15px;
}

.nav-list li a {
	padding: 2px 5px 3px 15px;
}

.pane-left .nav svg {
	margin: 0px 3px -3px 0;
}

.sidebar .nav-list {
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 0;
}

.sidebar .nav-header {
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	text-transform: uppercase;
}

.portal-title, .portal-title-caption {
	line-height: 20px;
}

.develper-portal-menu .pane-left-inner {
	position: fixed !important;
	top: 50px;
	width: 250px !important;
	height: 100vh;
}

.pane-right > div:last-child {
	padding: 100px 20px 80px 20px;
}

.no-margin {
	margin: 0 !important;
}
/*mainpage*/
.m-t-2 {
	margin-top: 2px;
}

#filterToday {
	padding-left: 3px;
}

.main-container .navbar-fixed-top .nav li a {
	color: #848181 !important;
	    border: none;
}
   .main-container h4 {
    font-weight: bold;
}

.main-container .navbar-fixed-top .nav li a:hover {
	color: #ffffff !important;
}

.main-container .nav > li > a {
	padding: 5px 12px;
}

.dashboard-table {
	margin-top: 27px;
}

.m-t-10 {
	margin-top: 10px !important;
}

.p-l-r-5 {
	padding-right: 5px;
	padding-left: 5px;
}

.top-transactions td label {
	margin-bottom: 5px;
	line-height: 1;
}

.login-section {
	background: #333132 !important;
	height: 65px;
	margin-left: 250px;
}

.top-transactions {
	overflow: inherit;
}
.brand-name-logo label,.client-website label {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
	padding-top:6px;
}
.inline{
	    display: -webkit-inline-box;
		display: inline-flex;
}
.p-l-5{
	   padding-left:5px;
}
.help{
	  margin: 0px 0px 0px 7px;
}
.m-b-10{
		 margin-bottom: 10px;
}
.input-field{
	width: 515px;
    padding: 4px 6px;
}
/*.ui-spinner
{
	 height: 32px;
}*/
.reseller-setting .chosen-container{
	width:220px !important;
}
.reseller-setting .ui-spinner{
	width: 72px;
	display: inline-block;
}
.charge-message{
	display: inline-block;
    padding: 2px 4px;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999;

} 
.charge-message div
{
	display:inline;
}
.paypal-field{
	    width: 220px;
}
.select-field{
	height: 32px;
	width: 315px;
}
.chosen-container{
	    height: 32px;
}
.street-field{
	width: 315px;
}
#uplImage,#uplFile{
	height: 36px !important;
    width: 120px !important;
}
.name-field{
	width: 265px;
}
.email-field{
	width:415px;
}
.number-field{
	    width: 215px;
}
.city-field{
	 width: 165px;
}
.zip-field{
	 width: 115px;
}
.p-0{
	padding:0 !important;
}
.display-inline{
	display: -webkit-inline-box;
}
/*******Clients Website Page****************/
.client-website .ui-spinner {
	width: 111px;
    display: inline-table;
}
.client-website #txtDomainName,.client-website #txtStreetAddress,.client-website #lstCountry,.client-website #lstState
{
	width: 315px;
}
.client-website #txtCity{width: 165px;}
.client-website #txtPostalCode{width:115px;}
.client-website #txtFirstName,.client-website #txtLastName{width:265px;}
.client-website #txtEmail{width:415px;}
.client-website #txtPhone,.client-website #txtPassword,.client-website #txtConfirmPassword{width:215px;}


.m-b-22{margin-bottom:22px;}
.label-important, .badge-important { background-color: #b94a48;}

/**********************/

/*****Pagination****/

.pagination ul {
	display: inline-block;
}
.pagination ul>li {
    display: inline;
}
.pagination ul>li>a, .pagination ul>li>span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left-width: 0;
}
.pagination ul>li>a:hover, .pagination ul>li>a:focus, .pagination ul>.active>a, .pagination ul>.active>span {
    background-color: #f5f5f5;
}
.pagination ul>.active>a, .pagination ul>.active>span {
    color: #999;
    cursor: default;
}
.pagination ul>li:first-child>a, .pagination ul>li:first-child>span {
    border-left-width: 1px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}
.pagination ul>li>a, .pagination ul>li>span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left-width: 0;
}
/*header*/


/*mainpage*/
.alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}
.alert{
	    padding: 8px 15px 7px 14px;
}
/*Transaction-page*/
.p-b-22{
	padding-bottom: 22px;
}
.p-t-2{
padding-top: 2px;
}
   .transactions-page .table-striped>tbody>tr:nth-of-type(odd) {
     background-color: #fff; 
}
  .transactions-page .table>thead>tr>th {
    border-bottom: none;
	    
}
  .transactions-page .table td {
    border-top: 1px solid #eeeeee;
	
}
 .transactions-page th.sort-asc, .transactions-page th.sort-desc {
    padding: 3px 10px 5px 10px !important;
}
 /*Transaction-page*/

 /*client-page*/
 .website-resell > div:nth-of-type(2) > div:last-of-type button{
	     width: 100% !important;
 }
        .website-resell {
            border: 1px solid #dddddd;
            background-color: #ffffff;
            width: 100%;
            margin: 0 0 20px 0;
            box-sizing: border-box;
            -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.35);
            -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.35);
            box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.35);
        }
        .website-resell h2 {
            margin: 0 0 5px 0;
            padding: 0;
            font-size: 16px;
            line-height: 16px;
        }
        .website-resell h3 {
            margin: 0 0 10px 0;
            padding: 0;
            font-size: 14px;
            font-weight: normal;
            line-height: 14px;
        }
      
         .website-resell > div:nth-of-type(2), .website-resell > div:nth-of-type(2) > div:first-of-type {
            padding-right:0px;
        }
       
        .website-resell > div:nth-of-type(2) > div:last-of-type button {
            width: 100px;
            margin: 1px 5px 0 -8px;
            padding: 2px 3px 2px 3px;
            -webkit-border-radius: 35px;
            -moz-border-radius: 35px;
            border-radius: 35px;
            border: 1px solid #eeeeee;
            background-color: #ffffff;
            font-size: 12px;
            font-weight: normal;
            transition: all ease 0.2s;
            color: #000000;
        }
        .website-resell > div:nth-of-type(2) > div:last-of-type button:hover {
            background-color: #f7961e;
            color: #ffffff;
        }
        .website-resell > div:nth-of-type(2) > div:last-of-type button.btn-danger:hover {
            background-color: #d62710;
            color: #ffffff;
        }
        .website-resell label {
            cursor: text;
        }
        .website-resell  > div:nth-of-type(1),.website-resell-financials
        {
            padding-top:20px;
            padding-left:20px;
			padding-bottom:20px;
        }
        .annual-profit {
            display: inline-block;
            -webkit-border-radius: 35px;
            -moz-border-radius: 35px;
            border-radius: 35px;
            border: 1px solid #eeeeee;
            padding: 3px 20px 3px 20px;
            margin: auto 5px auto 0;
            vertical-align: middle;
            background-color: #eeeeee;
        }
        .annual-profit label:first-of-type {
            font-size: 12px;
            line-height: 12px;
            margin: 1px;
            padding: 1px;
            font-weight: normal;
            width: 100%;
            text-align: center;
            cursor: text;
        }
        .annual-profit label:last-of-type {
            font-size: 14px;
            line-height: 14px;
            margin: 1px;
            padding: 1px;
            font-weight: bold;
            width: 100%;
            text-align: center;
            cursor: text;
        }
        .annual-profit label{
            display:block;
        }
        .website-resell-action-buttons {
            display: inline-block;
            vertical-align: middle;
            text-align: right;
            height: 112px;
            border-left: 1px solid #eeeeee;
            padding-right: 10px;
            background-color: #fafafa;
        }
        
        .website-resell-action-buttons > div {
              display: table-cell;
              vertical-align: middle;
                height: 112px;
        }
        
        .website-resell-financials {
            text-align: right;
        }
        .website-resell-financials > div:first-of-type b {
            font-size: 20px;
        }
        .website-resell-financials > div:last-of-type {
            margin-top: 10px;
        }
        .deleted-website{
            color:#bfbfbf;
        }
		.bottom-actions > div {
    padding: 0px 260px 0px 0px;
}
		.bottom-actions{
			height:auto;
		}
		.footer-left{
		text-align: left;
	}
	.footer-right{
		text-align: right;
	}
 /*client-page*/

 /*banner-page*/
.image-first{
	padding-top: 5px;
	}
	.p-t-15{
padding-top:15px;
	}
.p-b-15 {
	 padding-bottom: 15px;
}
    
 /*banner-page*/
 /*managelayout-css*/
.manage-container #navTop > li > a {
	padding: 12px 20px 12px 15px;
}
.navbar-inner .nav-pills.menu-icon li a, .navbar-inner .nav-pills.menu-icon li.active a, .navbar-inner .nav-pills.menu-icon li:hover.active a, .navbar-inner .nav-pills.menu-icon li:hover a {
	padding: 24px 15px 20px 15px;
}
.manage-container #sandboxStore a span, .manage-container #creditCardMandatory a span {
	padding: 8px 11px 8px 12px;
}
.m-r-10{
	margin-right:10px;
}
.p-b-0{
	padding-bottom:0;
}
.manage-menu .pane-left-inner {
	width: 250px !important;
	}
.manage-menu #logoImg span {
	height: auto;
	margin-top: 1px;
}
.manage-menu #logoImg literal, .manage-menu #logoImg:hover literal {
    position: relative;
    top: -1px;
}
.manage-menu .nav-list li .badge {
	padding: 4px 15px 4px 15px;
	margin-top: -2px;
}
.manage-menu .brand{
	    height: 68px !important;
		margin-left: 0; 
		text-decoration:none;
}
.top-nav{
	    background-color: #333132;
		height: 65px;
		border: none;
}
.p-r-0{
	padding-right:0;
}
.manage-container #navTop > li > a div{
	height: 31px;
}
#liNote {margin-top:0px;}
#liNote literal{padding:0px;}
/*managelayout-css*/

/*manage-dashboards*/
.today-section{
	    padding: 7px 20px 2px 20px;
}
.date-section{
	position: relative;
    top: -4px;
}
.today-section .dashboard-global-stats label{
	    margin: 4px auto 5px auto;
}
.today-section .dashboard-global-stats{
	    padding: 15px 0 15px 0;
}
.manage-dashboard{
	    margin-top: 10px;
}
.manage-dashboard .shadowed-rounded-div-title label{
	    font-weight: normal;
}
.product-section{
	    padding-left: 10px;
    padding-right: 10px;
}
.manage-dashboard .shipped-orders {
	height: 115px;
}
.topseller-section{
	padding-right: 10px;
    padding-top: 5px;
	padding-left: 0;
}
.m-b-7{
	margin-bottom: 7px;
}
.p-b-5{
	padding-bottom:5px;
}
.latest-section{
	 margin-top: 10px;
}
#liDeveloperPortal .label-info {
    background-color: #3a87ad;
}
#liDeveloperPortal .label {
 font-size: 11.844px;
 padding-top: 4px !important;
}
/*manage-dashboard*/

/********Manage Store Page****************/
 .manage-container .table-container{margin-top:22px;}

.manage-container .table-container .table-striped>tbody>tr:nth-of-type(odd){background-color: #fff;}
    .manage-container .table-container.table>thead>tr>th { border-bottom: none;}
.manage-container .table-container .table td { border-top: 1px solid #eeeeee;}
.manage-container .table-container th.sort-asc,  .manage-container .table-container th.sort-desc  {
    padding: 3px 10px 5px 10px !important;
}
.btn-inverse , .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
    color: #fff;
}
  .manage-container .table-container .table thead th { vertical-align: bottom; }
.manage-container .table-container .table > thead > tr > th {border-bottom: 0px;}
  /*.manage-container .table-container .table-striped thead th
   
  {padding: 4px 10px 4px 10px !important;}*/
/**************************/

/**********Cart Abondon settings*********/
.abondaned_cart_settings label{font-weight:normal;}
.abondon_message{margin-left:10px;}

/*******Customer Page***********/
.customer_page label{font-weight:normal;}
.customer_page #txtFirstName,.customer_page #txtLastName,.customer_page #txtCompany,.customer_page #txtAddressLine1,.customer_page #txtAddressLine2, .customer_page #txtCity,.customer_page #lstState,.customer_page #lstCountry{width:265px;}
.customer_page #txtPhone,.customer_page #txtCellPhone{width:165px;}
.customer_page #txtBirthdate{width:115px;}
.customer_page #txtEmail{width:415px;}
.customer_page #txtCredit,.customer_page #txtPostalCode{width:115px;}
.customer_page #txtPassword,.customer_page #txtConfirmPassword{width:215px;}
.customer_page .ui-spinner{display:inline-block;}
/***********/

/**********New Page***************/

.new_page label{font-weight:normal;}

.new_page #chkSecuredInfo2,.new_page #chkHomepageInfo2{margin-left:10px;}
#users-container div.child-item{height:47px;}
.new_page #users-container .delete {padding: 5px 0px 0px 22px;}
.new_page div.child-item-header{padding:0px;}

.new_page #txtTitle,.new_page #txtSlug{width:415px;}
.new_page #txtBackgroundFileCredits,.new_page #txtSeoTitle,.new_page #txtSeoKeywords,.new_page #txtSeoDescription{width:515px;}
/*********************/

/********Blog post page*************/
.post_blog_page label{font-weight:normal;}
.post_blog_page #lblVisibleInfo{margin-left:10px;}
.post_blog_page #txtTitle,.post_blog_page #txtSlug,.post_blog_page #txtContent{width:415px;}
.post_blog_page #txtDate,.post_blog_page #txtDateEnd{width:115px;}
.post_blog_page #txtSeoTitle,.post_blog_page #txtSeoKeywords,.post_blog_page #txtSeoDescription{width:515px;}
.post_blog_page .selectize-control{width:515px;}
/*********************/

/***********files page***********/
.files_page label{font-weight:normal;}
.files_page #txtName{width:515px;}

/********************/

/******Coupon Page*******/
.coupon_page label{font-weight:normal;}
.coupon_page table.layout td.checkbox {
    padding: 7px 0px 8px 12px;
}
.coupon_page .clickable label{margin-left:10px;margin-bottom: 2px;}
.coupon_page #txtName,.coupon_page #lstType{width:315px;}
.coupon_page #txtCode{width:215px;}
.coupon_page #txtAmount,.coupon_page #txtStartsOn,.coupon_page #txtExpiresOn{width:115px;}

/************/

/*****view order page*****/
.view_order_page label{font-weight:normal;}
.view_order_page #lblPaymentStatus{    background-color: #999;}

/*product-page*/
.product-page table.layout td.checkbox {
    padding-top: 1px;
}
.product-page .clickable label{margin-left:10px;margin-bottom: 2px;}
.product-page label {
	    font-weight: normal;
}
.clickable .hover{
	    cursor: pointer;
}
.m-l-10{
	margin-left:10px;
}
.chk-setting{
	    position: relative;
    top: 6px;
}
.product-page #txtMaxBuy{
	width: 100px;
}
.product-page #txtMinBuy{
	width: 100px;
}
/*product-page*/

/*product-create*/
.product-create .nav .open>a, .product-create .nav .open>a:focus, .product-create .nav .open>a:hover {
    background-color: #fff;
    border-color: #f68d1f;
    color: #f68d1f;
}
.m-b-5{
 margin-bottom:5px;
}
.product-modal #uplFile{
 height:auto !important;
 width:auto !important;
}
.p-t-10{
 padding-top:10px;
}

#editVariantModal table.layout td.checkbox {padding-left: 0px;
    padding-right: 0px;}
.check-detail-popup{padding-right:0px !important;}
.check-detail-popup label{margin-top:5px;margin-left:5px;}
#editVariantModal .icheckbox_flat-grey{margin-top:5px !important;}
#editVariantModal  label{font-weight:normal;}
#newVariantsModal label,#editVariantModal label{font-weight:normal;}
/*product-create*/
/*menunavigation-page*/
.menunavigation-page .nt-normal{font-weight:normal;}
.menunavigation-page div.child-item {
 height: 45px;
}
.menunavigation-page div.child-item-link div:nth-child(5) {
    width: 55px;
}
.menunavigation-page .cross-setting{
 position: relative;
    top: 10px;
}
.menunavigation-page .rank-postion{
     float: left !important; 
}
/*menunavigation-page*/

/*theme-styles-page*/
.theme-styles-page #uplFile{ 
 height:auto !important;
 width:auto !important;
}
.styles-page-theme label {
    font-weight: normal;
}
.carousel-page label{
 display:block;
 font-weight: normal;
}
.carousel-page div.child-item-frame div:nth-child(1) img {
    width:80%;
 max-height: 75px;
}
.carousel-page .child-item-frame .form-control{display:inline-block;height:30px;}
.carousel-page .active-option{margin-top:5px;}
/*theme-styles-page*/

/*********Categories Page**************/
.categories_page label{font-weight:normal;}
.categories_page #txtName,.categories_page #txtSeoTitle,.categories_page #txtSeoKeywords,.categories_page #txtSeoDescription{width:515px;}
.categories_page #txtSlug{width:415px;}

/***************/

/*********Categories Page**************/
.collection_page label{font-weight:normal;}
.collection_page #txtName,.collection_page #txtSeoTitle,.collection_page #txtSeoKeywords,.collection_page #txtSeoDescription{width:515px;}
.collection_page #txtSlug{width:415px;}

/***************/

.tracking_page label{font-weight:normal;}
.thumbnails{
 list-style: none;
 padding: 0;
}
#thumbImages li{width:14.893617021276595%;}
/*editmydetail-page*/
.editmydetail-page label{
     font-weight: normal;
}
.m-b-16{
 margin-bottom:16px;
}
.accountdetail-page label{
     font-weight: normal;
}
.p-t-25{
	    padding-top: 25px;
}
/*editmydetail-page*/

/*store-info-page*/
.store-info-page label{font-weight:normal;}
/*store-info-page*/
/*addnew-domain-page*/
.addnew-domain-page label, .addnewuser-page label{font-weight:normal;}
/*addnew-domain-page*/
/*email-notif-page*/

.email-notif-page .chosen-container {
    width: 100% !important;
}
.email-notif-page label{font-weight:normal;}
.email-notif-page table.layout td.checkbox {
    padding: 7px 0px 5px 7px;
}
/*email-notif-page*/
/***********Currency Page**************/
.currency_Page label{font-weight:normal;}
.currency_Page .clickable label{margin-left:10px;}
.currency_Page #txtName,.currency_Page #lstCurrency{width:315px;}

/***********Checkout page***********/
.checkout_page label{font-weight:normal;}
.checkout_page .clickable label{margin-left:10px;}
.checkout_page #lstInventoryUpdate{width:300px;}

/********Payment Page************/
.payment_page label{font-weight:normal; }
.payment_page #txtName{width:415px;}
.payment_page #lstCountries,.payment_page #lstCountryStates,.payment_page #lstZipCodes{width:500px !important;}
.payment_page #lstCountry{width:250px;}
.payment_page #lstType,.payment_page #lstGateway,.payment_page #txtPayPalEmail,.payment_page #txtStripePublicKey ,.payment_page #txtStripePrivateKey,.payment_page #lstAppliesTo{width:206px}

/***********Tax page****************/
.tax_page label{font-weight:normal;}
.tax_page #txtName{width:415px;}
.tax_page #txtRate{width:115px;}
.tax_page #lstCountry{width:250px;}

/******Shipping page**********/
.shipping_page label{font-weight:normal;}
.shipping_page .clickable label{margin-left:10px;margin-bottom: 2px;}
.shipping_page table.layout td.checkbox {
    padding: 6px 0px 8px 12px;
}
.shipping_page .country-section{
 width: 500px;
}
/*****************/
#lnkDomain{word-break:break-all;}

/****urlMapping****/
.url_mapping_page label{font-weight:normal; display:block;}
/**************/
.analytics-div{
	width: 75%;
}


.fb_page label{font-weight:normal}

/****pos-page****/
.pos-search.pos-page .search-icon {
 width: 70px;
}
.pos-page label {
    display:block;
}
/****pos-page****/
/****common-class****/
.clickable{
 cursor:pointer;
}
.m-b-0{
 margin-bottom:0;
}
.fee-checkbox{
  position: relative;
    top: 1px;
}
.manage-container #navTop .dropdown-toggle .caret{
	position: absolute; 
    right: 14px;
    top: 19px;
}
.ui-spinner{
	margin-bottom: 0;
	margin-top: 0;
	height: 34px;
}
.manage-container .selectize-input {
    margin-bottom: 0;
	height: 34px;
	padding: 6px 12px !important;
}
.manage-container .selectize-control{
	line-height: 0;
}
.chosen-single {
    height: 34px !important;
}
.chosen-container{
	    height: 34px;
		margin-bottom: 0;
}
.up-down-drophelp{
	position: relative;
    top: 3px;
}
.order-header{
  padding-right:63px !important;
 }
/****common-class****/
#divError,#divError .vertical-align-helper {height:100%}
#divErrorArea{padding:10%; height:100vh; max-height:100vh;overflow-y:auto;}
.control-group .row .col-md-3 label{
    margin-top: 5px;
}
.m-t-5{margin-top:5px;}
.ellipsis_text{
	min-width:50px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.p-b-10{
	padding-bottom:10px;
}
.left-menu-section{
	display: inline-block;
}
.right-menu-section{
	display: initial;
}
.pane-right{ height:100vh !important;}
.pane-left-inner{background-color: #333132 !important;}
@media (max-width: 1200px) and (min-width: 992px) {

	.btn-postion {
		text-align: center;
		float: inherit !important;
	}

	.manage-dashboard .shadowed-rounded-div-title.height-setting {
		height: 75px;
	}

	.manage-dashboard .pending-orders div:first-of-type, .manage-dashboard .processing-orders div:first-of-type {
		font-size: 17px;
	}

	.manage-dashboard .processing-orders, .manage-dashboard .pending-orders {
		height: 144px;
	}
	div.child-item-tracking .createdon,div.child-item-tracking .provider-type,div.child-item-tracking .provider-name,div.child-item-tracking .tracking-number{display:block;}
div.child-item-payment .createdon,div.child-item-payment .amount,div.child-item-payment .type,div.child-item-payment .trx-id,div.child-item-payment .method-name{display:block;}
div.child-item-tracking{display:inline-block;margin-left:10px;}
}
@media (max-width: 1334px) and (min-width: 992px) {
	.box-size-second{
		padding-left:0;
	}
}
@media (min-width: 1133px) {
	.dashboard-page .col-md-9 {width: 80%;	}

	.dashboard-page .col-md-3 {width: 20%;	}
	.affiliate-page .col-md-9 {
    width: 71.2%;}
 .affiliate-page .col-md-3 {
	width: 28.8%;}
}
@media (min-width: 992px) {
	.carousel-page  #lblSeconds{margin-top:5px;}
	.box-size-first{
	 width:728px
 }
 .box-size-second{
	 width:300px
 }
 .box-size-thrid{
width:555px
 }
 .box-size-four{
width:109px
 }
 .box-size-five{
width:383px
 }
 .box-size-six{
	 width:340px
 }
 .box-size-seven{
	 width:139px
 }
 .box-size-eight{
	 width:184px
 }
 .box-size-nine{
	 width:396px
 }
}

@media (max-width: 992px) and (min-width: 768px) {
 .padd-m-b-5{
  margin-bottom:5px;
 }
 .view_order_page #history-container{margin-top:10px;}
}

@media (max-width: 992px) {
	.shipping_page .country-section {
    width: 100%;
}
	.p-textcenter{
		text-align:center;
	}
	.bottom-actions{
      line-height: 40px;
 }

	/*managelayout-css*/
	.product-section {
    padding-left: 0;
    padding-right: 0;
	    padding-top: 5px;
}
	.topseller-section {
		padding-top: 10px;
		padding-right: 0;
		padding-bottom: 10px;
	}
	.manage-container .view-online {
    padding: 25px 13px 24px 13px;
}
	/*managelayout-css*/
	.padd-p-r-0{
		    padding-right: 0;
	}
	.footer-left{
		text-align: center;
	}
	.footer-right{
		text-align: center;
	}
	.image-first{
		 max-width: 100%;
	}
	.padd-p-l-0 {padding-left: 0;}
	.input-field{
		    width: 100% !important;
	}
	.chosen-container{
		    width: 100% !important;
	}
	.padd-p-0 {	padding: 0;	}

	.portal-title-caption {	line-height: 15px;}

	.pad-m-b-10 {margin-bottom: 10px;}

	.top-transactions td label {font-size: 15px;}

	.earning_money {font-size: 25px;}

	.lifetime-earnings div {height: 50px;}

	.client-website .control-group .layout
	{width:100%;}
	.website-resell-financials{padding-top:0px;}

	div.child-item-tracking .createdon,div.child-item-tracking .provider-type,div.child-item-tracking .provider-name,div.child-item-tracking .tracking-number{display:block;}
	div.child-item-payment .createdon,div.child-item-payment .amount,div.child-item-payment .type,div.child-item-payment .trx-id,div.child-item-payment .method-name{display:block;}
	div.child-item-tracking{display:inline-block;margin-left:10px;}
}
@media (max-width: 970px) {
    #pane-login-left {
        display: none;
    }
    #pane-login-right {
        margin-left: 0;
    }
}
@media (min-width: 768px) {
.deleted-website{
   padding-right:20px;
   }
	.textright {float: right;}

	.width-Transactions {width: 141px;}

	.page-wrapper {
		position: relative;
		margin: 0 0 0 250px;
		padding: 0;
	}
	.side-menu-button {display: none;}
	 .modal {
  width: 600px;
  margin: 30px auto;
 }
	 .modal-large {
    width: 750px;
  margin: 30px auto;
}
}
@media (max-width: 768px) {
.order-header{
  padding-right:0 !important;
 }
 div.child-item-frame div:nth-child(2) label{
  overflow: inherit;
 }
 .small-view-width{
  width: 660px; 
 }
 #divError .vertical-align-helper
 {
  display:inline;
 }
.deleted-website{
           text-align:center;
 }
.pane-right > div:last-child{
	padding: 70px 20px 80px 20px;
}
.pane-left-inner::-webkit-scrollbar {width: .5em;}
 
.pane-left-inner::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
 
.pane-left-inner::-webkit-scrollbar-thumb {
  border-radius:10px;
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

	.manage-menu .mobile-nav{
	position: relative;
    top: -39px;
    padding: 0 !important;
	}
	.pane-left-inner {
    height: 100vh;
	max-height:calc(100vh - 107px);
	overflow-y:auto;
	margin-top: 57px;
}
.analytics-div{
	width: 100%;
}
 .shipping_page .country-section, .shipping_page .cost-section{
 width: 100%;
}
 .tax_page .layout{width:100%;}
 .currency_Page .layout{width:100%;}
/*menunavigation-page*/
.m-p-r-5{
 padding-right:5px;
}
.menu-nav-page .form-control {
      padding: 6px 0 6px 2px;
 }
.menunavigation-page div.child-item-link div:nth-child(5) {
    width: 34px;
}
/*menunavigation-page*/

/*themestyle-page*/
.carousel-page .select-option{
 display: block;position: absolute;right: 0;
}
.carousel-page .active-option{
 position: relative;top: 30px;
}
.carousel-page .delete, .carousel-page .edit{
 position: relative;
    top: 38px;
}
/*themestyle-page*/

/*product-page*/
.product-page #txtMaxBuy{
	width: 100%;
}
.product-page #txtMinBuy{
	width: 100%;
}
/*product-page*/

/*manage-dashboard*/
	.shipped-orders {
		min-width: 100%;
	}
	.top-nav {
		height: 58px;
	}
.m-p-l-t-0{
	padding-left:0 !important;
	padding-bottom:0;
	padding-top: 0px;
}
.manage-container .pending-orders div:first-of-type, .manage-container .processing-orders div:first-of-type{
	font-size: 14px;
}
	.manage-dashboard .shadowed-rounded-div-title button {
    float: right;
}
/*manage-dashboard*/

/*managelayout-css*/
	
.nav-previous-next-selector{
		top: 66px;
	}
.manage-container #navTop > li > a {
    padding: 24px 15px 10px 14px;
}
.manage-menu .pane-left-inner{
		    width: 100% !important;
			position: fixed;
            top: 50px;
}
.manage-menu .navbar-inner {
	position: fixed;
    top: 45px;
	width: 100%;
    z-index: 9;
}
.manage-menu .navbar-inner .nav-pills li a{
		    background: none;
}
.manage-menu .pane-left {
		width: 100%;
}
/*managelayout-css*/	

	/*smallview*/
	.develper-portal-menu .pane-left{
		    width: 100%;
	}
	.mobile-nav .panel {
		background-color: #2e2c2d !important;
		padding: 5px 0 5px 15px;
	}
	
	.nav-list li.mobile-nav-header-menu:hover li svg{color:#696566 ;}
	
	.main_menu literal{font-size:13px;line-height:2;}
	.sidebar .nav-header .panel-collapse 
	{
		text-transform:capitalize;
		    /*padding-top: 15px;*/
	}
	 .pane-left .nav svg {
		 margin: 3px 3px -3px 0 !important;
	}
	.main_menu svg 
	{
		height:25px !important;
		margin: 0px 3px -3px 0 !important;
	}
	.nav-header .panel-collapse li:hover literal,.nav-header .panel-collapse li.active literal,
	.nav-header .panel-collapse li:hover svg,.nav-header .panel-collapse li.active svg,
	.main_menu:hover literal,.nav-list .active .main_menu literal,
	.nav-list li.mobile-nav-header-menu:hover .main_menu literal
	{
		color:#ffffff !important;
	}
	.nav-list li.mobile-nav-header-menu:hover .badge
	{
	border: 1px solid #7d7b7c;
    background: transparent;
	}

	.nav-header .panel-collapse li:hover .badge, .nav-header .panel-collapse li .active .badge {
    background-color: #f6961e;
    border-color: #f6961e;
}

	.paddingspace{
		    padding: 0px 20px 0px 12px;
	}
	
	.panel-collapse li {
    padding: 5px 15px 5px 0;
	}

	.nav-list li a {
    padding: 0;
	background:transparent !important;
}
	.mobile-nav{
		position: relative;top: 30px;padding: 0 !important;
	}
	.nav-list li:hover a, .nav-list li:focus a, .nav-list li.active a {
    border-left: none;
}
	.nav-list li a {
    border-left: none;
	    margin: 0;
}
	.nav-list li {
    margin:0;
}
	.nav-header literal, .nav-header:hover literal {
    padding: 0px 20px 0px 12px;
    border-top: none;
	background: transparent !important;
    display: inline-block;
}
	/*smallview*/
	.box-size-thrid {
    width: 100%;
}
	.develper-portal-menu .pane-left-inner {
    position: fixed !important;
    top: 50px;
    width: 100% !important;
	height: 100vh; 
	margin-top: 7px;
}
	.develper-portal-menu .pane-left-inner {max-height: calc(100vh - 57px);}

	.sidebar{
    width: calc(100% - 0px);
	    max-width: 100%;
	}
	.m-p-l-0{
		padding-left:0;
	}
	.mobile-textcenter{
		text-align:center;
		padding-bottom:15px;
	}
	.bottom-actions > div{
		     padding: 0; 
	}
	.reseller-setting .chosen-container{
		    width: 100% !important;
	}
	.help-msg{
		    position: relative;
    top: 15px;
	}
	.reseller-setting .ui-spinner,.client-website .ui-spinner,.customer_page .ui-spinner  {
  width: 100%;
    }
	.charge-message {
		display: inline-grid;
		position: relative;
        top: 10px;
	    margin-left: 0px !important;
		width:100%;
	}
	
	.bottom-actions{
		    margin: 0;
	}
	.pane-right .title h1{
		    padding-right: 0;
            font-size: 17px;
	}
	.title{
		    padding: 10px 10px 10px 10px;
			    top: 58px;
	}
	.main-container .navbar-fixed-top .nav li a {
    margin-left: 10px;
}
	.account-options{
		float:left;
	}
	.resources {
		width: 100% !important;
		margin-right: 0 !important;
	}

	.m-m-b-10 {	margin-bottom: 10px;}

	.main-container .nav-pills {display: block;}

	.main-container .nav-pills li {
		width: 100%;
		margin-bottom: 6px;
	}

	/*.pane-right > div:last-child {padding: 80px 10px 20px 10px;}*/

	.shadowed-rounded-div-title {height: 60px;}

	.login-section {margin-left: 0;
					    height: 58px;
	}

	.side-menu-button {
		right: 16px;
		left: auto;
		position: fixed;
		top: 6px;
	}

	.shadowed-rounded-div-title button {float: none;}

.resell-help-msg, .credit-help-msg {
  position: absolute;
  top: 0px;
  right: -30px;
  height: 29px;
 }
 .reseller-setting .control-group .layout,.customer_page .layout{width:95%;}

 .post_blog_page .selectize-control{width:330px;}

 /*******View order page***********/
	div.child-item-history .name, div.child-item-history .updatedon {
		display: block;
	}
	 div.child-item-history .updatedon {float:none;}
.view_order_page #history-container{margin-top:10px;}

.manage-container .pane-right .title .nav-previous-next-selector .previous,.manage-container .pane-right .title .nav-previous-next-selector .next{height: 20px !important;
    width: 20px !important;}

	.app-installed {
		width: auto;
	}
	.dashboard-top-product{margin-top:5px;}
}
@media (max-width: 520px) {
	.images-thrid, .image-second {
		max-width: 100%;
	}
}
@media (max-width: 420px) {
	.select_fb_btn{margin-top:10px;}
	.smallview-width{
		width:100%
	}
	.email-notif-page .check-detail{
	position: absolute;
    top: 52px;
    left: 20px;
	}
	 .display-block{
		display:block;
	}

	 	.coupon_page .check-detail{
	position: absolute;
    top: 45px;
    left: 30px;
	}

		 	.shipping_page .check-detail{
	position: absolute;
    top: 45px;
    left: 30px;
	}
			 .product-page .check-detail{
 position: absolute;
    top: 40px;
    left: 25px;
 }
    .product-page .check-detail label{line-height:12px;}
	.check-detail-popup
    {
    padding-left: 25px !important;
    }
    #editVariantModal table.layout td.checkbox {position:absolute;top:45px;}
	.images-five, .images-ten, .images-nine, .images-six{
		max-width: 100%;
	}
	.Affiliate-section{
		    font-size: 10px;
	}
	#pane-login-right .login-form .login-input {width: 250px;}

	#pane-login-right .login-form .login-input input {width: 210px;}

	#pane-login-right .password-recovery {width: 250px;	}

	#pane-login-right .login-form select,#pane-login-right .login-form .chosen-container {min-width: 250px !important;}

	div.child-item-variant div.action{width:22px;}
     div.child-item-variant .color, div.child-item-variant .size, div.child-item-variant .material, div.child-item-variant .duration, div.child-item-variant .sku, div.child-item-variant .barCode, div.child-item-variant .price, div.child-item-variant .image {
    
        padding-left: 20px;
        padding-right: 7px;
    }
}

/* LOGIN PAGE - END */

.resumable-progress-container {
    width: 500px;
    padding: 5px;
    border: 1px solid #eee;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.resumable-progress-container .resumable-progress {
    color: #aaa;
    font-size: 14px;
    font-weight: bold;
}

.resumable-progress-container .resumable-progress-bar {
    background-color: #b5e79e;
    height: 12px;
    display: block;
}