table {
	font-size: 13px;
}
a, a:visited, a:link, a:hover, a:active{
	outline: none;
}
body{
	padding-top: 59px;
}
#pad-wrapper{
	margin-top: 15px;
}
.form-control:focus{
	outline: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.clear {
	clear: both;
}
.fa-spin {
    -webkit-animation: fa-spin 1s infinite ease-in-out;
    animation: fa-spin 1s infinite ease-in-out;
}
.fa-spin.slow {
    -webkit-animation: fa-spin 2s infinite ease-in-out;
    animation: fa-spin 2s infinite ease-in-out;
}
.modal-footer .btn-flat{
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 34px;
}
.modal-footer .btn-flat i.fa{
	font-size: 20px;
	position: relative;
	top: 3px;
	right: 3px;
}
.navbar-header{
	float:left;
}
.word-break{
	word-break: break-all;
}
.navbar-header:after{
	clear: none;
}
.modal{
	z-index: 1080;
}
.modal-backdrop{
	z-index: 1070;
}
.loader{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1100;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.8);
	display: none;
}
.loader > img{
	position: fixed;
	left: 50%;
	top: 50%;
	width: 30px;
	margin: -20px 0px 0px -15px;
}
header{
	position: fixed !important;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999 !important;
}
header span.ver{
	color: #FFFFFF;
    font-size: 25px;
    display: block;
    float: left;
    margin: 10px 0px 0px 10px;
}
header .lang{
	float: right;
	margin: 13px;
}
header .lang label, header .lang select{
	float: left;
	margin-right: 5px;
	width: auto;
}
header .lang label{
	color: #FFFFFF;
	padding-top: 9px;
}
header .lang select{
	padding: 0px 6px;
	height: 25px;
	margin-top: 5px;
	margin-left: 5px;
	font-size: 13px;
}
#sidebar-nav{
	transition: left 0.2s linear;
	-webkit-transition: left 0.2s linear;
	-o-transition: left 0.2s linear;
	-moz-transition: left 0.2s linear;
}
/* WMS sidebar: keep each menu label on one line, with a gap before the edge */
#sidebar-nav #dashboard-menu > li > a { white-space: nowrap; padding-right: 18px; }

/* Desktop (≥769px): give the sidebar more room and let the content flow next to
   it as a fluid column — it shrinks to the remaining space instead of being cut
   off. Overrides the inline `body.menu .content{width:100%}` (which overflowed by
   the left margin) and the layout's 180px sidebar. Mobile (≤768px) is untouched. */
@media (min-width: 769px) {
  html body.menu #sidebar-nav { width: 220px; }
  html body.menu .content {
    position: relative;
    margin-left: 205px;
    width: auto;
  }
}
.content{
	transition: margin-left 0.2s linear;
	-webkit-transition: margin-left 0.2s linear;
	-o-transition: margin-left 0.2s linear;
	-moz-transition: margin-left 0.2s linear;
}
.col-lg-12, .col-md-12, .col-sm-12, .col-xs-12  {
	float: left;
}
.modal-dialog {
	width: 65%;
	padding-top: 90px;
}
label{
	font-weight: 400;
}
.form-group {
	margin-bottom: 10px;
}
.form-control{
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
}
h5{
	font-size: 18px;
	font-weight: 400;
	margin: 25px 0px 10px 0px;
	color: #696D73;
}
.add-new-page, .save-new-page {
	padding: 10px;
	background: #0080FF;
	color: #fff;
	border:none;
	cursor: pointer;
}
a.add-new-page:hover, .save-new-page:hover {
	background: #8DC3F8;
	text-decoration: none;
	color: #fff;
}

.layout-structure li, .site-structure li {
	padding: 10px 0 0 0;
}
.layout-structure ul li > ul, .site-structure ul li > ul {
	padding-top: 5px;
}
.layout-structure li span.handler {
	font-size: 14px;
	cursor:move;
}
.handler {
	cursor:move;
}
.layout-structure li span.element  {
	color: #47a447;
}
.layout-structure li span.element i {
color: #525252;
margin-right: 5px;
}
.layout-structure li span.group  {
	color: #2383c4;
}

ul a.handler{
	color:#000000;
	text-decoration: none;
	font-size:14px;
	cursor: move;
}
.input-sm.input-xs {
	padding: 1px 5px;
	height: 25px;
}
.layout-structure li .btn-xs .delete-btn, .layout-structure li .btn-xs .save-btn{
	font-size: 14px;
}
.layout-separator {
	display: block;
	position: relative;
}
.layout-separator span {
	position: absolute;
	right: 0px;
	top: 53%;
	height: 1px;
	border-top: 1px dashed #000;
	width: 92%;
}
.spin-control {
	width: 20px;
	height: 20px;
}
.spin-control:focus {
	outline: none;
}
div.size-control {
	display: inline;
}
div.hid {
	display: none;
}
.view-block {
	background: #f5f5f5;
	border: 1px solid #AAA9A9;
}
.view-line {
	height: 5px;
	border-top: 1px dashed #000;
	margin-top: 5px;
}
.btn-file {
	overflow:hidden;
}
#element-edit-sizes table, #element-edit-sizes table thead th, .gallery-table table td, .gallery-table table th {
	text-align: center;
}
#element-edit-sizes table tr td:first-child {
	text-align: left;
}
#element-modal .checkbox-inline {
	padding-top: 0px;
}
#element-modal .modal {
	margin-bottom: 10px;
}
textarea#page_desc {
	resize: vertical;
}
.textarea-count {
	color: #696D73;
    font-size: 11px;
    margin-top: 1px;
}
.placeholder {
	 background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#eeeeee));
	 background-image: -webkit-linear-gradient(top, #ffffff, 0%, #eeeeee, 100%);
	 background-image: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	 background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
	 background-repeat: repeat-x;
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
	 border:1px solid #eeeeee;
	 border-radius:4px;
	 -o-border-radius:4px;
	 -webkit-border-radius:4px;
	 -moz-border-radius:4px;
	 margin-top:10px;
	  margin-bottom:10px;
	 min-height: 30px;
	 width: 300px;
	 display: block;
	 float: none;
}
.placeholder-pane {
	border: 1px dashed #000;
	height: 30px;
	margin: 5px 0 5px 0;
}

.image-upload, .text-redactor{ /*, .image-gallery {*/
	display: none;
}
.visible {
	display: block;
}
.icheckbox_minimal-blue {
	display: inline-block;
	top: 4px;
	margin-right: .3em;
	margin-left: -5px;
}
.p-top {
	padding-top: 2px;
}
.layout-structure li > i.fa, .site-structure li > i.fa{

	padding:2px 4px;
}
.display-block{
	display:block;
}
.layout-structure li.add-element-here, .site-structure li.add-element-here{
	padding: 4px 9px;
	margin-top: 9px;
	border:1px dashed #000000;
	list-style: none;
	position: relative;
	left: -18px;
	display: none;
	width: 300px;
}
.page-view-content .tab-pane .element-preview {
	border: solid 1px #dddddd;
	margin-top: 1px;
	margin-bottom: 1px;
	min-height: 30px;
	background: #fff;
}
.tab-border-top{
	border-top: 1px solid #DEE3EA;
}
.page-view-content .tab-pane .element-preview.hovered-elem, .handler.hovered-elem {
	background: #EBEBEB;
}
img {
	max-width: 100%;
}
.spin-ctrl-change{
	display: none;
	margin: 0px 3px 0px 3px;
}
.page-view-content .spin-control {
	width: 15px;
	font-size: 12px;
	margin-top: 0;
}
.size-control {
	margin: 5px;
}
.btn-control a{
	margin: 0px 0px 0px 5px;
}
.layout-props img{
	max-height: 155px;
}
.layout-props .page-view-content.tab-content{
	padding: 10px 10px 10px 10px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}
.txt-align-center{
	text-align: center;
}
.txt-align-left{
	text-align: left;
}
.txt-align-right{
	text-align: right;
}
.not-active a.handler, .not-active a.btn, .not-active i{
	opacity: 0.5;
}
.edited-outer {
	display: inline-block;
	position: relative;
	width: 124px;
	height: 10px;
	top: -13px;
	margin-left: -15px;
}
.edited-elem {

}
.page-view-content .tab-pane .admin-new-line {
	border: 1px dashed #000;
	background:
}
/*.btn .btn-default .btn-file, input{
	width: 100%;
} */
.redactor_editor {
	max-height: 500px;
}
#main-nav .sub-nav > li > a.selected {
	text-decoration: none;
	background-color: #000;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
i.expandable, i.collapsible {
	background-color: #FFFFFF !important;
	font-size: 14px  !important;
	margin-right: 5px  !important;
	color: #000000 !important;
	opacity: 1 !important;
	position: relative !important;
	top: 0px !important;
	cursor: pointer;
}
.site-structure li:first-child {
	list-style: none;
}
.site-structure li:first-child li {
	 list-style-type:inherit;
}
.site-structure > li > ul > li{
	list-style: none !important;
	margin-bottom: 5px;
}
.site-structure > li > ul > li > a.handler{
	cursor: default;
}
.site-structure > li > ul > li ul{
	margin-top: -10px;
	margin-left: 30px;
	margin-bottom: 20px;
}
.site-structure > li > ul > li > a.handler{
	font-size: 17px;
	font-weight: 600;
}
.error-validation {
	font-size: 12px;
	color: red;
}
input.error {
	border-color: red;
}
label.error {
	color: red;
	font-size: 12px;
}
span.expand-all, span.collapse-all{
	cursor: pointer;
	margin: 0px 0px 0px 40px;
	text-decoration: underline;
	font-size: 13px;
	color: #009cdc;
}
.modal-body .bootstrap-timepicker {
	position:static;
}
span.expand-all:hover, span.collapse-all:hover{
	text-decoration: none;
}
/*.input-group-addon, .bootstrap-timepicker .input-group-addon {
    cursor: auto;
    height: 34px;
    line-height: 20px;
    position: absolute;
    right: 7px;
    top: 0;
    width: 7%;
}*/
.bootstrap-timepicker-widget table td input{
	font-size: 15px;
	font-weight: 600;
	width: 35px;
	border: 1px solid #cccccc;
}
.bootstrap-timepicker-widget table td a{
	padding: 0px;
}
ul a.section_h{
	font-size: 18px;
}
a.logout{
	margin: 13px 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.dropdown-menu {
	top: 110%;
	left: 15px;
}
.assign-order-to-user .dropdown-menu{
	left: 0px;
}
.assign-order-to-user .dropdown-menu > li > a{
	width: 186px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.assign-order-to-user .tooltip-inner{
	width: 190px;
}
.tooltip{
	white-space: normal;
}
.home-banners .btn-file>input{
	width: 100%;
}
.sliders-table {
	margin-top: 5px;
	margin-bottom: 10px;
	border-top: 1px solid #dddddd;
}
.table.sliders-table thead {
	border-top: none;
}
.table.sliders-table thead > tr > th {
	padding-top: 13px !important;
	padding-bottom: 12px !important
}
.table.th-valign-middle thead > tr > th {
	vertical-align: middle !important;
}
.sliders-table tbody>tr, .gallery-table tbody>tr {
	background: #fff;
}
.sliders-table tbody>tr:hover {
	background: #E6E6E6;
}
.sliders-table.table-no-hover tbody>tr:hover{
	background: #FFFFFF;
}
.sliders-table tbody>tr>td,.sliders-table thead tr:first-child th{
	vertical-align: middle;
	text-align: left;
	padding-left: 6px;
	padding-right: 13px;
}
.sliders-table tbody>tr>td.sort-td, .gallery-table tbody>tr>td.sort-td{
	cursor: move;
}
.txt-align-center tbody>tr>td{
	text-align: center;
}
.all-sortable td{
	cursor: move;
}
.sliders-table tbody .placeholder-table, .gallery-table tbody .placeholder-table {
	background: #ebf4f7;
}
.sliders-table tbody a {
	text-decoration: underline;
}
.sliders-table tbody a:hover {
	text-decoration: none;
}
.inactive-transparent {
	opacity: 0.4;
}
.submit-btn-container {
	margin-bottom:15px;
	margin-top: 15px;
}
.fileupload {
	overflow: hidden;
}
.csv-submit {
	display: none;
}
#model-props .redactor_editor {
	max-height: 500px;
}
#content-container .row {
margin-bottom: 0px;
}
.new-purpose {
	display: none;
}
.radio-title {
	margin-right: 15px;

}
.checked-radio {
	font-weight: 700;
}
.gallery-table {
	margin-top: 50px;
}
.gallery-table table {
	border: 1px solid #dee3ea;
}
.gallery-upload {
	position: relative;
	overflow: hidden;
}
.gallery-upload input{
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	font-size: 200px;
	direction: ltr;
	cursor: pointer;
}
.file-row {
	margin: 10px 0;
	padding: 5px 0;
	border-top: 1px gray solid;
	border-bottom: 1px gray solid;
}
#upload{
    padding:0 22px;
    border-radius:3px;
    overflow: hidden;
}

#drop{
    padding: 35px 50px;
    text-align: center;
    text-transform: uppercase;
    font-size:16px;
    color:#7f858a;
    border: dashed 2px #DDDDDD;
    margin-top: 5px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1px;
}

#drop a{
    background-color:#009cdc;
    padding:12px 20px;
    margin-left: 5px;
    color:#fff;
    font-size:14px;
    border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -webkit-border-radius:4px;
    cursor:pointer;
    display:inline-block;
    margin-top:12px;
    line-height:1;

}

#drop a:hover{
    opacity: 0.87;
}

#drop input{
    display:none;
}

#upload ul{
    list-style:none;
    margin:0 -30px;
}

#upload ul li{
    padding:15px;
    height: 52px;
	margin-bottom: 35px;
    position: relative;
}

#upload ul li input{
    display: none;
}

#upload ul li p{
    width: 144px;
    overflow: hidden;
    white-space: nowrap;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 100px;

}

#upload ul li i{
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:block;
}

#upload ul li canvas{
    top: 15px;
    left: 32px;
    position: absolute;
}

#upload ul li span{
    width: 15px;
    height: 12px;
    background: url('../img/icons.png') no-repeat;
    position: absolute;
    top: 34px;
    right: 33px;
    cursor:pointer;
}

#upload ul li.working span{
    height: 16px;
    background-position: 0 -12px;
}

#upload ul li.error p{
    color:red;
}
div.image-gallery {
	min-height: 250px;
}


.thumb {
	max-width: 200px;
	max-height: 70px;
}
.logo-thumb {
	max-height: 30px;
}
.ui-sortable-helper {
	-webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.55);
	box-shadow: 0 0 5px 2px rgba(0,0,0,0.55);
}
.title-input, .status-input {
	display: none;
}
.title-input input {
	width: 65%;
	display: inline-block;
}
.change-title, .change-status {
	cursor: pointer;
}
.status-input .radio-inline {
	margin-right: 0px;
	padding-left: 5px;
}

.status-input .iradio_minimal-blue {
	display: inline-block;
	vertical-align: middle;
}
.ajax-loader {
	display: none;
}
table tbody>tr>.sort-td {
	vertical-align: middle;
}
.change-title {
	text-decoration: underline;
}
.imgs-on-row {
	display: none;
	margin-top: 15px;
}
#sidebar-nav #dashboard-menu > li .fa-chevron-down {
	font-size: 12px;
}
.m-top-15 {
	margin-top: 15px;
}
.call-modal {
	font-size: 21px;

}
.btn-flat.call-modal {
	margin-top: -5px;
	padding: 3px 5px;
	font-size: 12px;
	text-decoration: none;
}
.btn-flat.btn-big-edit{
	width: 115px;
}
.table ul.actions .call-modal i {
	opacity: 1;
}
i.call-modal:hover{
	color: #000;
}
#content-header h4 {
	margin-bottom: 20px;
}
.label {
	font-size: 11px;
}
table th span.line {
	top: -5px;
}
.modal-body .horizontal-label {
	display: inline-block;
	float: left;
	font-size: 13px;
	cursor: auto;
	padding-top: 7px;
	text-align: right;

}
.reset {
	color: #7e91aa;
	font-weight: 500;
	text-transform: uppercase;
	border: 0 none;
	background: none;
	text-decoration: underline;
	font-size: 12px;
}
.reset:focus {
	outline: none;
}
.modal-footer span {
	text-transform: uppercase;
	color: #7e91aa;
	font-weight: 600;
	display: inline-block;
	vertical-align: middle;
	margin: 0 2px 0 8px;
}
.modal-title {
	font-size: 22px;
	color: #696d73;
}
.makes-info .tab-pane, #model-props .tab-pane,  #page-info.tab-pane, #page-elements.tab-pane {
	border-bottom: 1px solid #dee3ea;
	border-left: 1px solid #dee3ea;
	border-right: 1px solid #dee3ea;
	padding: 10px;
}
#content-header h3 {
	margin-bottom: 20px;
	color: #696d73;
}
.purposes-table ul.actions i{
	margin-left: 10px;
}
#model-info.tab-pane, #page-info.tab-pane, #page-elements.tab-pane, #element-edit-content.tab-pane {
	padding: 25px 0 0 0;
}
#main-info.tab-pane{
	padding: 25px 0 0 0;
}
#model-info .modal-footer, #main-info .modal-footer, #page-props .modal-footer, #page-elements .modal-footer {
	border-top: none;
}
.with-sidebar {
	box-shadow: 4px 0px 3px -1px rgba(226, 226, 226, 0.1);
}
.left-border{
	border-left: 1px solid #edeef1;
}
.alert i {
	font-size: 27px;
	position: relative;
	top: 4px;
	margin-bottom: 8px;
	margin-right: 17px;
	display: inline-block;
	color: #4993c6;
}
.delete-btn-icon-only{
	display: inline;
	position: relative;
	top: 5px;
}
.delete-btn-icon-only ul.actions{
	display: inline;
}
table.centered-table tbody>tr>td, table.centered-table thead>tr:first-child>th{

}
table.centered-table thead>tr:first-child>th.sorting,
table.centered-table thead>tr:first-child>th.sorting_asc,
table.centered-table thead>tr:first-child>th.sorting_desc{
	padding-left: 20px;
}
.redactor_editor, .redactor_editor:focus, .redactor_editor div, .redactor_editor p, .redactor_editor ul, .redactor_editor ol, .redactor_editor table, .redactor_editor dl, .redactor_editor blockquote, .redactor_editor pre{
	font-size: 13px;
}
.spacer{
	border-top: 1px solid #DDE2E9;
	margin-top: 25px;
}
.element-icon {
	float: left;
	margin: 8px;
}

.site-structure .fa-times, .site-structure .fa-plus, .layout-structure .fa-times, .layout-structure .fa-plus, .layout-structure .delete-btn .fa-times, .element-preview .fa-times {
	color: #526273;
	font-size: 21px;
	opacity: 0.6;
	cursor: pointer;
	position: relative;
	top: 2px;
}
.btn-control {
	margin-top: 2px;
	width:71px;
}
.btn-control a.delete-btn {
	margin-left: 0px;
}
.site-structure a:hover, .site-structure:focus, .layout-structure a:focus, .layout-structure a:hover, .btn-control a:hover {
	text-decoration: none;
}

.layout-structure .fa-times:hover {
	opacity: 1;
}
.form-buttons {
	position: absolute;
	right: 25px;
	bottom: 25px;
}
.empty-footer {
	padding: 40px;
}
.site-structure .actions, .layout-structure .actions {
	display: inline-block;
	margin-left: 8px;
	position: relative;
	bottom: 2px;
}
.action {
	display: inline;
	border-right: 1px solid #d0dde9;
	padding: 0px 5px 0px 2px;
}
.action.last {
	border: 0 none;
}
.btn-flat.disabled-custom {
	background: #91C3EE;
	border: 1px solid #91C3EE;
}
.btn-flat.disabled-custom:hover {
	opacity: 1;
}
.is-page {
	margin-top: 7px;
}

.is-page .slider-button.on {
	margin-left: 70px;
}
.is-page .radio{
	display: inline-block;
}
.is-page div.radio{
	padding: 0px;
	margin-top:-2px;
}
.is-page div.radio input {
	margin-left: 0px;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	border: none;
	background: none;
	display: -moz-inline-box;
	display: inline-block;
	zoom: 1;
	text-align: center;
	width: 18px;
	height: 18px;
}
.is-page label.radio{
	padding: 0px;
	padding-left: 5px;
	margin-right: 20px;
	cursor: pointer;
}
.gallery-2 img, .gallery-3 img, .gallery-4 img, .gallery-6 img{
	display: block;
	float: left;
	box-sizing: border-box;
	padding: 3px 5px;
}
.gallery-2 img {
	max-width: 50%;
}
.gallery-3 img {
	max-width: 33.33%;
}
.gallery-4 img {
	max-width: 25%;
}
.gallery-6 img {
	max-width: 16.66%;
}
.banner label {
	margin-bottom: 10px;
}
.message {
	display: none;
}
.howl-message h5{
	margin-top: 0px;
}
.dataTables_wrapper{
	margin-top: 10px;
	overflow-x: auto;
}
select.form-control{
	margin: 1px;
	padding: 2px 6px;
}
strong.main-img-choose{
	color: #009cdc;
}
.add-page-actions{
	font-size: 13px;
	font-weight: 600;
	position: relative;
	top: 5px;
	margin-right: 50px;
	cursor: pointer;
}
.border-separate{
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.table tr.wait-status td{
	font-weight: 700;
	color: #000000;
}
.table tr.bg_green td, .table tr.bg_green:hover td{
	background-color: #CCFFD2;
}
.table tr.bg_gray td, .table tr.bg_gray:hover td{
	background-color: #dadada;
}
.table tr.bg_warning td, .table tr.bg_warning:hover td{
	background-color: #fff4cc;
}
.table tr.bg_red td, .table tr.bg_red:hover td{
	background-color: #FFB7B7;
}

/* FORM WIZARD: */
#fuelux-wizard{
	margin-top: 20px;
}
.wizard-steps{
	left: 0px;
}
.wizard-steps li .title{
	top: -56px;
	font-weight: 400;
}
.step-content{
	margin-left: 5px;
	margin-top: 20px;
	min-height: 325px;
}
.form-wrapper input[type="text"]{
	width: 100%;
}
.form-wrapper label{
	width: auto;
}
.form-wrapper label.control-label{
	width: 150px;
}
.form-wrapper .product_select_type_1 label.control-label{
	width: 140px;
}
#step4 .form-wrapper label.control-label{
	width: 160px;
}
#step4 .form-wrapper label.control-label.wide{
	width: auto;
	font-size: 15px;
	top: 0px;
}
.preview-list label{
	margin: 0px;
}
.btn-flat[disabled]{
	opacity: 0.5;
}
.products-table tfoot input, .users-table tfoot input, .users-2-table tfoot input{
	border: 1px solid #bbbbbb;
	padding: 3px 2px;
}
.product_select_type_2 .dataTables_paginate, .user_select_type_2 .dataTables_paginate, .user_select_type_3 .dataTables_paginate{
	position: relative;
	top: -18px;
}
.product_select_type_2 .dataTables_filter, .user_select_type_2 .dataTables_filter, .user_select_type_3 .dataTables_filter{
	display: none;
}
.selecetd-products-list label, .selecetd-users-list label, .selecetd-users-2-list label{
	display: inline-block;
	float: none;
	font-size: 13px;
	font-weight: 400;
	margin: 0px;
	line-height: 16px;
}
.preview-usr-list label{
	margin: 0px;
	float: none;
	display: inline-block;
}
.product_select_type, .users_select_type{
	padding: 20px 0px;
	margin-bottom: 20px;
	border-bottom: 1px solid #DDDDDD;
}
.form-wrapper .heading{
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 10px;
}

/* HOME */
.homeinfo-page #main-stats{
	border-color: #dddddd;
	border-left: 1px solid #dddddd;
	border-bottom: 0px;
	background: #FFF;
}
.homeinfo-page #main-stats .stats-row{
	border-top: 1px solid #dddddd;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
}
.homeinfo-page #main-stats .stat{
	border-color: #dddddd;
	padding: 10px 0px 10px 0px
}
.homeinfo-page #main-stats .stat .data{
	padding: 0px;
	text-align: center;
}
.homeinfo-page #main-stats .stat .date{
	position: relative;
	bottom: 5px;
	left: auto;
	right: auto;
	display: block;
	text-align: center;
}
.homeinfo-page #main-stats .stat .data .number{
	margin-right: 4px;
	position: relative;
	top: 2px;
}
#pad-wrapper .ui-elements .knob-wrapper{
	display: block;
	width: 100%;
	text-align: right;
}
#pad-wrapper .ui-elements .knob-wrapper .info .param{
	font-size: 16px;
	color: #000000;
	text-align: right;
}
#pad-wrapper h4{
	color: #000000;
	font-size: 25px;
}
#pad-wrapper .ui-elements .knob-wrapper .info{
	position: static;
}
.homeinfo-page a.new-orders{
	float: none;
	display: block;
	max-width: 220px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	padding: 14px 0px;
	text-align: center;
	border: 15px solid #9f39ae;
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	color: #000000;
	border-radius: 34px;
	-webkit-border-radius: 34px;
	-moz-border-radius: 34px;
	-o-border-radius: 34px;
}
.homeinfo-page a.new-orders > span{
	display: block;
	text-align: center;
	font-size: 70px;
	color: #9f39ae;
	font-weight: 700;
	line-height: 70px;
}
.homeinfo-page a.new-orders > label{
	color: #b4b8bb;
	font-weight: 400;
	font-style: italic;
	font-size: 13px;
	display: block;
	text-transform: none;
}
.homeinfo-page a.new-orders:hover{
	text-decoration: none;
}
.homeinfo-page a.new-orders.blue{
	border-color: #32a0ee;
}
.homeinfo-page a.new-orders.blue span{
	color: #32a0ee;
}
.homeinfo-page a.new-orders.red{
	border-color: #E60000;
}
.homeinfo-page a.new-orders.red span{
	color: #E60000;
}
.homeinfo-page a.new-orders.green{
	border-color: #44A220;
}
.homeinfo-page a.new-orders.green span{
	color: #44A220;
}

/* CAMPAIGN POPUP PREVIEW MOFW */
.popup_preview{
	width: 390px;
	padding: 40px 25px;
	background: #FFFFFF;
	-webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.35);
	-moz-box-shadow: 0 0 5px 2px rgba(0,0,0,0.35);
	-o-box-shadow: 0 0 5px 2px rgba(0,0,0,0.35);
	box-shadow: 0 0 5px 2px rgba(0,0,0,0.35);
	position: relative;
	margin: auto;
	font-family: "Open Sans";
	text-align: center;
}
.popup_preview .popup_close{
	position: absolute;
	top: 5px;
	right: 5px;
}
.popup_preview strong.title{
	font-size: 33px;
	color: #000000;
	font-weight: 400;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 100%;
	display: block;
	text-align: center;
	border-bottom: 1px solid #000000;
}
.popup_preview .discount strong{
	display: inline-block;
	font-weight: 800;
	font-size: 24px;
	padding: 70px 0px;
}
.popup_preview .discount span.discount_amount{
	display: inline-block;
	width: 178px;
	height: 175px;
	background-image: url('../img/mofw/popup-tag.gif');
	background-repeat: no-repeat;
	background-position: center;
	font-size: 50px;
	font-weight: 300;
	text-align: center;
	padding: 47px 0px;
}
.popup_preview .free_shippnig{
	display: none;
	width: 178px;
	height: 175px;
	background-image: url('../img/mofw/popup-tag-shipping.gif');
	background-repeat: no-repeat;
	background-position: center;
	font-size: 50px;
	font-weight: 300;
	text-align: center;
	padding: 47px 0px;
}
.popup_preview .text{
	font-size: 14px;
	color: #000000;
	font-weight: 400;
	margin-bottom: 30px;
	margin-top: 10px;
}
.pagination > li.current a{
	background-color: #009cdc;
	border-color: #009cdc;
	color: #fff !important;
}

.custom_checkboxes{
	white-space: nowrap;
}
#add-page-form .custom_checkboxes{
	white-space: normal;
}
.custom_checkboxes input[type=radio], .custom_checkboxes input[type=checkbox] {
    display: none;
}
.custom_checkboxes input[type=radio] + label, .custom_checkboxes input[type=checkbox] + label{
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	min-width: 150px;
	margin-right: 5px;
	margin-bottom: 0px;
}
.status-filters.custom_checkboxes input[type=radio] + label, .status-filters.custom_checkboxes input[type=checkbox] + label{
	margin-right: 15px;
	min-width: 10px;
}
.custom_checkboxes input[type=radio] + label::before, .custom_checkboxes input[type=checkbox] + label::before {
    content: '';
    display: inline-block;
    border: 1px solid #ccc;
    margin: 0 3px;
    position: relative;
    top: 2px;
    background-size: 12px;
	background-repeat: no-repeat;
	background-position: center;
}
.custom_checkboxes input[type=radio] + label::before {
	border-radius: 50%;
}
.custom_checkboxes input[type=radio]:checked + label::before, .custom_checkboxes input[type=checkbox]:checked + label::before {
    background-color: #FFFFFF;
}
.custom_checkboxes input[type=radio]:checked + label::before {
    background-image: url('../img/icons/radio_blue.gif');
    border-color: #009cdc;
    background-size: 10px;
}
.custom_checkboxes input[type=checkbox]:checked + label::before {
    background-image: url('../img/icons/tick_blue.gif');
    border-color: #FFFFFF;
}
.custom_checkboxes input[type=checkbox]:checked:disabled + label::before {
    border-color: #EEEEEE;
    background-color: #EEEEEE;
    opacity: 0.2;
}
.custom_checkboxes input[type=radio]:checked + label, .custom_checkboxes input[type=checkbox]:checked + label{
	font-weight: 600;
}
.custom_checkboxes input[type=radio]:disabled + label, .custom_checkboxes input[type=checkbox]:disabled + label{
	background-color: #eee;
	color: #ccc;
}
.custom_checkboxes input[type=radio] + label::before, .custom_checkboxes input[type=checkbox] + label::before {
    width: 1em;
    height: 1em;
}
ul.ColVis_collection li{
	box-shadow: none;
	background: #fff;
	padding: 2px 10px;
	font-size: 13px;
	border: 1px solid #d3d3d3;
}
ul.ColVis_collection li input[type=checkbox]{
	position: relative;
	top: 3px;
}
.ColVis_Button:hover, ul.ColVis_collection li:hover{
	box-shadow: none;
	border-color: #009cdc;
	background: #009cdc;
	color: #FFFFFF !important;
}
ul.ColVis_collection li.ColVis_Special{
	background: #FFFFFF;
	border: 0px;
	text-decoration: underline;
	color: #009cdc !important;
}
ul.ColVis_collection li.ColVis_Special:hover{
	background: #FFFFFF;
}
div.ColVis_collectionBackground{
	opacity: 0.4 !important;
}

.form-horizontal .custom-params .control-label{
	padding-top: 0px;
}
.form-horizontal .custom-params .form-group{
	margin: 0px 45px;
	padding: 15px 0px;
	border: 1px solid #DFDFDF;
	margin-bottom: 10px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
}
.form-horizontal .custom-params .form-group.no-marg{
	margin-bottom: -1px;
}
#example tfoot th, #example2 tfoot th{
	padding-left: 5px;
	font-weight: 400;
}
#example tfoot input, #example tfoot select, #example2 tfoot input, #example2 tfoot select{
	font-size: 13px;
	border: 1px solid #dee3ea;
	padding: 2px 2px;
	display: inline-block;
	width: 100%;
}

/* DATATABLES STYLE */
.dataTables_wrapper .dataTables_paginate{
	clear: both;
	margin-bottom: 10px;
	margin-top: 30px;
	margin-right: 20px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
	background: #009cdc;
	border-color: #009cdc;
	color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
	border: 1px solid #ddd;
	padding: 5px 10px;
	cursor: pointer;
	color: #009cdc !important;
	border-left: 0px;
	display: inline;
	margin-left: 0px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
	background: #eee;
	text-decoration: none !important;
	border: 1px solid #ddd;
	border-left: 0px;
	color: #009cdc !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
	border: 1px solid #ddd;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous{
	border-left: 1px solid #ddd;
}
.dataTables_wrapper .dataTables_paginate span span{
	display: none;
}
.dataTables_filter input[type=search]{
	border: 1px solid #dedede;
	font-size: 14px;
	line-height: 19px;
	padding: 5px 10px;
	width: 300px;
	margin-bottom: 5px;
}
ul.ColVis_collection{
	background: #FFFFFF;
	width: 161px;
}
table.dataTable.no-footer{
	border-bottom: 0px;
	margin-bottom: 20px;
}
.dataTables_wrapper .dataTables_info{
	padding-top: 0.25em;
	padding-right: 10px;
}
.dataTables_wrapper .dataTables_info{
	clear: none;
}
div.ColVis{
	margin-left: 10px;
	margin-bottom: 0px;
}

/* SELECT2 */
.select2-container{
	padding: 0px;
	border: none;
}
.select2-container .select2-choice{
	height: 34px;
	background: #FFFFFF;
	border-radius: 0px;
    border-color: #cccccc;
}
.select2-container .select2-choice > .select2-chosen{
	line-height: 32px;
}
.select2-results{
	max-height: 500px;
}
.select2-container .select2-choice .select2-arrow{
	background: #FFF;
	border-left: 0px;
}
.select2-container-multi .select2-choices{
	background: #FFFFFF !important;
	border: 1px solid #cccccc;
}
.select2-container{
	width: 100%;
}

.click-to-change{
	font-size: 15px;
	color: #009cdc;
	text-decoration: none;
	cursor: pointer;
}
.click-to-change > span{
	text-decoration: underline;
}
.click-to-change > i.fa{
	margin-left: 3px;
}
.change-form{
	display: none;
}
.change-form input.form-control{
	display: inline-block;
}
.change-form select{
	display: inline-block;
	height: 30px;
	position: relative;
	top: 2px;
}
.alert-warning i.fa{
	color: #c09853;
	margin-right: 10px;
}
.readonly-table tbody > tr > td, .readonly-table tbody > tr:hover > td{
	background-color: #f4f4f4;
}

/* QUICK AV CHECK */
.quick_av_check{
	display: block;
    position: absolute;
    top: 13px;
    left: 390px;
}
.quick_av_check span{
	color: #FFFFFF;
}
.quick_av_check input[type=text]{
	width: 120px;
	display: inline-block;
	height: 30px;
}
.quick_av_check a.btn-flat.call-modal{
	line-height: 22px;
	margin-top: 0px;
}
.alert:not(.alert-danger):not(.alert-warning){
	padding: 1px 15px;
	background-color: #f4f4f4;
	border: 1px solid #DDDDDD;
	color: red;
}
img.free-delivery{
	height: 20px;
	margin-left: 4px;
}
div.extra_icon{
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-left: 4px;
	background-color: #009cdc;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	text-align: center;
}
div.extra_icon.extra1{
	background-color: #EF6767;
}
div.extra_icon.extra2{
	background-color: #BBB039;
}
div.extra_icon.extra3{
	background-color: #48BCC1;
}
div.extra_icon > img{
	width: 15px;
	margin-top: 4px;
}
/* AUTOCOMPLETE */
.ui-widget-content{
	background: #FFFFFF !important;
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}
.ui-widget-content li a{
	display: block;
	padding: 4px 10px;
	font-weight: normal;
	border: 0px !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
	background: #009cdc !important;
	color: #FFFFFF;
	border: 0px !important;
	font-weight: normal;
	cursor: pointer;
}

ul.submenu hr{
	margin: 8px 0px;
	border-color: #000000;
}

/* BANNERS TABLE */
.table.banners-table thead > tr > th{
	font-size: 15px;
    background-color: #F7F7F7;
}
.banners-table tbody > tr > td{
	padding-top: 4px;
	padding-bottom: 4px;
}
.banners-table .btn-flat{
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 1.4;
	width: 115px;
	text-decoration: none;
}

.order-totals{
	margin: 35px auto;
	max-width: 720px;
	padding: 20px;
	background-color: #E6F8FF;
	border-radius: 6px;
}
.form-horizontal .order-totals .control-label{
	padding-top: 2px;
	font-size: 14px;
}
.order-totals .form-group{
	margin-bottom: 0px;
}
.disabled-text{
	font-size: 13px;
	font-weight: bold;
	padding-top: 7px;
	display: inline-block;
}
.table td, table td{
	color: #000000;
}

#preview{
	position:absolute;
	border:1px solid #000000;
	background:#000000;
	padding:0px;
	display:none;
	color:#fff;
	z-index: 999;
}

.video-container {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  margin-bottom: 16px;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.orders_filters{
	background: #ECF9FF;
	padding: 10px 20px;
	min-height: 108px;
	clear: both;
}
.orders_filters label.control-label{
	margin-top: 5px;
	margin-bottom: 0px;
	display: block;
	font-weight: 600;
}
.orders_filters .form-control{
	height: 27px;
}
.select2-container-multi .select2-choices .select2-search-field input{
	padding: 3px 5px;
}
.pagination{
	margin-bottom: 0px;
}

.existing-in-order input, .existing-in-order select{
	border-color: orange;
	border-width: 2px;
	border-radius: 0px;
}

h3.history-item i.fa{
	transition: all 0.1s ease-out;
    font-size: 13px;
    top: -2px;
    position: relative;
    margin-left: 10px;
}
h3.history-item.opened i.fa{
	transform: rotate(180deg);
}

@media only screen and (max-width: 800px) {
	.modal-dialog {
		width: 90%;
	}
}
@media only screen and (max-width: 991px){
	.homeinfo-page a.new-orders{

	}
	#pad-wrapper .ui-elements .knob-wrapper, #pad-wrapper .ui-elements .knob-wrapper .info .param{
		text-align: center;
	}
	.homeinfo-page #main-stats .stats-row > div:first-child{
		border-bottom: 1px solid #e4e4e4;
	}
	.homeinfo-page #main-stats .stats-row.knobs > div:first-child{
		border-bottom: 0px;
	}
	.quick_av_check{
		display: none;
	}
}
@media only screen and (max-width: 767px){
	.homeinfo-page #main-stats .stats-row > div{
		border-bottom: 1px solid #e4e4e4;
	}
	.homeinfo-page #main-stats .stats-row > div:last-child{
		border-bottom: 0px;
	}
	.homeinfo-page #main-stats .stats-row.knobs > div{
		border-bottom: 0px;
		margin-top: 10px;
	}
}

@media only screen and (max-width: 480px){
	.navbar-inverse .navbar-toggle{
		margin-left: 5px;
	}
	header span.ver{
		font-size: 15px;
		margin-left: 0px;
		margin-top: 15px;
	}
}


table.seo-table{
	position: relative;
}
table.sliders-table.seo-table > thead > tr > th{
	position: sticky;
	top: 58px;
	font-size: 22px;
	text-align: center;
	background-color: #000000;
	color: #FFF;
	z-index: 999;
	font-weight: normal;
}

.order_scan{
	padding-bottom: 25px;
}
.order_scan h2{
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 15px;
}
.order_scan input[type=text]{
	display: inline-block;
	width: 40%;
	height: 45px;
	line-height: 45px;
	font-size: 18px;
	margin: 0px 2%;
}
.order_scan input[disabled]{
	color: black;
	font-weight: bold;
	background-color: lightgreen;
}
.order_scan input[type=text]::placeholder{

	font-size: 20px;;
}

#boxnowmap{
	z-index: 9999;
    position: absolute;
}

/* Addresses index: a shelf can hold thousands of barcodes — scroll them
   inside the cell instead of letting the row grow without limit. */
.address-badges {
	max-height: 400px;
	overflow-y: auto;
}

/* Keep the edit/delete pair on one line — they wrap and look broken otherwise. */
.table ul.actions {
	white-space: nowrap;
}