@font-face {
    font-family: 'proxima_novaregular';
    src: url('../fonts/proxima_nova_regular-webfont.eot');
    src: url('../fonts/proxima_nova_regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima_nova_regular-webfont.woff') format('woff'),
    url('../fonts/proxima_nova_regular-webfont.ttf') format('truetype'),
    url('../fonts/proxima_nova_regular-webfont.svg#proxima_novaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'proxima_novabold';
    src: url('../fonts/proxima_nova_bold-webfont.eot');
    src: url('../fonts/proxima_nova_bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima_nova_bold-webfont.woff') format('woff'),
    url('../fonts/proxima_nova_bold-webfont.ttf') format('truetype'),
    url('../fonts/proxima_nova_bold-webfont.svg#proxima_novabold') format('svg');
    font-weight: 700;
    font-style: normal;

}


@font-face {
    font-family: 'proxima_novasemibold';
    src: url('../fonts/proxima_nova_semibold-webfont.eot');
    src: url('../fonts/proxima_nova_semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima_nova_semibold-webfont.woff') format('woff'),
    url('../fonts/proxima_nova_semibold-webfont.ttf') format('truetype'),
    url('../fonts/proxima_nova_semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: 600;
    font-style: normal;

}

html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'proxima_novaregular', sans-serif;
}

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table;
}

a:hover {
    text-decoration: none;
}

header {
    background: #000;
    height: 72px;
}

.main {
    margin-bottom: 150px;
}

footer {
    width: 100%;
    background-color: #F4F4F4;
    padding: 10px 0;
    margin-top: 20px;
    position: absolute;
    bottom: 0
}

footer.tool {
    position: fixed;
    padding: 0
}

.copyRight {
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 12px;
    color: #A7A9AC;
}

.nav-foo {
    margin-bottom: 0
}

.nav-foo li {
    display: inline-block;
    padding: 0 10px;
}

.nav-foo a {
    font-size: 12px;
    color: #6D6E71;
}

.nav-foo a:hover {
    color: #78AC36;
    text-decoration: underline;
}

.sprite {
    background: url(../images/sprite.png);
    display: block;
}

#logo.sprite {
    margin-top: 25px;
}

#logo {
    width: 217px;
    height: 17px;
    margin: 0;
    display: inline-block;
}

#logo a {
    /*text-indent: -9999px;*/
    display: block;
    height: 17px;
}

/*icon sets*/
.i12 {
    width: 12px;
    height: 12px;
}

.i24 {
    width: 24px;
    height: 24px;
}

.i16 {
    width: 16px;
    height: 16px;
}

.i24.calendar {
    background-position: -24px -23px;
}

.i24.pre {
    background-position: -72px -23px;
}

.i24.next {
    background-position: -96px -23px;
}

.i24.first {
    background-position: -48px -23px;
}

.i24.last {
    background-position: -120px -23px;
}

.i24.arDown {
    background-position: -168px -23px;
}

.i24.add {
    background-position: -192px -23px;
}

.i24.arRight {
    background-position: -217px -23px;
}


.i16.email {
    background-position: 0 -75px;
}

.i16.list {
    background-position: -16px -75px;
}

.i16.slip {
    background-position: -32px -75px;
}

.i16.delete {
    background-position: -48px -75px;
}

.i16.report {
    background-position: -64px -75px;
}

.i16.archive {
    background-position: -80px -75px;
}

.i16.update {
    background-position: -96px -75px;
}

.i16.list2 {
    background-position: -112px -75px;
}

.navHs {
    margin-bottom: 0;
    border: none;
    float: right;
    min-height: 0
}

.navHs .navHS-xs {
    border: 2px solid rgba(102, 102, 102, 0.5);
    border-radius: 0;
    float: left;
    margin: 0 0 10px 5px;
}

.navHs .navHS-xs .icon-bar {
    background: white
}

.nav {
    margin-bottom: -5px;
}

.navHs .nav a {
    padding-top: 25px;
    padding-bottom: 22px;
}

.nav a {
    color: #f4f4f4;
}

.navHs .nav li.active {
    border-bottom: 7px solid #78ab35;
}

.nav li.active a {
    color: #78ab35
}

.dataManagement {
    margin-top: 50px;
}

.profile-control {
    margin-bottom: 0;
    margin-right: -15px;
    height: 72px;
    float: right;
    position: relative;
    z-index: 1001
}

.profile-control .dropdown {
    height: 72px;
}

.profile-control .dropdown.open .notification b {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    writing-mode: tb-rl;
}

.profile-control .open > a, .profile-control .open > a:hover, .profile-control .open > a:focus {
    background-color: #343434 !important;
}

.profile-control .dropdown-toggle {
    padding: 13px 30px 14px;
    display: inline-block;
}

.avatar-user .name {
    display: inline-block;
}

.profile-control.active .name, .profile-control.active .notification b {
    color: #78AC36 !important
}


.profile-control .avatar {
    margin-right: 10px;
    width: 45px;
    height: 45px;
}

.profile-control > a {
    padding: 0;
}


.profile-control .dropdown-menu {
    background-color: #343434;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    border: none;
    border-top: 1px solid #A7A9AC;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
}

.profile-control .dropdown-menu a {
    font-family: 'proxima_novabold';
    color: #f4f4f4;
    padding: 10px 30px;
}

.profile-control .dropdown-menu > li > a:hover {
    background-color: #000;
    color: #f4f4f4;
}

.notification {
    margin-top: 13px;
    margin-left: 5px;
}

.notification b {
    font-size: 12px;
    float: left;
}

.notification .buble_alert {
    display: inline-block;
    background-color: #D14E53;
    border-radius: 15%;
    font-size: 11px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    position: relative;
    line-height: 11px;
    float: left;
    margin-top: -20px
}

.notification .buble_alert:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid #D14E53;
    border-bottom: 0px solid transparent !important;
    border-right: 6px solid transparent !important;
    border-left: 0 solid transparent !important;
    left: 50%;
    bottom: -5px;
    margin-left: -5px;
}

.dashboard {
    margin-top: 50px;
}

.alert {
    background-color: #6EA9BD;
    color: #fff;
    font-size: 15px;
    border: none;
    padding: 7px 10px 5px 10px !important
}

.alert .alert-link {
    color: #fff;
    font-weight: normal;
}

.alert .alert-link:hover {
    text-decoration: underline;
}

.alert-link i {
    margin-left: 20px;
    margin-top: 5px
}

.alert-dismissable .close {
    position: static;
    opacity: 0.5;
    margin-top: 5px;
}

.alert-custom {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.headTabs {
    border-bottom: 1px solid #A7A9AC;
    padding-bottom: 16px;
    margin-bottom: 20px;
}

.headTabs h4 {
    font-family: 'proxima_novabold';
    font-weight: normal;
    color: #F7941E;
    margin-bottom: 0;
    margin-top: 10px;
    margin-right: 30px;
    float: left;
}

.headTabs .rightSide {
    float: right;
}

.opt-tab {
    border-bottom: none;
    margin-bottom: 0;
}

.invoice-list-tab {
    padding-right: 20px;
}

.opt-tab a {
    text-transform: uppercase;
}

/*Button*/

.btnBody {
    color: #fff;
    border-radius: 2px !important;
    font-size: 12px;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(99, 107, 101, 1);
    -moz-box-shadow: 0px 2px 0px 0px rgba(99, 107, 101, 1);
    box-shadow: 0px 2px 0px 0px rgba(99, 107, 101, 1);
    border: none !important;
    padding: 10px 10px 8px !important;
    position: relative;
    margin-right: 0 !important;
    text-align: center;
    white-space: nowrap;
    line-height: 16px;
    height: 30px;
    display: block;
}

.btnGrey:hover {
    background-color: #6A726D !important;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 1);
    color: #fff;
}

.btnGrey {
    background-color: #7c8980;
}

.btnGreen {
    background-color: #78ab35;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(106, 142, 60, 1);
    -moz-box-shadow: 0px 2px 0px 0px rgba(106, 142, 60, 1);
    box-shadow: 0px 2px 0px 0px rgba(106, 142, 60, 1);
}

.btnGreen:hover {
    background-color: #6A8F3C;
    color: #fff;
    -webkit-box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 1);
    box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 1);
}

.btnMagento {
    background-color: #76abb3;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(106, 142, 60, 1);
    -moz-box-shadow: 0px 2px 0px 0px rgba(106, 142, 60, 1);
    box-shadow: 0px 2px 0px 0px #76abb3;
}

.btnMagento:hover {
    background-color: #76abb3;
    color: #fff;
    -webkit-box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 1);
    box-shadow: 0px -2px 0px 0px #76abb3;
}


.btnBlueSmall {
    background-color: #2AAAE1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btnBlueSmall:hover {
    background-color: #2799C1;
    color: #fff;
}

.btnRedSmall {
    background: none;
    border: 1px solid #dc3545 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #dc3545 !important;
}

.btnRedSmall:hover {
    background-color: #dc3545;
    color: #fff !important;
}

.opt-tab li {
    margin-right: 10px;
}

.opt-tab li.active {
    border-bottom: none;
}

.opt-tab a.btnGrey {
    min-width: 120px;
    line-height: 16px;
}

.opt-tab a.btnGrey:hover {
    color: #999 !important;
}

.opt-tab li.active a.btnGrey {
    -webkit-box-shadow: 0px 0px 0px 1px rgba(211, 211, 211, 1);
    -moz-box-shadow: 0px 0px 0px 1px rgba(211, 211, 211, 1);
    box-shadow: 0px 0px 0px 1px rgba(211, 211, 211, 1);
    color: #636B65;
    border-color: #fff;
    padding-right: 30px !important
}

.opt-tab li.active a.btnGrey:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    right: 10px;
    top: 10px;
    background-color: #636B65;
    border-radius: 50%

}


.refresh {
    float: right;
}

.refresh span {
    display: inline-block;
    float: left;
}

.refresh i {
    margin-left: 10px;
    margin-top: -5px;
}

.opt-tab li.refresh a:hover {
    background-color: #6B9331 !important;
}

.dropDownList {
    margin-top: 10px;
    float: left;
}

.dropDownList a {
    font-weight: 700;
    color: #6D6E71;
}


.dropDownList a:focus {
    outline: none;
}

.dropDownList .dropdown-menu {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #A7A9AC;
    min-width: 140px;
    padding: 0;
    margin-top: 16px
}

.dropDownList .dropdown-menu a {
    font-size: 14px;
    color: #717273;
    padding: 10px 15px;
}

.dropDownList .dropdown-menu a:hover {
    background-color: #77ACB4;
    color: #fff;
}

.filters .form-group {
    float: left;
    margin-bottom: 0;
    margin-right: 10px;
}

.filters .form-group.date {
    margin-right: 0
}

.filters .date .form-group {
    margin-right: 0;
    position: relative;
}

.filters .date .form-group i {
    position: absolute;
    top: 4px;
    left: 6px;
}

.filters input[type="text"] {
    border: 1px solid #E6E7E8;
    height: 30px;
    font-size: 11px;
    padding: 8px 10px 5px;
    text-align: center;
    width: 130px;
}

.filters {
    padding-bottom: 10px;
}

.filters label {
    float: left;
    margin-top: 6px;
    margin-right: 10px;
}

.filters ::-webkit-input-placeholder {
    color: #58595B;
    font-size: 12px;
}

.filters :-moz-placeholder { /* Firefox 18- */
    color: #58595B;
    font-size: 12px;
}

.filters ::-moz-placeholder { /* Firefox 19+ */
    color: #58595B;
    font-size: 12px;
}

.filters :-ms-input-placeholder {
    color: #58595B;
    font-size: 12px;
}

.filters input.datepicker {
    padding-left: 30px;
}

.filters .pagination li {
    float: left;
    padding: 0 !important;
    border: none !important;
    margin-right: 5px
}

.filters .pagination li:hover {
    background: none !important;
}

#small-size-menu {
    display: none;
}

.paginateSelect {
    display: inline-block;
}

.pagination {
    margin: 0 !important;
    display: block;
}

.pagination li a {
    border-radius: 3px !important;
    border: 1px solid #C2D3C6 !important;
    padding: 0 !important
}

.filters .dataTables_info {
    color: #7C8981;
    font-size: 12px;
    padding: 8px 10px;
}

/*Footer*/
.invoiceController {
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 0;
}

.invoiceController li {
    display: inline-block;
    margin-bottom: 10px;
}

.invoiceController a {
    margin-right: 10px !important;
}

.invoiceController li:last-child {
    margin-right: 0;
}

.invoiceController i {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: -3px;
    font-size: 12px;
}

/*Datepicker modify*/
.date .glyphicon-resize-horizontal {
    font-size: 20px;
    color: #A7A9AC;
    margin: 5px 10px 0;
    float: left;
}

.datepicker {
    padding: 0;
    border-color: #D9D9D9;
    border-radius: 0;
    box-shadow: none !important;
    margin-top: 0;
}

.datepicker-days {
    font-size: 10px;
    position: relative;
    z-index: 2000;
    background: white;
    border-bottom: 1px solid #D9D9D9
}

.datepicker thead > tr > th {
    padding: 0;
    font-size: 13px;
    border-radius: 0
}

.datepicker thead > tr > th.dow {
    padding-top: 10px;
    padding-bottom: 10px;
}

.datepicker thead > tr > th.dow:first-child {
    padding-left: 10px;
}

.datepicker thead > tr > th.dow:last-child {
    padding-right: 10px;
}

.datepicker thead tr:first-child {
    border-bottom: 1px solid #D9D9D9
}

.datepicker thead tr:last-child th {
    font-size: 10px !important;
}

.datepicker th.next, .datepicker th.prev {
    background-image: url(../images/sprite.png);
    text-indent: -9999px;
    width: 24px;
    height: 28px;
}

.datepicker th.prev, .datepicker th.prev:hover {
    background-position: 0 -47px;
    border-right: 1px solid #D9D9D9
}

.datepicker th.next {
    background-position: -24px -47px;
    border-left: 1px solid #D9D9D9
}

.datepicker thead tr:first-child th:hover {
    background-color: #eee !important;
}

.datepicker:before, .datepicker:after {
    border: none;
    background-color: transparent;
}

.datepicker.dropdown-menu:after, .datepicker.dropdown-menu:before {
    position: absolute;
    width: 100%;
    border: 1px solid #D9D9D9;
    top: 2px;
    left: 0;
    height: 100%;
    background-color: white;
    z-index: 999;
}

.datepicker.dropdown-menu:after {
    top: 4px !important;
    z-index: 998
}

.datepicker tbody td.day {
    padding: 0;
    vertical-align: bottom
}

.datepicker tbody tr:last-child td {
    padding-bottom: 10px;
}

.datepicker tbody tr td:first-child {
    padding-left: 10px;
}

.datepicker tbody tr td:last-child {
    padding-right: 10px;
}


.datepicker td, .datepicker th {
    width: 18px;
    height: 18px;
}

.datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:focus, .datepicker td.active:hover:focus, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] {
    font-family: 'proxima_novabold';
    background: none;
    color: #464748;
    text-shadow: none;
    padding: 0
}

/*Data table modify*/
.dataTables_paginate {
    float: left !important;
}

.customLength {
    float: left;
    margin: 0 0 0 10px;
}

.customLength select {
    height: 15px;
    line-height: 15px;
    padding: 0;
    font-size: 10px;
    font-weight: normal;
    color: #E27A3C;
    margin: 0;
    background: url(../images/arDownSmall.png) right center no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 15px;
    border: 1px solid #C2D3C6 !important;
    text-indent: 0.01px;
    text-overflow: "";
}

#invoicesTable, .dt_table {
    position: relative;
    margin-top: 0 !important
}

#invoicesTable:before, .dt_table:before {
    content: "";
    border-top: 1px solid #E6E7E8;
    width: 100%;
    position: absolute;
    top: 1px;
}


#invoicesTable thead, .dt_table thead {
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
}

#invoicesTable thead th,
.dt_table thead th {
    font-weight: normal;
    /*white-space: nowrap;*/
    text-align: center;
    vertical-align: middle;
    padding: 0;
}

#invoicesTable .headtxt,
.dt_table .headtxt {
    padding-top: 5px;
}

#invoicesTable thead tr,
.dt_table thead tr {
    background-color: #76abb3;
    position: relative;
    width: 100%
}

#invoicesTable thead th:first-child,
.greyTable thead th:first-child,
.dt_table thead th:first-child {
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

#invoicesTable thead th:last-child,
.dt_table thead th:last-child,
.greyTable thead th:last-child {
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

#invoicesTable .checkbox {
    display: table-cell;
}

#invoicesTable th .checkInput label {
    border: none;
}

#invoicesTable_wrapper .top {
    overflow: hidden;
}

.dt_table thead tr {
    height: 40px;
}

.dt_table tbody td {
    text-align: center;
}

#reportTable {
    position: relative;
    margin-top: 0 !important
}

#reportTable:before {
    content: "";
    border-top: 1px solid #E6E7E8;
    width: 100%;
    position: absolute;
    top: 1px;
}


#reportTable thead {
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
}

#reportTable thead th {
    font-weight: normal;
    /*white-space: nowrap;*/
    text-align: center;
    vertical-align: middle;
    padding: 0;
}

#reportTable .headtxt {
    padding-top: 5px;
}

#reportTable thead tr {
    background-color: #76abb3;
    position: relative;
    width: 100%
}


#reportTable thead th:first-child, .greyTable thead th:first-child {
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

#reportTable thead th:last-child, .greyTable thead th:last-child {
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

#reportTable .checkbox {
    display: table-cell;
}

#reportTable th .checkInput label {
    border: none;
}

#reportTable_wrapper .top {
    overflow: hidden;
}

#reportTable-list {
    position: relative;
    font-size: 12px;
    margin-top: 0 !important
}

#reportTable-list:before {
    content: "";
    border-top: 1px solid #E6E7E8;
    width: 100%;
    position: absolute;
    top: 1px;
}

#reportTable-list button {
    font-size: 11px;
    padding: 10px 5px 4px;
    width: 91px;
}

#reportTable-list thead {
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
}

#reportTable-list thead th {
    font-weight: normal;
    padding-left: 20px;
    text-align: left;
    vertical-align: middle;
}

#reportTable-list .headtxt {
    padding-top: 5px;
}

#reportTable-list thead tr {
    background-color: #76abb3;
    position: relative;
    width: 100%
}


#reportTable-list thead th:first-child, .greyTable thead th:first-child {
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

#reportTable-list thead th:last-child, .greyTable thead th:last-child {
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

#reportTable-list .checkbox {
    display: table-cell;
}

#reportTable-list th .checkInput label {
    border: none;
}

.dataTables_filter {
    float: left !important;
}

.checkInput input[type=checkbox] {
    visibility: hidden;
}

.checkInput {
    width: 20px;
    height: 20px;
    position: relative;
    margin: 10px;
}

.checkInput label {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0px;
    top: 0px;
    background-color: #fff;
    border: 1px solid #A7A9AC;
    border-radius: 3px;
    margin-bottom: 0;

}

.checkInput label:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    top: 5px;
    left: 5px;
    border: 3px solid #A7A9AC;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.checkInput label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.checkInput input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}


#invoicesTable tbody select:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#invoicesTable tbody .selectBox {
    height: 20px;
    position: relative;
}

#invoicesTable tbody .selectBox i {
    float: right;
    position: relative;
    z-index: 2
}

#invoicesTable tbody .selectBox select, #small-size-menu select {
    background: transparent;
    width: 100%;
    z-index: 1;
    padding: 2px 20px 2px 2px;
    height: 20px;
    border: 1px solid #E6E7E8;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
    appearance: none;
    min-width: 40px;
}

#invoicesTable tbody .selectBox, #small-size-menu {
    background: url(../images/arDown.png) no-repeat right center;
    overflow: hidden;
}


#invoicesTable tbody .selectBox select::-ms-expand,
#small-size-menu select::-ms-expand,
.customLength select::-ms-expand {
    display: none;
}


.status i {
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
}

.status .white {
    background-color: #fff
}

.status .red {
    background-color: #D14E53
}

.status .green {
    background-color: #78AC36
}

.status .orange {
    background-color: #E7C11F
}

.status .boldOrange {
    background-color: #F7941E
}

.status .yellow {
    background-color: #FFF200;
}

.status .ebay {
    background-color: #0063d1;
}

.status .eCom {
    background-color: #97c1da;
}

.status .mariana {
    background-color: #Ed3244;
}

.status .selleractive {
    background-color: #496072;
}

table.dataTable.no-footer, table.dataTable thead th, table.dataTable thead td {
    border-bottom: none;
}


table.dataTable tbody td {
    border-top: none;
    border-bottom: 1px solid #A7A9AC;
    color: #6d6e70;
    vertical-align: middle;
}

/*table.dataTable>tbody>tr:nth-child(even)>td,
table.dataTable>tbody>tr:nth-child(even)>th {
    background-color: #F4F4F4;
}*/

.statusInline i {
    display: inline-block;
}

.greyTable thead {
    background: #E6E7E8;
}

.greyTable > thead > tr > th {
    border-bottom: none !important;
    font-size: 12px;
    color: #6D6E71;
    padding-left: 15px;
    padding-right: 15px;
}

.greyTable thead th i {
    margin-right: 10px;
    float: left;
}

.greyTable thead th span {
    float: left;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: -5px;
}

.greyTable > tbody > tr > td {
    padding: 22px 15px 17px;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    border-top: none
}

.greyTable > tbody > tr:nth-of-type(even) > td {
    background-color: #F4F4F4
}

.greyTable tbody tr:first-child td {
    border-top: none !important;
}

h4.tl-md {
    font-size: 18px;
    color: #6D6E71;
    border-bottom: 1px solid #A7A9AC;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

h4.tl-md .tlName {
    margin-top: 10px
}

h4.tl-md.lightGrey {
    color: #A7A9AC;
    /*padding-left: 15px*/
}

.reportInfo {
    margin-bottom: 40px;
}

.quickTool {
    margin-bottom: 30px;
}

.quickTool li {
    display: block;
    margin-bottom: 20px;
}

.quickTool a {
    color: #A7A9AC;
    font-size: 12px;
    text-align: left;
    display: inline-block !important;
    padding: 5px 15px !important;
    line-height: 30px;
    height: 36px;
    white-space: normal;
}

.quickTool a i {
    float: right;
    display: inline-block;
}


.updateBlock {
    background-color: #f4f4f4;
    color: #6D6E71;
    padding: 10px 15px;
    margin-bottom: 20px;
    border-right-width: 3px;
    border-right-style: solid;
    width: 100%;
}

.updateBlock strong {
    font-family: 'proxima_novabold';
    color: #343434;
    font-weight: normal
}

.updateBlock p {
    font-size: 11px;
}

.updateBlock.normal {
    border: none;
}

.updateBlock.red {
    border-right-color: #D14E53;
}

.updateBlock.green {
    border-right-color: #78AC36
}

.updateBlock.yellow {
    border-right-color: #F9ED32
}

.formHys {
    margin-bottom: 50px;
}

.formHys input {
    border-radius: 0;
}

.formHys .form-group {
    margin-bottom: 38px;
}

.formHys button {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.formHys .inlineHysform {
    padding-left: 0;
    padding-right: 0
}

.inlineHysform .form-group {
    margin-right: 50px
}

.inlineHysform .form-group:last-child {
    margin-right: 0
}

.formHys .dontSave {
    margin-left: 40px;
    margin-top: 10px;
    display: inline-block;
}

.detailBlock .info {
    padding-left: 15px;
    padding-right: 15px;
}

.detailBlock .info dt {
    float: none;
    position: relative;
    top: 20px;
}


.greenLink {
    color: #78AC36
}

.redLink {
    color: #D14E53
}

footer .btnGreen {
    font-size: 11px;
}

footer .filters {
    padding: 10px 0 0 0;
}

.hsModal .modal-header {
    padding-bottom: 10px;
}

.hsModal .modal-header h4 {
    font-weight: 700;
}

.hsModal .modal-header .close {
    position: absolute;
    right: 20px;
    opacity: 0.2;
}

.hsModal .modal-content {
    border-radius: 5px;
    border: 10px solid rgba(0, 0, 0, 0.2);
    box-shadow: none;
}

#reportTable td.checkbox .checkInput {
    margin-left: 0;
}

#reportTable tbody tr {
    font-size: 12px;
    text-align: center;
}

.filter-report input[type="text"] {
    width: 100px;
}

.filter-report .filter-left-report {
    width: 73%;
    float: left;
}

.filter-report .filter-right-report {
    width: 27%;
    float: right;
}

#activereport-change-status strong {
    padding-right: 50px;
}

#datepickerS2 .btn {
    padding: 6px 4px 4px;
}

#fade,
#fade_wrapper,
#fade_background {
    transition: all 0.3s;
}

#message-report-pdf, #message-aimee-xml {
    color: #ff0000;
    margin-top: -41px;
}

#reportTable .on-hand-column {
    background-color: #337ab7;
    color: #ffffff;
}

#reportTable .s1-column {
    background-color: #5cb85c;
    color: #ffffff;
}

#reportTable .s2-column {
    background-color: #f0ad4e;
    color: #ffffff;
}

#reportTable .p1-column {
    background-color: #33CC66;
    color: #ffffff;
}

#reportTable .p2-column {
    background-color: #FFCC66;
    color: #ffffff;
}

#reportTable .special-column {
    background-color: #FFCCCC;
    color: #ffffff;
}

#reportTable .onorder-column {
    background-color: #66CCCC;
    color: #ffffff;
}

.btnBody.btnBlue.view-all {
    right: 15px;
}

#report-screen p.brand-warning {
    padding: 15px;
    background-color: #f0ad4e;
}

#channeladvisor #cancel {
    margin-left: 10px !important;
}

.prodcoShopID {
    border: 1px solid #E6E7E8;
    height: 30px;
    font-size: 11px;
    padding: 8px 10px 5px;
    text-align: center;
}

/*Tab nav for AptClarity*/
.AptClarity .nav-tabs > li.active > a,
.AptClarity .nav-tabs > li.active > a:hover,
.AptClarity .nav-tabs > li.active > a:focus {
    cursor: auto;
}

#infusionsoft #cancel {
    margin-left: 10px !important;
}

.dl-shipstation-status {
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
}

.left-shipstation-status, .right-shipstation-status {
    position: relative;
    padding: 0;
}

.left-shipstation-status {
    width: 40%;
}

.right-shipstation-status {
    width: 60%;
}

/* For ebay */
#ebay-setting .required-field:before {
    content: "*";
    color: red;
}

#ebay-setting .ship-service-item,
#ebay-setting .international-ship-service-item {
    display: flex;
    align-items: center;
}

#ebay-setting .shipping-setting .select.form-control {
    padding-top: 9px;
}

#ebay-setting .shipping-setting .row {
    margin-bottom: 20px;
}

#ebay-setting .shipping-setting input.fix-width {
    width: 80px;
}

#ebay-setting .international-shipping-setting .international-shipping-services .international-service-label {
    margin-bottom: 0;
}

#ebay-setting .shipping-setting .service-add {
    padding-bottom: 20px;
}

#excludeShippingLocationModal table {
    width: 100%;
}

#excludeShippingLocationModal .country-list {
    margin-left: 20px;
}

#excludeShippingLocationModal .modal-dialog {
    overflow-y: initial !important
}

#excludeShippingLocationModal .modal-body {
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

#excludeShippingLocationModal .excluded-locations-list {
    padding-top: 20px;
}

/* End for ebay */

/* For shopify reverse */
.shopify-reverse-settings .alert-custom {
    margin-top: 10px;
    padding: 15px 20px !important;
    position: relative;
    color: #fff;
    font-size: 15px;
    border: none;
    margin-bottom: 20px;
    border-radius: 4px;
}

.shopify-reverse-settings .alert-success {
    background-color: #7fbfe7 !important;
}

.shopify-reverse-settings .alert-error {
    background-color: #ff0000 !important;
}

.shopify-reverse-settings .add-new-option {
    padding-top: 5px;
}

.shopify-reverse-settings hr {
    margin-top: 0 !important;
}

.shopify-reverse-settings .remove-mapping {
    text-align: right;
}

/* End for shopify reverse */

/* For mariana tek */
.mariana-tek-settings .alert-custom {
    margin-top: 10px;
    padding: 15px 20px !important;
    position: relative;
    color: #fff;
    font-size: 15px;
    border: none;
    margin-bottom: 20px;
    border-radius: 4px;
}

.mariana-tek-settings .alert-success {
    background-color: #7fbfe7 !important;
}

.mariana-tek-settings .alert-error {
    background-color: #ff0000 !important;
}

/* End for mariana tek */
/*NAM UPDATE*/
th.group-0, td.group-0, th.group-1, td.group-1, th.group-2, td.group-2, th.group-3, td.group-3, th.group-4, td.group-4, th.group-5, td.group-5, th.group-6, td.group-6, th.group-7, td.group-7, th.group-8, td.group-8, th.group-9, td.group-9 {
    display: none;
}

#main-tab.group-0 th.group-0, #main-tab.group-0 td.group-0, #main-tab.group-1 th.group-1, #main-tab.group-1 td.group-1, #main-tab.group-2 th.group-2, #main-tab.group-2 td.group-2, #main-tab.group-3 th.group-3, #main-tab.group-3 td.group-3, #main-tab.group-4 th.group-4, #main-tab.group-4 td.group-4, #main-tab.group-5 th.group-5, #main-tab.group-5 td.group-5, #main-tab.group-6 th.group-6, #main-tab.group-6 td.group-6, #main-tab.group-7 th.group-7, #main-tab.group-7 td.group-7, #main-tab.group-8 th.group-8, #main-tab.group-8 td.group-8, #main-tab.group-9 th.group-9, #main-tab.group-9 td.group-9 {
    display: table-cell;
}

.avatar-user {
    min-width: 94px;
    min-height: 72px;
}

.avatar-user .name {
    line-height: 45px;
}

.setting-menu {
    width: 100%;
    padding: 20px;
    padding-bottom: 50px;
    margin-bottom: 50px;
    overflow: hidden;
}

.setting-menu .carousel-inner {
    overflow: visible !important;
}

.setting-menu ul, .setting-menu li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.setting-menu li li {
    position: relative;
    float: left;
    display: block;
    width: 25%;
}

.setting-menu-description {
    display: none;
    position: absolute;
    padding: 10px;
    background: #f4f4f4;
    left: 0;
    right: 40px;
}

.setting-menu li a {
    display: block;
    padding: 0 30px 0 10px;
    margin-right: 40px;
    color: #585858;
    font-size: 15px;
    background: url(../images/setting-menu-icon.png) no-repeat right top;
    boz-sizing: border-box;
    height: 25px;
    white-space: nowrap;
    text-transform: uppercase;
}

.setting-menu li li:hover, .setting-menu li li.current {
    position: relative !important;
}

.setting-menu li li:hover a, .setting-menu li li.current a {
    color: #000000;
    font-weight: bold;
    border-bottom: 4px solid #f7941e;
}

.setting-menu li li:hover .setting-menu-description, .setting-menu li li.current .setting-menu-description {
    display: block;
}

.detailBlock {
    padding-bottom: 20px;
}

.form-bottom {
    margin-top: 20px;
}

.form-note {
    color: #777777;
    margin-top: 10px;
}

form ul.errors {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #D14E53;
}

form ul.errors li {
    padding-top: 5px;
}

.btnBlueSmall {
    background: none;
    color: #7fbfe7;
    border: 1px solid #7fbfe7 !important;
    padding: 10px !important;
}

h4.tl-md.lightGrey, h4.tl-md.lightGrey a, h4.tl-md.lightGrey a:hover {
    color: #7fbfe7;
}

.invoice-setting label {
    line-height: 32px;
}

.invoice-setting input[type=radio] {
    height: 20px !important;
    display: block !important;
    float: left !important;
}

.submit-group {
    padding-top: 20px;
    float: left;
    width: 100%;
}

#invoicesTable th.checkbox {
    padding: 0 10px;
}

#invoicesTable tbody td {
    text-align: center;
}

#invoicesTable tbody td.images {
    width: 40%;
    text-align: left;
}

#invoicesTable tbody td.images img {
    margin-left: 5px;
    margin-bottom: 3px;
    border: 1px solid #dddddd;
}

#invoicesTable tbody td.featured-image img {
    border: 1px solid #dddddd;
}

#canceleditpage {
    border: 0;
    outset: none;
    background: none;
}

/* user/login */
.user-login {
    width: 96%;
    max-width: 420px;
    margin: 0 auto;
    border-top: 2px solid #939597;
    background: #d1d2d4;
    box-sizing: border-box;
    padding: 10px 10px;
    position: relative;
    margin-top: 70px;
}

.user-login .logo {
    text-align: center;
    display: block;
}

.user-login .formcontent {
    height: 40px;
    display: block;
    float: left;
    position: relative;
    width: 100%;
    clear: none;
    margin-top: 2px;
}

.user-login .formcontent input[type="text"],
.user-login .formcontent input[type="password"] {
    border: medium none;
    color: #939597 !important;
    padding: 3px 5px 0 5px;
    display: block;
    width: 100%;
    font-size: 13px;
    height: 40px;
    box-sizing: border-box;
    margin: 0;
}

.user-login #signin-label,
.user-login #username-label,
.user-login #password-label {
    display: none;
}

.user-login #signin,
.user-login #send {
    background: #a3cc70;
    width: 100%;
    height: 50px;
    border: medium none;
    font: 13px 'Futura Std Heavy';
    color: rgb(255, 255, 255);
    border-bottom: 2px solid #8cb160;
    text-align: left;
    margin-top: 10px;
    text-align: center;
}

.user-login #signin:hover,
.user-login #send:hover {
    background: #6a8e3c;
}

.user-login a.create-account,
.user-login a.password-recovery,
.user-login #rememberme-label {
    color: #2BAAE1;
    text-decoration: none;
    font-size: .8em;
    font-weight: bold;
}

.user-login .loginfield .hint {
    margin: 0;
    text-align: right;
}

.user-login #rememberme-label {
    display: inline-block;
}

.user-login #rememberme-element {
    display: inline-block;
    width: auto;
    height: auto;
}

.user-login #rememberme-element input {
    margin: 0;
    margin-right: 5px;
    float: left;
}

.user-login .loginlinks .hint {
    display: inline-block;
    float: right;
}

.user-login .submit-login p {
    margin-bottom: 5px;
}

.user-login ul.errors {
    left: 100%;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    text-align: left;
    top: 6px;
    width: 100%;
}

.user-login ul.errors:before {
    border-bottom: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid #D58A8A;
    border-top: 6px solid rgba(0, 0, 0, 0);
    bottom: 100px;
    content: ".";
    display: block;
    float: left;
    height: 0;
    margin-left: 17px;
    margin-top: 4px;
    text-indent: -9999em;
}

.user-login ul.errors li {
    background: #FFF4F4;
    border: 1px solid #D58A8A;
    border-radius: 3px;
    color: #FF0000;
    display: inline;
    font: 11px Droid Sans;
    margin: 0px;
    padding: 10px 8px;
    text-align: right;
    top: 42px;
    width: 100%;
    white-space: nowrap;
}

.user-login #email-label,
.user-login #send-label {
    display: none;
}

@media (max-width: 480px) {
    .logo img {
        max-width: 80%
    }
}

/* END user/login */


.message-container {
    max-width: 700px;
    margin-top: 100px;
}

.updateBlock input[type=radio] {
    margin-right: 5px;
}

.updateBlock label {
    margin-right: 15px;
    font-size: 11px;
}

.upDate form .updateBlock {
    border-width: 0;
}

form.invoice-setting label {
    width: 100%;
    float: left;
}

form.invoice-setting input[type=radio] {
    width: auto;
    height: auto;
    margin-right: 7px;
    display: inline;
    line-height: 25px;
    padding: 0;
}

form.invoice-setting .radio-options {
    width: 100%;
    float: left;
    padding-bottom: 20px;
}

#invoicesTable thead th, #invoicesTable th {
    padding-right: 15px;
}

#invoicesTable td img, .sortable.grid li img {
    cursor: pointer;
    border: 1px solid #dddddd;
    margin-right: 5px;
}

.sortable.grid {
    overflow: hidden;
}

.sortable.grid li {
    list-style: none;
    float: left;
    width: 100px;
    text-align: center;
    margin: 5px;
}

#push-to-webstore-process, #remove-webstore-categories-process {
    padding: 10px 20px;
}

.btnBlue {
    background-color: #3578ab;
    -webkit-box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 1);
    box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 1);
}

.btnBlue:hover {
    background-color: #2A6089;
    color: #fff;
    -webkit-box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 1);
    box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 1);
}

.btnOrange {
    background-color: #ab6835;
    -webkit-box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 1);
    box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 1);
}

.btnOrange:hover {
    background-color: #8B552B;
    color: #fff;
    -webkit-box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 1);
    box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 1);
}

footer .btnBlue, footer .btnOrange {
    font-size: 11px;
}

#invoicesTable tbody tr td.checkbox.sell-alt .checkInput {
    margin: 0 auto;
}

#invoicesTable thead tr th#sellAll, #invoicesTable tr th#sellAll {
    cursor: pointer;
    padding-right: 0;
    min-width: 90px;
}

#invoicesTable thead th.status, #invoicesTable th.status, #invoicesTable td.status {
    padding-right: 30px;
    padding-left: 0;
}

#invoicesTable tr td table {
    width: 100%;
}

#invoicesTable tr td table th, #invoicesTable tr td table td {
    text-align: center;
}

footer.tool a, footer.tool a:hover, footer.tool a:active, footer.tool a:focus {
    text-decoration: none;
    color: #ffffff;
}

#invoicesTable thead th.description, #invoicesTable th.description {
    min-width: 300px;
}

strong a.btnGreen, strong a.btnBlue {
    color: #ffffff;
}

.detailBlock .alert {
    margin-top: 10px;
    background-color: #7fbfe7;
    padding: 15px 20px !important;
    position: relative;
}

.detailBlock .alert:before {
    content: "";
    position: absolute;
    top: -9px;
    left: 48%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #7fbfe7;
}

.assign-content form div {
    width: 50%;
    float: left;
    margin-bottom: 20px;
}

.assign-content select {
    height: 200px;
    width: 300px;
}

a.btnFix {
    margin-right: 20px !important;
}

dd.btnFix {
    margin-top: -11px !important;
}

#active-report .alert, #message-gift-cart .alert {
    margin-top: 10px;
    background-color: #7fbfe7;
    padding: 15px 20px !important;
    position: relative;
}

#active-report .alert:after, #message-gift-cart .alert:after {
    content: "";
    position: absolute;
    top: 51px;
    left: 48%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #7fbfe7;
}

#active-report .alert:before, #message-gift-cart .alert:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}

.intacct-group.checkbox-group input[type=checkbox] {
    width: 20px;
    display: inline-block;
    height: 20px;
}

.intacct-group.submit-group .hint {
    line-height: 30px
}

.intacct-group.submit-group .hint a {
    margin-left: 15px;
}

.no-padding {
    padding-left: 0 !important;
}

#ui-datepicker-div {
    z-index: 999999 !important;
}

.status .medium-blue {
    background-color: #0000cd;
}

.status .orange {
    background-color: #ffa500;
}

.smallsize .nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
}

@media screen and (max-width: 992px) {
    .setting-menu li:hover .setting-menu-description, .setting-menu li.active .setting-menu-description {
        display: none !important;
    }

    .setting-menu li {
        clear: left;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .avatar-user {
        min-width: 25px;
    }

    .avatar-user .icon {
        margin-right: 5px;
    }
}

.redLink.dontSave.normal-back {
    line-height: 36px;
    margin-left: 20px;
}

.setting-menu-carousel {
    position: relative;
    width: 100%;
}

.setting-menu-carousel .carousel-control {
    color: #f7941e;
    position: absolute;
    width: 5%;
}

.setting-menu-carousel .left {
    left: -5%;
}

.setting-menu-carousel .right {
    right: -5%;
}

.form-element-float-left {
    float: left;
    margin-right: 10px;
}

input[type=submit] + p.hint {
    line-height: 36px;
}

input[type=submit] + p.hint a {
    margin-left: 10px;
}

.shop-warehouse-relation-list, .store-register-relation-list, .ls-magento-relation-list, .ls-magento-payment-type-relation-list,
.shop-distribution-relation-list, .shop-stock-relation-list, .stock-register-relation-list, .paymemt-gateway-relation-list,
.payment-relation-list, .custom-field-list, .selectedcustomfield, .shipping-carrier-relation-list, .taxclass-relation-list,
.register-warehouse-relation-list, .ls-sf-customertype-user-list {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.shop-warehouse-relation-list li span, .store-register-relation-list li span, .ls-magento-payment-type-relation-list li span,
.ls-magento-relation-list li span, .shop-distribution-relation-list li span, .ls-sf-customertype-user-list li span,
.paymemt-gateway-relation-list li span, .taxclass-relation-list li span,
.shop-stock-relation-list li span, .stock-register-relation-list span, .payment-relation-list li span,
.custom-field-list li span, .selectedcustomfield li span, .shipping-carrier-relation-list li span,
.register-warehouse-relation-list li span, .usa-ca-register-relation-list li span {
    padding-left: 20px;
    cursor: pointer;
    color: #FF0000;
    font-weight: bold;
}

.dashboard .alert-danger {
    background-color: #ff0000;
}

.dashboard .alert-danger a {
    text-decoration: underline;
    font-weight: bold;
    color: #fff;
}

input[type=submit] + p.hint a {
    padding-left: 25px;
    line-height: 40px;
}

.invoice-template-action a {
    margin-left: 10px;
}

.btnCustomized {
    background-color: #ab6835 !important;
    float: right;
}

.btnCustomized:hover {
    background-color: #ab6644 !important;
    color: #ffffff;
}

.status .blue {
    background-color: #0000ff;
}

input#webOrdersFilter {
    float: left;
    margin: 7px 0 0;
}

.qb_invoice_table tr:last-child td {
    border-bottom-width: 0 !important;
}

.packing dl {
    margin-bottom: 0px;
}

.packing > div > input:last-child, .packing > div > button {
    float: right;
}

.packing > div > button {
    width: 15%;
    margin-top: 4px;
}

.packing .col-sm-12 {
    margin-bottom: 10px
}

.packing .col-sm-5 {
    margin-top: 5px;
    padding-top: 5px;
}

.packing .col-sm-6 {
    margin-bottom: 15px;
    padding: 5px
}

.packing input[type=submit] + p.hint a {
    padding-left: 0
}

#currSymbol, #relevant, #picker {
    text-align: center;
    width: 25%;
    padding-top: 5px;
}

.packing .form-group {
    margin-bottom: 0;
}

.qb_invoice_table {
    border: 1px solid #e6e6e6;
    margin-bottom: 20px;
}

.qb_invoice_table th, .qb_invoice_table td {
    border: 1px solid #e6e6e6 !important;
}

.relation-list {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.relation-list li span {
    padding-left: 20px;
    cursor: pointer;
    color: #FF0000;
    font-weight: bold;
}

table#invoicesTable tr.syncsuccess > td {
    background-color: #61bd82;
    border-color: #333;
    color: #333;
}

table#invoicesTable tr.syncinfo > td {
    background-color: #5992bb;
    border-color: #333;
    color: #333;
}

table.dakis_table table td {
    border-width: 0;
}

table.dakis_table table tr {
    border-bottom: 1px solid #cccccc;
}

table.dakis_table table tr:last-child {
    border-width: 0 !important;
}

table.dataTable tbody tr.dakis_error {
    background-color: #67bcfd !important;
}

table.dataTable tbody tr.dakis_error td {
    color: #ffffff !important;
}

table#dakis_popup_table {
    padding-top: 22px !important;
}

table#dakis_popup_table th, table#dakis_popup_table td {
    vertical-align: middle !important;
}

table#dakis_popup_table th:last-child {
    border-bottom: 0 !important;
}

table#dakis_popup_table tbody > tr th, table#dakis_popup_table tbody > tr td {
    border-top: 0 !important;
    border-bottom: 1px solid #cdcdcd !important;
}

table#dakis_popup_table > tbody > tr th {
    border-right: 1px solid #cdcdcd !important;
}

table#dakis_popup_table .attribute_popup_delete {
    color: #FF0000;
}

#amazon-categories-wrapper .modal-content {
    width: 630px;
    height: auto;
}

#amazon-categories-wrapper .modal-content .content {
    padding: 10px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .25);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .25);

    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}

#amazon-categories-wrapper .googleselect {
    height: 27px;
    margin-bottom: 5px;
    width: 500px;
    margin-left: 10px;
    background-color: #ADD8E6;
    opacity: 0.9;
}

#amazon-categories-wrapper .googleselect.valid {
    background: none;
    opacity: 1;
}

#amazon-categories-wrapper select[disabled] {
    background-color: #eeeeee;
    cursor: not-allowed;
}

#amazon-categories-wrapper #name2 {
    margin-left: 15px;
}

#amazon-categories-wrapper #name3 {
    margin-left: 20px;
}

#amazon-categories-wrapper #name4 {
    margin-left: 25px;
}

#amazon-categories-wrapper #name5 {
    margin-left: 30px;
}

#amazon-categories-wrapper #name6 {
    margin-left: 35px;
}

#amazon-categories-wrapper #name7 {
    margin-left: 40px;
    margin-bottom: 20px;
}

#tab7 select.form-control {
    padding-top: 0;
}

#amazon-categories-schema-wrapper .content {
    overflow: hidden;
    padding: 20px 0;
}

#amazon-categories-schema-wrapper .content .form-group, #amazon-categories-schema-wrapper .content .form-group label {
    line-height: 34px;
    overflow: hidden;
}

label.inventoryFilter {
    margin-top: 0;
}

label.inventoryFilter input[type=radio] {
    margin-top: 6px;
}

.ui-autocomplete {
    max-height: 300px;
    overflow: auto;
}

header {
    height: auto;
    min-height: 72px;
}

/*New Login UI*/
.signin-page-body {
    background: #e6e7e8;
}

.signin-page-body .container.main {
    margin-bottom: 0;
}

.signin-page-body .user-login {
    background: #fff;
    border-top: unset;
    padding: unset;
    margin-top: 50px;
}

.signin-page-body .user-login .login-partial {
    padding-left: 24px;
    padding-right: 24px;
}

.signin-page-body .user-login .login-header {
    font-size: 16px;
    font-weight: bold;
    padding-top: 13px;
    padding-bottom: 10px;
    background-color: #f4f4f4;
    line-height: normal;
    border-bottom: solid 1px #cecece;
}

.signin-page-body .user-login .login-footer {
    font-size: 16px;
    font-weight: bold;
    padding-top: 13px;
    padding-bottom: 10px;
    background-color: #f4f4f4;
    line-height: normal;
    border-top: solid 1px #cecece;
    text-align: center;
}

.signin-page-body .user-login .login-footer .create-account {
    font-size: 16px;
    color: #00c6ff;
    font-weight: normal;
}

.signin-page-body .user-login #signin-label,
.signin-page-body .user-login #username-label,
.signin-page-body .user-login #password-label {
    display: unset;
}

.signin-page-body .user-login .formcontent {
    float: none;
}

.signin-page-body .formlabel label {
    margin: 0;
    margin-top: 15px;
}

.signin-page-body .loginfield .formcontent {
    border: unset;
    padding: unset;
    height: auto;
    position: unset;
}

.signin-page-body .loginfield .formcontent input {
    border: solid 1px #cccccc;
    padding: 15px 15px 10px 15px;
    height: auto;
    position: unset;
    box-shadow: 0px 0px 3px -1px #00000087;
}

.signin-page-body .submit-login #signin {
    margin: 0;
    padding: 15px 15px 10px 15px;
    background: #00c6ff;
    color: #fff;
    text-transform: uppercase;
    font: unset;
    border: solid 1px #cccccc;
    box-shadow: 0px 0px 3px -1px #00000087;
    height: auto;
}

.signin-page-body .user-login .logo {
    text-align: center;
    display: block;
    margin: 45px 0 30px 0;
}

.signin-page-body #rememberme-label label {
    margin-top: 0;
}

.signin-page-body #rememberme-element {
    float: left;
}

.signin-page-body #rememberme-label label, .signin-page-body .password-recovery {
    font-size: 13px !important;
    color: #00c6ff !important;
}

.signin-page-body .loginlinks {
    margin-top: 15px;
    margin-bottom: 20px;
    color: #00c6ff;
}

.signin-page-body .messages-holder .alert {
    margin: 20px 0;
}

#shopify-tag-relation-list li span {
    padding-left: 20px;
    cursor: pointer;
    color: #FF0000;
    font-weight: bold;
}

.btn-wrapper button + a {
    margin-left: 10px;
}

.custom_logo {
    height: 70px;
    margin-left: 40px;
}

.btn-default, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background: none;
    border: 1px solid #adadad;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #fff;
}

.dataManagement .tab-content .filters {
    display: block;
}

footer .invoiceController, footer .invoiceController li a {
    width: 100%;
}

footer .invoiceController a i {
    margin-right: 10px;
}

header .nav-black .user-action .dropdown-menu .dropdown-item a {
    font-weight: bold;
}

.updateBlock .big-label label {
    font-size: 13px;
}

.settingTabs ul.nav li a.nav-link {
    font-size: 15px;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
}

.dependency-div {
    display: none;
}

.dependency-div.show {
    display: block;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none !important;
}

th.checkboxWrapper,
td.checkboxWrapper {
    width: 110px !important;
}

th.checkboxWrapper .checkInput {
    display: inline-block !important;
}

.settingTabs .form-group .full-width + .btn-group {
    width: 100%;
}

.multiselect-container {
    min-width: 200px;
    padding: 10px 5px;
    max-height: 600px;
    overflow: scroll;
}

.multiselect-container li a {
    color: #495057;
}

.settingTabs .form-group .btn-group .multiselect-container > li > a > label {
    padding: 3px 10px;
    font-weight: bold;
    width: max-content;
}

#SettingsTabs {
    flex-wrap: unset;
}

.error {
    border: 1px solid red
}

/* Toast */
.toast__container {
    display: flex;
    flex-direction: column;
    vertical-align: middle;
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 9999;
}

.toast__cell {
    margin-bottom: 10px;
}

.add-margin {
    margin-top: 20px;
}

.toast {
    text-align: left;
    padding: 21px 0;
    background-color: #fff;
    max-width: 500px;
    min-width: 250px;
    top: 0;
    position: relative;
    box-shadow: 1px 7px 14px -5px rgba(0, 0, 0, 0.2);
}


.toast:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;

}

.toast__type {
    color: #3e3e3e;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 8px;
}

.toast__message {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
    color: #878787;
}

.toast__content {
    padding-left: 30px;
    padding-right: 50px;
}

.toast__close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 22px;
    top: 50%;
    width: 14px;
    cursor: pointer;
    height: 14px;
    transform: translateY(-50%);
}

.toast--success:before {
    background-color: var(--success);
}


.toast--danger:before {
    background-color: var(--danger);
}

.toast--warning:before {
    background-color: var(--warning);
}


/* Custom menu settings */
.carousel-item ul {
    display: flex;
}

.carousel-item li {
    flex-basis: 25%;
    width: 25%;
}

.carousel-item li > a {
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.carousel-item li > .setting-menu-description {
    right: 10px;
    left: 10px;
}

button.btn.btn-blue {
    text-transform: uppercase;
    font-size: 12px;
    padding: 7px 10px 2px;
    background-color: transparent;
    border: 1px solid #7fbfe7;
    color: #7fbfe7;
    border-radius: 2px;
    outline: none;

}

button.btn.btn-blue:focus {
    outline: none;
    box-shadow: none;
}

.btn.btn-blue:hover {
    color: white;
    background-color: #2799C1;
}

/* Custom Select2 */
.form-group > .select2.select2-container {
    display: block;
}

/* Custom Select2 */
.form-group > .select2-container .select2-selection--single {
    height: calc(2.25rem + 2px);
    border-radius: 0;
    border: 1px solid #ced4da;
}

.form-group > .select2 *:focus {
    outline: none;
}

.select2-container .select2-dropdown {
    border: 1px solid #ced4da;
    border-top: 0;
}

.select2-container .select2-search .select2-search__field:focus {
    outline: none;
    border: 1px solid #ced4da;
}

.select2-container--open .select2-dropdown--below {
    border-radius: 0;
}

tr.dependency-div.show {
    display: table-row;
}

.marginButton {
    margin-left: 8px;
}

th.dependency-div.show, td.dependency-div.show {
    display: table-cell;
}
.div-scroll{
    height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
}
@media (max-width: 999px) {
    .setting-menu li li {
        width: 33%;
    }

    .carousel-item li {
        flex-basis: 33%;
    }
}

@media (max-width: 779px) {
    .setting-menu li li {
        width: 50%;
    }

    .carousel-item li {
        flex-basis: 50%;
    }
}

@media (max-width: 449px) {
    .setting-menu li li {
        width: 80%;
    }

    .carousel-item li {
        flex-basis: 100%;
    }
}

.logo-preview {
    max-width: 90%;
}

.hidden-buttons {
    display: flex;
}

.multiselect-container li.multiselect-item.filter .input-group-append {
    margin-right: 8px;
}

.dataManagement .filters .multiselect-container li{
    display: block;
}

.dataManagement .filters .multiselect-container li>a{
    display: block;
}

.dataManagement .filters .multiselect-container li>a>label.checkbox{
    display: block;
    float: none;
    padding-left: 8px;
    padding-right: 8px;
}

.star-label * {
    text-transform: initial;
}

.setting-mapping-one-one table {
    width:100%;
}

.setting-mapping-one-one table th {
    width: 50%;
}

.yotpo-date{
    width: 100px !important;
}


.component-image {
    max-height: 300px;
    color : #1f648b;
    margin : 0px 10px;
    cursor: pointer;
    border: 1px solid #0c5460;
    border-radius: 5px;
    padding:5px;
}

@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}
.customGapX{
    column-gap: 12px;
}
.customGapY{
    row-gap: 16px;
}
.height-max-content{
    height: max-content;
}
.width-max-content{
    width: max-content;
}
/* Datatable: horizontal scroll only; vertical growth uses page scroll */
.table-responsive {
    overflow-x: auto;
    overflow-y: hidden!important; /* or clip where supported */
    -webkit-overflow-scrolling: touch;
}