body { font-family: 'Oxygen', sans-serif !important; font-size: 12px; }
fieldset {display:table-cell; width: 100%;}
ul, ol {margin: 0 ; padding:0;}
li {list-style: none;}

a {
    color: #337ab7;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding-top:10px;
    padding-bottom: 8px;
}

/*Common*/
.previous {padding: 5px;}
.tab-content {padding-top:10px;}
a.disabled {
    pointer-events: none;
}

.result {padding:10px;}


.row.display-flex{display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;}

.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

#loading {z-index: 1051;}
#error-modal {z-index: 1052;}

.row-header {
  background-color: #f1f1f1;
  padding: 5px 0;
  margin-bottom: 10px;
}

.row-content {
  padding: 5px 0;
}

.rm-label {vertical-align: middle; padding: 6px 10px 4px;border-radius: 12px;}
.label-block .label.rm-label {display: block!important;overflow: hidden!important;}


/*form-input*/
.form-input-500 .form-control {max-width: 500px!important;}


/*switch*/
.toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 10px; }
.toggle.ios .toggle-handle {
    border-radius: 15px;
    right: 13px;
    height: 19px;
    width: 20px;
    top: 2px;
    border: 0;
    background-color: #fff !important;
  }

  .toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 10px; }
  .toggle.ios .toggle-handle { border-radius: 10px; }

.toggle.ios.off .toggle-handle { left: 13px;}

.toggle.ios.btn {border:0;}

.toggle.ios .btn {box-shadow: none !important;}
.toggle.ios .toggle-on.btn {background-color: #5cb85c !important;}
.toggle.ios .toggle-off.btn {background-color: #cccccc !important;}
.ios .toggle-group { transition: left 0.5s; -webkit-transition: left 0.5s; }

.ui-datepicker {z-index: 9990!important;}

.max-img-width-90 {max-width:90px;}

.img-variant-parent {border: 3px dotted #999999;}
/*error field*/

.form-control.error {border-color: #ff0000 !important;}
.form-control.error:focus {border-color: #ff0000;}

/*product page qty section*/
.rm-qty-lg .badge {font-size: 40px; padding: 10px 10px 5px;}

/*ebay Setting*/

.ebay-setting-form .setting-form label {padding-top: 0;}

/*text colour*/

.my-text-link {color:#009ce5;}
.my-text-warning {color: #ff0000 !important;}
.my-text-danger {color:#d9534f;}
.my-text-success {color: #5cb85c !important;}
.my-text-primary {color:#337ab7;}
.my-text-green {color: green !important;}
.my-text-red {color: red !important;}
.my-text-info {color: #009ce5 !important;}
.my-text-dim {color: #888 !important;}
.my-text-dark {color: #000 !important;}
.my-text-message {color:#ff6c00;}
.my-text-orange {color:#f0ad4e;}
.my-text-white {color:#fff;}


.text-left {text-align: left!important;}
.text-right {text-align: right!important;}
.text-bold {font-weight: bold!important;}

.text-size-11 {font-size: 11px!important;}
.text-size-12 {font-size: 12px!important;}
.text-size-14 {font-size: 14px!important;}
.text-size-16 {font-size: 16px!important;}
.text-size-17 {font-size: 17px!important;}
.text-size-18 {font-size: 20px!important;}
.text-size-20 {font-size: 20px!important;}
.text-size-24 {font-size: 24px!important;}
.text-size-30 {font-size: 30px}

/*background colour*/
.my-bg-white {background-color: #ffffff !important;}
.my-bg-dim {background-color: #e1e1e1 !important;}
.my-bg-light-grey {background-color: #f4f4f4 !important;}
.my-bg-grey {background-color: #ddd !important;}
.my-bg-light {background-color: #f9f9f9 !important;}
.my-bg-success {background-color: #5cb85c !important;}
.my-bg-warning {
  background-color: #f0ad4e !important;
}
.my-bg-primary {
  background-color: #009ce5 !important;
}
.my-bg-info {
  background-color: #009ce5 !important;
}
.my-bg-invoice {background-color: #f65f19 !important; color:#fff !important;}
.my-bg-danger {
  background-color: #d9534f !important;
}

.my-bg-eee {background-color: #eee !important;}
.my-bg-message {background-color:#ff6c00;}
.my-bg-dark {background-color: #555 !important;}

.square-100 {width:100px; height:100px;}

.center-image {width: 100%; position: relative; top: 50%; left:50%; transform: translate(-50%,-50%);}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 25px;
}

/*Button*/

.btn-dark{ background-color: #444; color: #ddd;}
.btn-dark:hover{background-color: #333; color: #ddd}

.btn-add {background-color: #fff; color: #009CE5; border:1px solid #ddd;}
.btn-add:hover {background-color: #fff; color: #007AB3;}

.btn-add.disabled, .btn-add[disabled], .btn-default.disabled, .btn-default[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
    color: #777;
    background: #eee!important;
}


/*checkbox*/
.checkbox-medium input{width: 20px; height: 20px;}
.checkbox-medium span{position: relative; bottom: 3px;}


/*shipping label*/
.s-express {color: #000000;}
.s-couriersplease {background-color: #fbd503; color: #000;}

.s-standard {background-color: #930084;}
.s-pickup {background-color: #FF8700;}
.s-on-demand {
  background-color: #003359;
  color: #FFF;
}

.s-starshipit-on-demand {
  background-color: #003359;
  color: #FFF;
}

.s-starshipit-standard {
  background-color: #FF00E6;
  color: #FFCCFF;
}

.s-starshipit-express {
  background-color: #FBFB03;
  color: #000;
}

/*RM Label*/

.rm-label-success {background-color: #129f03;}
.rm-label-off {background-color: #888;}
.rm-label-warning {background-color:#e68100;}
.rm-label-primary {background-color:#009ce5;}

.arrow-bg {
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-left: 12px solid #f1f1f1;
  border-bottom: 25px solid transparent;
  position: relative;
  left: 72px;
}

.nav-no-invoice .navbar-brand{background-color: #f1f1f1!important;}
.nav-invoice .arrow-bg{border-left: 12px solid #f65f19!important;}
.nav-invoice .navbar-brand{background-color: #f65f19!important; color:#fff!important;}


.panel-box {border: 1px solid #f1f1f1; border-radius: 0; box-shadow: none;}

/* Hide default HTML checkbox */
.switch input {display:none;}


.order-edit-billing {position:relative; top:-55px;}

.mobile-btns {display: none;}


/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 19px;
  width: 19px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #5cb85c;
}

input:focus + .slider {
  box-shadow: 0 0 1px #5cb85c;
}

input:checked + .slider:before {
  -webkit-transform: translateX(11px);
  -ms-transform: translateX(11px);
  transform: translateX(11px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 10px;
}

.slider.round:before {
  border-radius: 50%;
}

/*Address*/

.packing-address {font-size: 20px;}

.packing-items-table .multiple {
  padding: 5px 13px;
  font-size: 17px;
  background-color: red;
  border-radius: 30px;
  color: white;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


/* End switch button*/

/*Setting form input layout*/
.setting-form {padding-bottom: 15px; font-size: 13px;}
.setting-form .form-group {padding: 10px 0;}
.setting-form label { text-align: right; padding-top: 6px;}
.setting-form .toggle label {padding-top: 5px;}
.form-group .form-control {width: 100%;}
.setting-form .error-message li{float: left; padding: 10px;}

.setting-form .radio-thumb label {width: 100%; text-align: center;}

.setting-form .radio-thumb .selected .thumbnail{ background-color:#c0f9b2;}
.setting-form .logo-upload {float: right; position: relative; border: 1px solid #e1e1e1; height: 100px; width: 100px;}
.setting-form .logo-upload .media-object{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.setting-form .tooltip-inner {max-width: none; white-space: nowrap; text-align: left;}
.form-control.upload {height: auto;}


/*rm-collapse*/
.rm-collapse-heading i.fa-plus-square-o {display: inline-block;}
.rm-collapse-heading i.fa-minus-square-o {display: none;}
.rm-collapse-heading.show i.fa-plus-square-o {display: none;}
.rm-collapse-heading.show i.fa-minus-square-o {display: inline-block;}


/*RM Form Group*/
.rm-form .form-control, .rm-form .selectize-input {font-size: 12px;}

.rm-form .help-block {font-size: 12px; margin: 0;}
.rm-form .list-group-item {border-color: #f1f1f1;}
.rm-form .form-group {margin-bottom: 10px;}
.rm-form .form-group.required .control-label:after {
  color: #d00;
  content: "*";
  position: absolute;
  margin-left: 5px;
}

.btn-default {border-color:#e1e1e1;}

.rm-form .panel-default, .rm-form .panel-default > .panel-heading { border-color: #f1f1f1;}
.rm-form .panel-default > .panel-heading { background-color: #f1f1f1;}

/*Change select design*/
.rm-form .rm-select { position: relative;}
.rm-form .rm-select:before {
    content: '\f0dd';
    font: normal normal normal 17px/1 FontAwesome;
    right: 9px;
    padding: 3px 0 0 0;
    position: absolute;
    pointer-events: none;
    color: #555;
}
.rm-form .no-arrow .rm-select:before {color: transparent;}
/* IE11 hide native button (thanks Matt!) */
.rm-form select::-ms-expand {display: none;}
.rm-form .rm-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;  
  display: block;
  width: 100%;
  float: right;
  line-height: 1.75;
  background-image: none;
  -ms-word-break: normal;
  word-break: normal;
  margin-bottom: 10px;
}

.rm-form .rm-select select.form-control{padding: 6px 20px 6px 6px;}

.per_page_dropdown .rm-select {display: inline-flex; padding:10px 0;}
.per_page_dropdown .rm-select select {margin:0;}

.order_address {font-size: 13px;}

/*Override*/

/*double row table*/
.double-row-table {border: 1px solid #F1F1F1;}
.double-row-table tr.odd{background-color:#f9f9f9;}


.modal-nav.btn-breadcrumb.breadcrumb-default {border-color: #e1e1e1;border-top: 0;}
.modal-nav.btn-breadcrumb.breadcrumb-default .btn{font-size: 14px;border-radius: 0;}
.modal-nav.btn-breadcrumb .btn::after {border-top: 16px solid transparent;border-bottom: 16px solid transparent;margin-top: -16px;}
.modal-nav.btn-breadcrumb .btn::before {border-top: 16px solid transparent;}

.display-inline {display: inline;}

.fa-align-right {float: right;}
.cgl_theme_page th {color: #555;}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #e1e1e1;
}
.btn {font-size: 13px;}
.input-group-btn .btn {font-size: 14px;}
.btn-primary {background-color: #009CE5 !important; border-color: #009CE5!important;}
.btn-primary:hover  {background-color: #007AB3 !important; border-color: #007AB3!important;}
.badge-info{background-color:#3a87ad}
.badge-warning{background-color:#f89406}
.badge-success{background-color:#468847}
.badge-default{background-color:#fff; color:#000;}

.paging-container {padding: 10px;}

.wrapper.login-home {background-color: #e1e1e1;  margin: 0 !important;}

input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
    outline: 0;
}

.nav-tabs>li a {background-color: #e1e1e1;}
.nav-tabs .active .badge-default {background-color: #e1e1e1;}

.panel-value-size { font-weight: bold; font-size: 30px;}
.panel-bg-grey {background-color: #f1f1f1; border: 0;}
.panel-bg-danger {color: #a94442; background-color: #f2dede;}
.panel-bg-warning {background-color: #f0ad4e;}
.panel-bg-green {background-color: #4cae4c;color: #fff;}
.panel-bg-primary {background-color: #428bca; color: #fff;}
.panel-bg-info {background-color: #5bc0de;}

.panel-green {border-color: #4cae4c;}
.panel-green > .panel-heading {
    color: #ffffff;
    background-color: #4cae4c;
    border-color: #4cae4c;
}


.display-xs {display: none;}

.dl-order-right dt{width:100px;}
.dl-order-right dd{margin-left:120px;}

.space-top-0 {padding-top: 0px !important;}
.space-top-5 {padding-top: 5px}
.space-top-10 {padding-top: 10px}
.space-top-15 {padding-top: 15px}
.space-top-20 {padding-top: 20px}
.space-top-25 {padding-top: 25px}
.space-bottom-5 {padding-bottom: 5px}
.space-bottom-10 {padding-bottom: 10px}
.space-bottom-11 {padding-bottom: 11px}
.space-bottom-15 {padding-bottom: 15px}
.space-bottom-20 {padding-bottom: 20px}
.space-bottom-40 {padding-bottom: 40px}
.space-bottom-70 {padding-bottom: 70px}
.space-right-40 {padding-right: 40px}
.space-right-30 {padding-right: 30px}
.space-right-20 {padding-right: 20px}
.space-right-15 {padding-right: 15px!important;}
.space-right-10 {padding-right: 10px}
.space-right-5 {padding-right: 5px}
.space-right-0 {padding-right: 0px}
.space-left-40 {padding-left: 40px !important;}
.space-left-30 {padding-left: 30px !important;}
.space-left-20 {padding-left: 20px !important;}
.space-left-15 {padding-left: 15px}
.space-left-10 {padding-left: 10px}
.space-left-5 {padding-left: 5px}
.space-left-0 {padding-left: 0px}
.space-rl-5 {padding: 0 5px}
.space-rl-0 {padding-left: 0px; padding-right:0px;}
.space-0 {padding: 0!important;}
.space-5 {padding: 5px!important;}
.space-10 {padding: 10px!important;}
.space-11 {padding: 11px!important;}
.space-15 {padding: 15px!important;}

.opacity-1 {opacity:1!important;}

.height-80 {height:80px;}
.min-height-80 {min-height:80px;}
.margin-5 {margin:5px;}
.margin-bottom-0 {margin-bottom: 0!important;}
.margin-bottom-5 {margin-bottom: 5px;}
.margin-bottom-20 {margin-bottom: 20px;}
.margin-top-0 {margin-top: 0px!important;}
.margin-top-5 {margin-top: 5px!important;}
.margin-top-10 {margin-top: 10px!important;}
.margin-top-15 {margin-top: 15px!important;}
.margin-right-15 {margin-right: 15px!important;}
.margin-right-10 {margin-right: 10px!important;}
.margin-left-15 {margin-left: 15px!important;}
.margin-0 {margin: 0px!important;}

.col-no-padding {padding-left: 0px; padding-right: 0px;}

.border-color-light {border-color: #f1f1f1!important;}
.border-color-grey {border-color: #e1e1e1!important;}

.border-top-0 {border-top: 0px !important;}
.border-top {border-top: 1px solid #e1e1e1;}

.border-bottom {border-bottom: 1px solid #e1e1e1;}
.border-bottom-ddd {border-bottom: 1px solid #ddd;}
.border-bottom-0 {border-bottom: 0px !important;;}
.border-0 {border:0px!important;}
.border-rl-0 {border-right:0px!important;border-left:0px!important;}
.border-trl {border: 1px solid #e1e1e1; border-bottom: 0px;}
.border-brl {border: 1px solid #e1e1e1; border-top: 0px;}
.rm-border-right {border-right: 1px solid #f1f1f1;}
.rm-border-left {border-left: 1px solid #f1f1f1;}
.border-right-ddd {border-right: 1px solid #ddd;}
.border-right-2-ddd {border-right: 2px solid #ddd;}
.border-left-ddd {border-left: 1px solid #ddd;}
.border-left-2-ddd {border-left: 2px solid #ddd;}
.border-box {border: 1px solid #ddd;}
.border-table-box {border: 1px solid #e1e1e1;}
.border-radius-0 {border-radius: 0px;}
.border-radius-5 {border-radius: 5px;}
.border-box-10 {border: 10px solid #ddd;}
.border-info {border-color: #d9edf7;}
.border-invoice {border-color: #f65f19!important;}
.panel {box-shadow: none;}

.border-light-grey {border-color: #f1f1f1!important;}

.rm-box-shadow {box-shadow: 0 5px 20px 10px #d1d1d1;}

.dashed-border-right {border-right: 1px dashed #e1e1e1;}
.dashed-border-left {border-left: 1px dashed #e1e1e1;}

.f-left {float:left;}
.f-right {float:right;}

.v-align-middle {vertical-align: middle!important;}

.v-align-tr td, .v-align-tr th {vertical-align: middle!important;}

.ricemill-tooltip + .tooltip > .tooltip-inner {background-color: #009ce5;}
.ricemill-tooltip + .tooltip > .tooltip-arrow {border-right-color: #009ce5; border-left-color:#009ce5;}

.imagetooltip {cursor: pointer;}
.imagetooltip + .tooltip > .tooltip-inner {background-color: #fff;}
.imagetooltip + .tooltip > .tooltip-arrow {border-bottom-color: #fff;border-right-color: #fff;border-left-color: #fff;}
.tooltip.in {
  opacity: 1!important;
  filter:alpha(opacity=100);
}

.float-button {position: fixed; z-index: 998;bottom: 10px;width: calc(100% - 80px);left: 80px;background-color: #e1e1e1; box-shadow: 0px 1px 4px #999; padding: 10px 30px;border: 1px solid #e1e1e1; text-align: center; }

/*Fix type action bar*/
.fix-action-bar {
  position: fixed; 
  width:calc(100% - 80px); 
  z-index: 1; 
  margin-left: -35px;
  background-color: #e1e1e1;
  bottom: 0;
  padding: 10px;}

/* Set Page title Style*/

.col-main h1:first-of-type {font-size: 20px; margin-top: 8px; padding-left: 0;line-height: 1}
.col-main h2:first-of-type {font-size: 18px; margin-top: 5px;}
.page_header {
	padding: 10px 0px; z-index: 998; background-color: #fff;
  position: fixed;
  top: 51px;
  width: calc(100% - 115px);
  left: 100px;
  border-bottom: 1px solid #e1e1e1;
}
.slide-hide .page_header {
	width: calc(100% - 80px);
	padding-bottom: 0;
}

.header-notice-bar {
  position: fixed;
  width: 100%;
  z-index: 999;
}
.header-notice-bar .notice p {margin: 10px; font-size: 16px;}

/*vertical tabs*/
.vert-tab-wrapper {position: fixed; left:80px; overflow-y: auto; margin-left:20px; top: 102px;}
.vert-tabs { background-color: #fff;  border-right: 1px solid #e1e1e1;}
.vert-tabs-content {float:right; }
.vert-tabs li {border-bottom: 1px solid #fff;}
.vert-tabs > li {margin-right:-1px; }
.vert-tabs li:first-child {border-top: 1px solid #e1e1e1;}
.vert-tabs li:last-child {border-bottom: 1px solid #e1e1e1;}
.vert-tabs > li > a {background-color: #e1e1e1; border-left: 1px solid #e1e1e1;}
.vert-tabs > li > a:hover {background-color: #f1f1f1;}
.vert-tabs > li.active > a {background-color: #fff; color: #555; font-weight: 700;}

/*Table */

table tr:hover {background-color: #f1f1f1 !important;}

.table-no-border > tbody > tr > td, 
.table-no-border > tbody > tr > th, 
.table-no-border > tfoot > tr > td, 
.table-no-border > tfoot > tr > th, 
.table-no-border > thead > tr > td, 
.table-no-border > thead > tr > th { border: 0; padding: 10px;}

.table tbody > tr > th {background-color:#ddd;}

.table-vtextalign_middle > tbody > tr > td, 
.table-vtextalign_middle > tbody > tr > th, 
.table-vtextalign_middle > tfoot > tr > td, 
.table-vtextalign_middle > tfoot > tr > th, 
.table-vtextalign_middle > thead > tr > td, 
.table-vtextalign_middle > thead > tr > th { vertical-align: middle;}


.tr-no-border td{border: 0px !important;}
/* App Header */

.app-header {background-color: #e1e1e1; text-align: center; float: right !important; min-height: 50px;}
.app-header .client-info { text-align: right; }
.app-header .client-info li {display: inline-block; padding-left: 5px;}
.app-header .client-info .account-drop li {display: block; padding: 10px;}
.app-header .client-info .account-drop .user-info { margin-left: 10px; border-bottom: 1px solid #e1e1e1;}
.app-header .account-drop a {cursor: pointer; font-weight: 400;}
.app-header .account-drop a:hover { text-decoration: none; }

/* Login page Header*/

.login-home .header_wrapper .header {padding: 10px 0; }
.login-home .header .header_logo {
	margin: 0 auto;
	text-align: center;
}

/* Register Page*/

.register_box { width: 500px; margin: 30px auto; position: relative; }
.register_box.reset-password {width: 372px!important;}
.register_box_v { margin: 30px auto; position: relative; }
.register_box .register_field, .register_box_v .register_field { padding: 20px; margin-bottom: 10px; border-radius: 10px; background-color: #fff; }
.register_box .register_term,  .register_box_v .register_term { padding: 30px 0; text-align:center;}

.register_box .password_rule, .register_box_v .password_rule{ padding-top: 20px;}


/*Getting Started*/

.getting-start .setting_field {background-color: #fff; padding: 25px 10px; margin-bottom: 20px; border: 1px solid #e1e1e1;}
.getting-start .radio input[type=radio] {margin-top: 0 !important;}

.getting-start .breadcrumb li { padding: 0 10px;  font-size: 14px;}
.getting-start .breadcrumb>li+li:before { content: "";}
.getting-start .breadcrumb li .fa-angle-right {margin-right: 25px; color:#999;}
.getting-start .progress {height: 35px; margin-bottom: 0; border-radius: 0; box-shadow: none;}
.getting-start .progress a{color:#888; pointer-events: none;}
.getting-start .progress .done a{pointer-events: auto; color:#009CE5; cursor: pointer;}
.getting-start .progress .active{color:#000;}
.getting-start .progress .active i:nth-child(2){color:#009ce5;}
.getting-start .progress .done i:nth-child(2){color:#5cb85c;}

.getting-start .setting_field .thumbnail {min-height: 130px;}

/* Main */

.col-main  {background-color: #ffffff; padding-top: 20px; margin-top: 112px;  -webkit-transition: padding-left 0.3s; /* For Safari 3.1 to 6.0 */transition: padding-left 0.3s;}

/* Register page main*/
.register-row {
  display: table;
}

.register-row [class*="register-col"] {
  float: none !important;
  display: table-cell;
  vertical-align: top;
}
.main_container .register-box { position: relative; margin-top: 15px; }
.register-left { min-height: 475px; padding: 10px; border-radius: 10px 0 0 10px; background-color: #fff;}
.register-right {
	height: 100%;
	padding: 10px;
	border-radius: 0 10px 10px 0;
	background-color: #009CE5;
  vertical-align: middle !important;
}

.register-right h2 {
	font-size: 18px;
	color: #fff;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.register-term {
  margin-top: 10px;
  margin-bottom: 10px;
}

/*Login page main*/
.main_container .login_box { width: 600px; margin: 20px auto; position: relative;}
.login-left {width: 343px; height: 415px; padding: 20px; border-radius: 10px 0 0 10px; background-color: #fff;}
.login-right {
	width: 257px;
	height: 415px;
	padding: 10px;
	border-radius: 0 10px 10px 0;
	background-color: #009CE5;
	position: absolute;
	top: 0;
	right: 0;
	display: table;
}

.login-right span {
	font-size: 18px;
	color: #fff;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

/*Left Nav*/
.mobile-on {display: none;}

.nav-menu::-webkit-scrollbar {
    display: none;
}
.left_nav {position: fixed; background-color: transparent; padding: 0 !important; top:51px; height: 100%; z-index: 999; overflow:hidden;}
.left_nav.initial {display: none;}
.left_nav .left-container {overflow: hidden; background: #690043; }
.left_nav.slide-hover {width: 275px;}
.nav-menu {width:100%; padding: 0 !important; background-color: #2d2b2b; overflow-x:hidden; overflow-y:auto; }
.nav-menu li {display: block;  background-color:#690043; font-size: 12px; }
.nav-menu .ac_nav {background-color: #2d2b2b;}
.nav-menu ul > li.lvl-0 {text-align: center;width: 80px!important; font-size:11px;}
.nav-menu ul li.lvl-0 > a{padding:8px 5px!important;}
.slide-hide .expand-icon{display: none;}
.lvl-0.active {background-color:#555; }
.lvl-0.active:hover {background-color:#787878; }
.lvl-0.active a{color:#fff;}

.nav-menu li:hover {background-color:#666;}
.nav-menu li:hover a{color:#fff;}

.lvl-0.nav.hover,
.lvl-0.nav.hover:hover {background-color:#787878; border-right-color: #787878 !important;}

.nav-menu li a, .nav-trigger .toggle-menu { color: #e1e1e1; display: block; padding:15px 10px; text-decoration: none;}
.nav-menu li a:hover{text-decoration:none;}
.left_nav .logo { background-color:#e1e1e1; padding:15px 10px;}
.left_nav .logo span {width: 60px; height: 60px;}
.nav-menu .expand-icon {float: right;}
.nav-menu .expand-icon .fa-chevron-right {-webkit-transition: -webkit-transform 0.3s; /* For Safari 3.1 to 6.0 */transition: transform 0.3s;}
.menu_parent.active .fa-chevron-right {-ms-transform: rotate(90deg); /* IE 9 */-webkit-transform: rotate(90deg); transform: rotate(90deg);margin-right: 15px; width: 15px;}
.nav-menu li .fa {width: 25px;}

.nav-menu .sub-menu {background-color:#787878; }
.nav-menu .sub-menu li {display:none; background-color: #787878; text-align: left; margin: 0 15px; border-color: #fff;}
.nav-menu .sub-menu li a:hover {color: #16f2fb!important;}
.nav-menu .sub-menu li a{color: #fff; padding-left: 15px;}

.nav-menu .sub-menu {
  position: fixed;
  z-index:1;
  padding-top:15px;
  margin-bottom: 30px;
  top:0 ;
  left: 80px;
  width: 0px;
  display: block;
  overflow: hidden;
  -webkit-transition: width 0.3s; /* For Safari 3.1 to 6.0 */
  transition: width 0.3s;
}
.nav-menu .hover .sub-menu {
  width: 190px;
  z-index:999;
  box-shadow: 10px 0 10px 0px #d1d1d1;
}
.nav-menu .hover .sub-menu li {
  display: block;
  width: 160px; 
}

.nav-trigger {position: absolute; overflow: hidden;}
.nav-trigger .toggle-menu {background-color: #464548; position: fixed; z-index:999;  padding-top: 20px; padding-bottom: 20px; width: 80px; bottom:0; -webkit-transition: width 0.3s; /* For Safari 3.1 to 6.0 */transition: width 0.3s;}
.nav-trigger .toggle-menu:hover {background-color: #009CE5;}
.left_nav.slide-hide .nav-trigger {width: 43px; overflow: hidden;}
.left_nav.slide-hide .toggle-menu {width: 43px; overflow: hidden; -webkit-transition: width 0.3s; /* For Safari 3.1 to 6.0 */transition: width 0.3s;  }
.left_nav .nav-trigger .text {position: fixed; bottom: 20px;}
.left_nav.slide-hide .nav-trigger .text {display: none; }
.left_nav .nav-trigger i.fa-chevron-left {-webkit-transition: -webkit-transform 0.3s; /* For Safari 3.1 to 6.0 */transition: transform 0.3s}

.left_nav.slide-hide .nav-container, .left_nav.slide-hide .nav-menu{ width: 80px !important; -webkit-transition: width 0.3s; /* For Safari 3.1 to 6.0 */transition: width 0.3s;}
.left_nav.slide-hide .nav-trigger i.fa-chevron-left {-ms-transform: rotate(180deg); /* IE 9 */-webkit-transform: rotate(180deg); transform: rotate(180deg); margin-right: 15px; width: 15px;}
.col-main.slide-hide { padding-left: 60px;}


/* order view */
#tbl-selected-items {font-size: 12px;}
#tbl-selected-items tr th, #tbl-selected-items tr td {vertical-align: middle;}
.address-panel {position: relative;}
.btn-edit-add {right: 3px; position: absolute; top: 3px;}
.order-info .panel-body {padding:10px 15px;}
.order-info .form-group {margin-bottom: 10px;}
.order-info .form-group label {font-size: 11px;}
.order-info .form-group .form-control {font-size: 12px; height: 30px;}
/* purchase */

#email_receiving_box {display: none;}
#email_receiving_box .show {display: block !important;}

/*Footer*/

#top-link-block {background-color:#fff; float:right;}

/*Picking list*/
.picking .input-group {width: 100%;}
.picking .btn-pick {padding-top: 10px;}

/*Search table*/
.search-results-table {z-index: 100;}
.item-search-page .search-results-table td {vertical-align: middle;}
.p_image {position: relative;}
.cgl-popover {max-width: 350px; position: fixed; top: 30%!important;}
.cgl-popover.popover.right .arrow {display: none;}

.pagination {margin: 10px !important;}

/*Product search Page*/
.open-product-more { cursor: pointer;}
.open-product-more-info {display:none;padding: 5px 0;border: 1px solid#f4f4f4; background-color: #fff;margin-top:10px;}


.item-search-box {padding: 0px; position: relative;}
.options {text-align: right; float: right; padding-right:0;}
.options ul { float: right;}
.options li {text-align: right; padding-left: 10px; display: inline-block;}
.options .dropdown-menu {right: 0; min-width: 180px; left: auto;}
.options .dropdown-menu .option {padding: 5px 0; text-align: left;}
.options .dropdown-menu .btn {width: 155px; margin-bottom: 10px; text-align: left;}
.options.left {float: left!important;}
.options.left ul{float: left!important;}

.search_part_1 {padding-top: 10px;}

.more-option {padding: 0px 20px; display:none;}
.more-option span { float: left; padding: 0 20px 10px; cursor:pointer;}
.item-search-box .search-button {background-color: #fff; padding: 0;}
.item-search-box .search-button .action {float: left; padding-right: 15px;}
.item-search-box .search-button .btn {border-radius: 0 0 10px 10px;}
.search_part_2 h6 {font-weight: 700;}
.search_part_2 label {font-size: 12px; padding-left: 5px;}
.search-option {cursor: pointer;}

#body .action-box {padding-top: 10px;}
.action-box .action {float: left; padding-left: 10px; float: right; }


/* Quick purchase page*/
.po_tax_class_box {
  width: 100%;
  padding: 10px;
  background: #f1f1f1;
  display: flex;
  align-items: center;
  justify-content: right;
}
.po_tax_class_box label { margin-bottom: 0; padding-right:10px;}
.po_tax_class_box .rm-select { width:120px;}

/*channel*/
.channel-list td {vertical-align: middle!important;}
.ebay .dropdown-menu li {padding: 10px 20px;}
/*Reports*/
.report-tab .tab-pane {padding-top: 20px;}

#codeigniter_profiler{
  float: right;  
  width: 90%;
}

/* Container box */
.jumbotron-box {
  padding: 10px 10px 1px 10px;
  color: inherit;
  background-color: #eee;
}

/*Preview Screen*/

.cgl_preview {max-width: 1400px; padding-top: 80px; margin: 0 auto;}

/*Responsive*/

@media (min-width: 768px) {
.packing-address {font-size:16px;}
.app-header {position: fixed !important; z-index: 999; right: 0; padding: 7px 0 !important;}
.app-header .logo {text-align: left;}
.app-header .logo img{ width: 115px; height: auto;}

.nav-tabs { padding-top: 10px;}
.left_nav .nav-container, .left_nav .nav-menu {width: 90px; }
.modal-dialog {width: 760px;}
.f-right-md {float: right;}

.space-md-0 {padding: 0 !important;}
.space-top-sm-10 {padding-top: 10px;}
.space-sm-left-10 {padding-left:10px;}

.vert-tabs {width: 100px;}
.vert-tabs-content {width: calc(100% - 110px);}

.height-sm-70 {height: 70px!important;}

.space-right-sm-5 {padding-right: 5px}
.space-left-sm-5 {padding-left: 5px}
.margin-bottom-sm-20 {margin-bottom: 20px!important;}
.f-right-sm {float:right;}

.mobile-btn-toggle-box {display: block!important;}
.mobile-btn-toggle-option-box {display: block!important;}

}


@media (min-width: 320px) {
  .width-xs-300 {width:300px;}
}

@media (min-width: 768px) {
  .width-sm-350 {width:350px;}
}

@media (min-width: 769px) {
  .hide-collapse-sm {display:block;}
  .col-main {float: right !important;  z-index: 998; padding: 0 15px 50px 0; width: 100%; padding-left: 100px;}
  .nav-menu {display:block!important;}
  .left_nav {display:block!important;}
  .vert-tabs-content {width: calc(100% - 110px);}

}
@media (min-width: 992px) {
  .packing-address {font-size:18px;}
  .space-right-md-5 {padding-right: 5px}
  .space-left-md-5 {padding-left: 5px}
  .modal-lg {
    width: 900px;
  }
  .space-right-md-0 {padding-right: 0px}
  .space-top-md-0 {padding-top:0;}
  .space-top-md-15 {padding-top: 15px;}
  .width-md-350 {width:350px;}

  .modal-width-md-900 {
    width: 900px!important;
}

}
@media (min-width: 1025px) {

}

@media (min-width: 1200px){
  body {font-size: 12px;}
  .right-line-lg {border-right: 1px solid #f1f1f1;}
  .vert-tabs {width: 130px;}
  .vert-tabs-content {width: calc(100% - 140px);}
  .hide-collapse-lg {display:block;}

  .space-top-lg-15 {padding-top: 15px}

  .margin-top-lg-15 {margin-top: 15px!important;}

  .width-lg-350 {width:350px;}

  .space-rl-lg-0 {padding-right: 0px!important;padding-left: 0px!important;}

}

@media (max-width: 1199px) {
  .space-lg-0 {padding:0!important;}
}

@media (max-width: 1023px) {

  .container-fluid {padding-right:0;}
  
}

@media (max-width: 991px) {

.space-xs-5 {padding: 5px!important;}
.text-sm-left {text-align: left;}
.space-sm-0 {padding:0!important;}
}


@media (max-width: 768px) {

.app-header {position: fixed !important; z-index: 999; right: 0; padding: 5px 0 !important;}
.app-header .logo {text-align: left;}
.app-header .logo img{width: 35px; height: auto;}
.col-main {float: right !important; width: 100%; padding:0 10px;}
.left_nav .nav-menu li, .nav-trigger .toggle-menu {width: 80px; }
.left_nav .nav-container, .left_nav .nav-menu {width: 80px; }
.vert-tabs-content {width: calc(100% - 100px);}

.page_header {
    width: 100%;
    left: 0;
    padding: 10px 10px 5px 10px;
}

.space-xs-rl-10 {padding-right:10px!important; padding-left:10px!important}

.float-button {width: 100%; left: 0px; bottom:0}

.mobile-btn-toggle-option-box {
  display: none;
  position: fixed;
  top: 86px;
  background:#f4f4f4;
  width: 100%;
  left: 0px;
  padding: 10px;
  box-shadow:#d1d1d1 0px 5px 5px;
}

.vert-tab-wrapper {
    left: 0px;
    margin-left: 0px;
}
/*Mobile Nav*/
.mobile-on {display: block;}
.mobile-hide {display: none;}
.mobile-nav {display: none;}
.account-drop .dropdown-menu {left: -200px;}

.form-inline-mb .form-group {display: inline-block;margin-bottom: 0;vertical-align: middle;}

.btn-breadcrumb { margin-left: 10px; margin-right: 10px; width: calc(100% - 20px) !important; }

}

@media (max-width: 767px) {
  .body {min-width: 375px!important;}
  .col-main {
    margin-top: 85px;
  }

  .col-tab-xs-4 {
    width: 33.33333333%;  
  }

  .login-left {border-radius: 0; margin: 0 auto; width:100%}
  .main_container .login_box {width:100%;margin-top: 10px;}
  .main_container .register-left {border-radius: 10px !important;}
  .hide-xs {display: none !important;}
  .text-left-xs {text-align: left;}

  .space-top-xs-15 {padding-top: 15px!important;}
  .space-top-xs-10 {padding-top: 10px!important;}
  .space-bottom-xs-10 {padding-bottom: 10px!important;}
  .space-bottom-xs-0 {padding-bottom: 0px!important;}
  .space-xs-0 {padding: 0!important;}
  .space-rl-xs-5 {padding-right: 5px!important;padding-left: 5px!important;}
  .space-xs-right-5 {padding-right: 5px!important;}
  .space-xs-left-5 {padding-right: 5px!important;}
  .space-xs-left-0 {padding-left: 0px;}

  .margin-xs-0 {margin: 0!important;}
  .margin-top-xs-10 {margin-top: 10px!important;}
  .margin-top-xs-15 {margin-top: 15px!important;}
  .margin-bottom-xs-0 {margin-bottom: 0!important;}
  .margin-bottom-xs-5 {margin-bottom: 5px!important;}
  .margin-right-xs-5 {margin-right: 5px!important;}
  .margin-left-xs-5 {margin-left: 5px!important;}
  .img-width-xs-60 {max-width: 60px;}
  .img-width-xs-70 {max-width: 70px;}
  .btn {font-size: 12px; padding: 6px 10px;}
  .app-header {min-height: 30px;}
  .app-header .logo img{width: 30px; height: auto;}
  .options .option {padding: 0 5px;}

  .border-xs-0 {border: 0px !important;}

  .pagination > li > a, .pagination > li > span {padding: 4px 10px;}

  .mobile-btn-toggle-box {display: none; padding:0;}
  
  .float-button {width: 100%; left: 0px;}

  .more-option {display:block;}
  .more-option span {
    float: right;
    padding: 0 0px 20px;
    cursor: pointer;
  }
  .search_part_2 {display: none;}

  .mobile-corner-type .item-type-mobile {
    position: absolute;
    border-top: 35px solid#fff;
    border-right: 35px solid transparent; 
    right: -6px;
    bottom: -6px;
  }
  .mobile-corner-type .item-type-mobile-text {
    position: absolute;
    right: 0px;
    bottom: -7px;
    font-size: 15px;
    font-weight: bold;
    color:#fff;
  }

  .mobile-round-type {position: relative;height: 18px;width: 18px;float: left;}

  .mobile-round-type .item-type-mobile {
    float: left;
    width: 100%;
    height: 100%;
    border-radius: 15px;
  }
  .mobile-round-type .item-type-mobile-text {
    position: absolute;
    font-size: 15px;
    font-weight: bold;
    color:#fff;
    padding: 2px 4px;
    left:0;
  }

  .text-size-xs-14 {font-size: 14px;}
  
  .mobile-page-header {line-height: 20px;padding-left: 5px;}

  .mobile-tab .vert-tab-wrapper {left:0; margin-left: 0; width:100%; z-index:23;position: fixed;}
  .mobile-tab .vert-tabs{width:100%;height:auto!important;}
  .mobile-tab .vert-tabs li{display:none;}

  .mobile-tab .vert-tabs li.show-li-xs{display:block!important;}
  .mobile-tab .vert-tabs li.active{display:block;}
  .mobile-tab .vert-tabs li.active a{background-color: #2a88ce; color:#fff;}
  .mobile-tab .vert-tabs li.active a::after{
    font-family: FontAwesome;
    content: "\f078";
    float:right;
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%;
  }
  .mobile-tab .vert-tabs-content {width: 100%; padding-top: 50px;}
  .mobile-tab .mobile-tab-toggle {float:right;position: absolute;top: 0;right: 2px;background-color: #2a88ce;height: 37px; padding: 10px; color:#fff;}


  .sales-mobile-tab li{display:none; width:100%;}
  .sales-mobile-tab li.active{display:block;}
  .sales-mobile-tab li.active a{background-color: #2a88ce; color:#fff;}
  .sales-mobile-tab li.active a::after{
    font-family: FontAwesome;
    content: "\f078";
    float:right;
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%;
  }
  .sales-mobile-tab .mobile-tab-toggle {float:right;position: absolute;top: 0;right: 2px;background-color: #2a88ce;height: 37px; padding: 10px; color:#fff;}

  
  .display-xs {display: block;}
}

@media (max-width: 376px) {
  .fixed-barcode {
    position: fixed; 
    top:98px;
    z-index: 999;
    width: 100%;
    left: 0px;
  }
  .min-height-80 {min-height:0px;}
  .space-mobile-0 {padding: 0!important;}
  .space-mobile-top-10 {padding: 10px!important;}
  .text-mobile-size-13 {font-size: 13px;}
  .text-size-xs-14 {font-size: 14px;}

}


@media (max-width: 320px) {
  body {min-width: 300px!important;}
  
}


#codeigniter_profiler {
  width: 90%;
  float: right; 
}

/* showing page */
.showing-page {
	display: inline-block;
}

.showing-page .rm-select {
	display: inline-block !important;
}

.btn-rounded-full {border-radius: 50%;}



.btn-breadcrumb{
	width: 100%;
	background-color: #fff;
	border-radius: 4px;
	border: solid 1px #ccc;
}
.btn-breadcrumb .btn{
	border-color: transparent; border: 0px solid transparent;
	border-right: 1px solid transparent !important; 
	font-size: 11px;
}
.breadcrumb-default{ background-color: #fff; }
.btn-primary,.breadcrumb-primary{ background-color: #337ab7; }
.btn-primary:hover{background-color: #286090;}

.breadcrumb-success{ background-color: #5cb85c; }
.breadcrumb-info{ background-color: #5bc0de; }
.breadcrumb-warning{ background-color: #f0ad4e; }
.breadcrumb-danger{ background-color: #d9534f; }
.breadcrumb-negro{ background-color: #d4d4d4; }

/* .btn-breadcrumb .btn:last-child {font-weight: bold; text-decoration: underline;} */
.btn-breadcrumb .btn:last-child:after{margin-left: -2px;}
.btn-breadcrumb .btn:last-child:before{margin-left: -1px;}

.btn-breadcrumb .btn-derecha{
	float: right;
	margin-right: 0px;
	padding: 6px 10px 6px 10px !important;
	margin-left: 0px !important;
	border-radius: 0px !important; 
}
.btn-breadcrumb .btn-derecha:first-child { 
	border-top-right-radius: 2px !important; 
	border-bottom-right-radius: 2px !important; 
}

.btn-breadcrumb .btn-derecha:after, .btn-breadcrumb .btn-derecha:before{
	content: none !important;
}

.btn-breadcrumb .btn:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  margin-left: 0px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -14px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {padding:6px 12px 6px 24px;}
.btn-breadcrumb .btn:first-child {padding:6px 6px 6px 10px;}
.btn-breadcrumb .btn:last-child {padding:6px 18px 6px 24px;}

/** Default button **/
.btn-breadcrumb .btn.btn-default:after { border-left: 10px solid #fff;}
.btn-breadcrumb .btn.btn-default:hover:after {border-left: 10px solid #e6e6e6;}
.btn-breadcrumb .btn.btn-default:hover:before, .btn-breadcrumb .btn.btn-default:before {border-left: 10px solid #adadad;}
.breadcrumb-default{ border: solid 1px #adadad; }

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:after {border-left: 10px solid #337ab7;}
.btn-breadcrumb .btn.btn-primary:hover:after {border-left: 10px solid #286090;}
.btn-breadcrumb .btn.btn-primary:hover:before, .btn-breadcrumb .btn.btn-primary:before {border-left: 10px solid #204d74;}
.breadcrumb-primary{ border: solid 1px #204d74; }

/** Success button **/
.btn-breadcrumb .btn.btn-success:after {border-left: 10px solid #5cb85c;}
.btn-breadcrumb .btn.btn-success:hover:after {border-left: 10px solid #449d44;}
.btn-breadcrumb .btn.btn-success:hover:before, .btn-breadcrumb .btn.btn-success:before {border-left: 10px solid #398439;}
.breadcrumb-success{ border: solid 1px #398439; }

/** Danger button **/
.btn-breadcrumb .btn.btn-danger:after {border-left: 10px solid #d9534f;}
.btn-breadcrumb .btn.btn-danger:hover:after {border-left: 10px solid #c9302c;}
.btn-breadcrumb .btn.btn-danger:hover:before, .btn-breadcrumb .btn.btn-danger:before {border-left: 10px solid #ac2925;}
.breadcrumb-danger{ border: solid 1px #ac2925; }

/** Warning button **/
.btn-breadcrumb .btn.btn-warning:after {border-left: 10px solid #f0ad4e;}
.btn-breadcrumb .btn.btn-warning:hover:after {border-left: 10px solid #ec971f;}
.btn-breadcrumb .btn.btn-warning:hover:before, .btn-breadcrumb .btn.btn-warning:before {border-left: 10px solid #d58512;}
.breadcrumb-warning{ border: solid 1px #d58512; }

/** Info button **/
.btn-breadcrumb .btn.btn-info:after {border-left: 10px solid #5bc0de;}
.btn-breadcrumb .btn.btn-info:hover:after {border-left: 10px solid #31b0d5;}
.btn-breadcrumb .btn.btn-info:hover:before, .btn-breadcrumb .btn.btn-info:before {border-left: 10px solid #269abc;}
.breadcrumb-info{ border: solid 1px #269abc; }

/** Shipment Summary **/
.dropdown-menu .option label {
  border: 1px solid #ccc;
  padding: 5px;
  margin:0 0 5px;
  display:block; 
}

.dropdown-menu .option label:hover {
  background:#eee;
  cursor:pointer;
}