body, html {
    background-color: #f0f4f7 !important;
    color: #212b36;
    font-family: -apple-system,BlinkMacSystemFont,San Francisco,Roboto,Segoe UI,Helvetica Neue,sans-serif;
    font-family: HelveticaNeueW01-45Ligh,HelveticaNeueW02-45Ligh,HelveticaNeueW10-45Ligh,"Helvetica Neue",Helvetica,Arial,"\30E1\30A4\30EA\30AA",meiryo,"\30D2\30E9\30AE\30CE\89D2\30B4 pro w3","hiragino kaku gothic pro",sans-serif;
    font-size: 16px;
}
.page-header-fixed .page-container {
    margin-top: 0px;

}
.header.navbar {
    width:200px;
}
.header .brand img {
    margin-top: 2px; 
    margin-left: 18px;
}
#navbar_inner .nav {
    display:none;
}
#side-bar {
    margin-top:5px;
}
.page-sidebar {
    background-color: #29303e !important;
}
.header .brand {
    background-color: #29303e;
    width:200px;
}
.header .navbar-inner {
    background-color: #ffffff !important;
}
.fixed-page-title {
    border-top: 1px solid #e6e6e6;
}
.fixed-page-title {
    margin-top: -0px;
    padding-left:240px;
    z-index:10;
    min-height:75px;
}
.page-title {
    margin-top: 15px;
}
.fixed-container {
    margin-top: 0px;
}

ul.page-sidebar-menu > li > ul.sub-menu > li a {
    padding-left: 20px;
}
.fixed-page-title .page_functions {
        margin-top: -52px;
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index:999;
  position:fixed;
  width:100%;
  margin-top:74px;
  margin-right:200px;
  z-index:99;
}
.page-sidebar {
    z-index: 100;
}
.pace-inactive {
  display: none;
}

.pace .pace-progress {  /*0090d9*/
  background: #69bebe;
  position: relative;
  right: 100%;
  height: 3px;
   z-index:999;  
}
.page-content {
    padding-top:10px;
    margin-left:0px;
}

.container-fluid {
    padding-right: 20px;
}
.page-sidebar-fixed .footer {
    margin-left: 0px;
    background-color: #fff;
}
ul.page-sidebar-menu ul.sub-menu > li.active > a, ul.page-sidebar-menu ul.sub-menu > li > a:hover, ul.page-sidebar-menu ul.sub-menu > li.open > a {
    color: #fff !important;
    background: none !important;
}
ul.page-sidebar-menu > li.open > a, ul.page-sidebar-menu > li > a:hover, ul.page-sidebar-menu > li:hover > a {
    background: #5c6ac4;
    color: #fff;
}
ul.page-sidebar-menu > li.open > a, ul.page-sidebar-menu > li > a:hover, ul.page-sidebar-menu > li:hover > a > i {
    color: #fff !important;
}
ul.page-sidebar-menu > li.active > a {
   background: #5c6ac4 !important;
    color: #fff !important;
}
.badge-trans {
    background-color:transparent !important;
}
ul.page-sidebar-menu > li > ul.sub-menu > li {
    padding-left: 25px;
}

ul.page-sidebar-menu ul.sub-menu > li > a {
    font-weight: normal !important;
    font-size: 13px !important;
}
ul.page-sidebar-menu > li > a {
    font-weight: normal !important;
    font-size: 15px !important;
}

ul.page-sidebar-menu > li > ul.sub-menu > li:hover a {
   font-weight: bold !important;
}


ul.page-sidebar-menu > li > ul.sub-menu > li.active a {
   font-weight: bold !important;
}

.btn-corners-full {
    border-radius: 3px !important;
}
.btn.search_filter_button,
.btn-corners-no-right {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.btn-corners-no-left {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
/*
.btn {
   border-radius: 3px !important;
}
.btn-group .btn {
   border-radius: 0px !important;
}
.btn-group *.btn:first-child {
   border-top-left-radius: 3px !important;
   border-bottom-left-radius: 3px !important;
}
.btn-group *.btn:last-child {
   border-top-right-radius: 3px !important;
   border-bottom-right-radius: 3px !important;
}
*/

.control-label {
    font-weight:normal;
    font-size:14px;
}
.btn.green {
    color: white;
    text-shadow: none;
    background-color: #6371c7;
    border: 1px solid #3f4eae;
}

.btn.green:hover, .btn.green:focus, .btn.green:active, .btn.green.active, .btn.green.disabled, .btn.green[disabled] {
    background-color: #5764b2 !important;
    color: #fff !important;
}
.btn-group .btn.green:hover, .btn-group .btn.green:focus, .btn-group .btn.green:active, .btn-group .btn.green.active, .btn-group .btn.green.disabled, .btn-group .btn.green[disabled] {
    background-color: #5764b2 !important;
    color: #fff !important;
}

.alert {
     border-radius: 3px !important;
}
.alert-info {
    color: #212b36;
    transition: box-shadow .2s cubic-bezier(.64,0,.35,1);
    transition-delay: .1s;
    box-shadow: inset 0 3px 0 0 #47c1bf, inset 0 0 0 0 transparent, 0 0 0 1px rgba(63,63,68,.05), 0 1px 3px 0 rgba(63,63,68,.15);
    background-color: #eef9f9;
}
.alert-danger, 
.alert-error {
    color: #212b36;
    transition: box-shadow .2s cubic-bezier(.64,0,.35,1);
    transition-delay: .1s;
    box-shadow: inset 0 3px 0 0 #de3618, inset 0 0 0 0 transparent, 0 0 0 1px rgba(63,63,68,.05), 0 1px 3px 0 rgba(63,63,68,.15);
    background-color: #fdf3f0;
}
.alert-error ul {
    margin-top:10px;
}
.alert-warning {
    transition: box-shadow .2s cubic-bezier(.64,0,.35,1);
    transition-delay: .1s;
    box-shadow: inset 0 3px 0 0 #eec200, inset 0 0 0 0 transparent, 0 0 0 1px rgba(63,63,68,.05), 0 1px 3px 0 rgba(63,63,68,.15);
    background-color: #fdf7e3;
}

.data_table tr:hover td {
    background: #f9fafb;
}

tr.selected,
tr.selected:hover td {
    background-color: #f4f5fa;
}


.th_sortable:hover {
    background: #fff;
    color:#5c6ac4;
}

.polaris-spinner {
    -webkit-filter: brightness(0) saturate(100%) invert(72%) sepia(8%) saturate(2838%) hue-rotate(130deg) brightness(92%) contrast(87%);
    filter: brightness(0) saturate(100%) invert(72%) sepia(8%) saturate(2838%) hue-rotate(130deg) brightness(92%) contrast(87%);
    color: transparent;
}

.polaris-spinner.large {
    height: 50px;
    width: 50px;
}
.polaris-spinner.medium {
    height: 30px;
    width: 30px;
}

.fa-spin {
  -webkit-animation: fa-spin .5s infinite linear !important;
  animation: fa-spin .5s infinite linear !important;
}


.filter_tabs_wrap {
    background: #fff !important;
        margin-top: -15px;
    margin-bottom: 20px;
}
.filter_tabs li {
    margin-top:0px;
}
.filter_tabs li a.active,
.filter_tabs li a:hover.active {
    border: none;
    border-bottom: 3px solid rgb(92, 106, 196);
}
.filter_tabs li a {
    line-height: 45px;
    font-weight: 400;
    color: rgb(99, 115, 129);
    border-bottom: 3px solid transparent;
}
.filter_tabs li a:hover {
    text-decoration:none;
    color: rgb(33, 43, 54);
    border-bottom: 3px solid #a9a9a9
}

.product_thumb img {
    max-height:75px;
    max-width: 75px;
    border-radius:3px !important;
}
.product_thumb_wrap {
    background: #fff;
    border:1px solid #eae4e4;
    width:78px;
    height:78px;
    min-width:78px;
    margin:auto;
    padding-top:2px;
    border-radius:3px !important;
    display:table-cell;
    vertical-align:middle;
}


.tmb_wrap,
.tmb_wrap img {
    border-radius:3px !important;
}

.dropdown-menu li > a {
    padding: 10px 0 10px 13px;
}
.dropdown-menu li > a:hover {
    background-color: #5c6ac4 !important;
    color: #fff;
}

.btn-group .dropdown-menu:before,
.btn-group .dropdown-menu:after {
    display:none !important;
}
.modal {
     border-top-left-radius: 8px !important;
     border-top-right-radius: 8px !important;
     border-bottom-left-radius: 8px !important;
     border-bottom-right-radius: 8px !important;
}
.modal-header {
    border-top-left-radius: 8px !important;
     border-top-right-radius: 8px !important;
}
.modal-footer {
     border-bottom-left-radius: 8px !important;
     border-bottom-right-radius: 8px !important;
}



.edit_link,
.edit_link:hover {
    font-size:14px;
    color:#007ace;
    text-decoration:none;
}
.btn.edit_link {
    color:#333333;
}

.navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before,
.navbar .nav > li > .dropdown-menu:before
.navbar .nav > li > .dropdown-menu:after {
    display:none;
}

.navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after,
.navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before {
    display:none
}

.label, .badge {
    
    color: #ffffff;
    text-shadow:none;
    background-color: #c2c2c2;
    border-radius: 10px !important;
    padding-left: 8px;
    padding-right: 8px;
}

.footer,
.page-content {
    background: #f0f4f7 !important;
}
#sales_graph {
    background:#fff;
}

.next-card {
    margin-bottom: 60px;
    background-color: #ffffff;
    border-radius: 3px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    color: #31373d;
    padding: 20px;
}


.next-wrap {    
    margin-left:auto;
    margin-right:auto;
    width: 100%;
    max-width:900px
}
.area-settings {display:block

}
.nav-action {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: initial;
    letter-spacing: initial;
    box-sizing: border-box;
    display: flex;
    width: 100%;
    color: rgb(33, 43, 54);
    cursor: pointer !important;
    padding: 1.2rem;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    border-radius: 3px !important;
}
.nav-action:hover {
    background-color: #f9fafb;
}
.nav-action:hover .nav-media {
    background-color: rgb(223, 227, 232);
}
.nav-media {
     display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    margin-right: 1.6rem;
    background-color: rgb(244, 246, 248);
    border-radius: 3px !important;
}
.nav-media i {
    font-size: 25px;
    margin: 0px;
    color: #6f6f6f;
}
.nav-title {
    font-weight: 600;
    margin: 0;
    color: #007ace;
    font-size:16px;
    text-decoration:none;
}
.nav-content {
    padding-left:20px;
}
.nav-description {
    color: #637381;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
}

.skeleton-title {
    height: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    background: #efeeee;
    width: 160px;
    border-radius: 4px !important;
}

#sidebar-bottom {
    position:fixed;
    width:200px;
    background:#fff;
    bottom:0px;
}
#sidebar-bottom .nav {
    margin:0px !important;
    width:200px;
}
.bottom-button {
    display:inline-block;
    width:100%;
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
    cursor:pointer;
}
#sidebar-bottom .nav .dropdown a i {
    font-size:18px;
}
.bottom-nav-item {
    display:inline-block;
    width:100%;
}
#ebaymessages_data {
    right:10px;
}
.scroller_message_item  a,
.scroller_message_item  a:hover,
.scroller_event_item  a,
.scroller_event_item  a:hover{
    text-align:left !important;
    color:#212b36 !important;
    cursor:pointer;
}

    #global-notification {
        border-radius:8px !important;
        font-weight: 300;
        position: fixed;
        z-index: 600000;
        text-align: center;
        font-size: 24px;
        bottom: -86px;
        left: 0;
        right: 0;        
        padding: 0 10px;
        line-height: 86px;
        height: 86px;
        background: #191919;
        background: rgba(0,0,0,0.85);
        color: #fff;
        -o-transition: bottom 0.3s ease-in-out 0s;
        -moz-transition: bottom 0.3s ease-in-out 0s;
        transition: bottom 0.3s ease-in-out 0s;
        width:80%;
        max-width:400px;
       
    }

        #global-notification.error {
            background: rgba(181, 0, 0, 0.85);
             max-width:800px;
        }
        #global-notification .close-notification {
            color:#f1f1f1 !important;
            float: right;
            margin-right: 20px;
        }
            .close-notification:hover {
                color:#fff !important;
                text-decoration:none;
            }
        #global-notification.error .close-notification {
            color:#7d0101;
        }

#pagebody.trial .fixed-page-title {
    margin-top:56px;
}
#pagebody.trial .page-content {
    padding-top:115px;
}
#pagebody.trial .pace {
    padding-top:56px;
}

h3.page-title {
    font-size:17px;
}
h3.page-title i {
    font-size:8px;
    margin-left:4px;
    margin-right:6px;
}
    h3.page-title .crumbs {
        margin-top: 5px;
    }
h3.page-title .skeleton {
    display:block;
    background:#ebebeb;
    border-radius:4px !important;
    height:20px;
    width:100px;
    margin-top:28px;
}
#table-spinner {
    padding-top:30px;
    width:100%;
    text-align:center;
}
.page-sidebar-fixed .page-sidebar {
    position: fixed !important;
    top: 46px;

}

.sidebar_notification {
    margin-left: 5px;
}
#sidebar_notification_ebay {
       display:none;
}
#sidebar_notification_ebay i {
   color: #fcb322 !important;
}

#count_messages, #count_ebay_history {
    font-weight:bold;
    color: #fcb322 !important;
    display:none
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    color: #fff;
    background: #6371c7 !important;
}

.footer_help_wrap {
    width: 100%;
    text-align: center;
}
.footer_help_content {
    display:inline-block;
    padding:10px;
    border: 1px solid #dfe3e8 !important;
    border-radius: 999px !important;
    color: #212b36;
    text-align: left;
    width:100px;
    margin-bottom:15px;
    text-align:center;
    padding-right:20px;
}
.footer_help_icon {
        background: #fff;
        border-radius: 50% !important;
        position: relative;
       top: 4px;
       margin-right:10px
}
.footer_help_icon i {
    font-size: 20px;
    color:#47c1bf;

}
.footer_help_content span {

}

#profile-root {
    height: 270px;
    background: #1B2330;
    width: 100%;
    position: absolute;
    bottom: -200px;
    display: flex;
    flex-direction: row;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
    flex-direction: column;
    cursor: pointer !important;
    z-index: 100;
}
#profile-header {
    height: 72px;
    width: 100%;
    padding: 0 10px;
    display: flex;
    align-items: center;
    box-shadow: inset 0px -1px 0px rgba(255, 255, 255, 0.07);
    cursor: pointer;
}
#profile-gravatar {
    display: inline-block;
    height: 26px;
    width: 26px;
    padding: 2px;
    background: #fff;
    border-radius: 50%;
    margin-right: 10px;
    align-self: center;
}
#profile-gravatar img {
 border-radius: 50%;
}
#profile-userinfo h3 {
    font-size: 13px;
    line-height: 15px;
    font-weight: 600;
    color:#fff;
    width: 110px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space: nowrap; 
    margin:0px;
}
#profile-userinfo p {
    margin-top: 4px;
    font-size: 10px;
    line-height: 15px;
    color:#fff;
    width: 110px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space: nowrap; 
}
.profile-arrow {

}
.profile-arrow i {
    color:#fff;
}
#profile-body a,
#profile-body a:hover,
#profile-body a:active,
#profile-footer a,
#profile-footer a:hover,
#profile-footer a:active {
    padding:10px;
    padding-left:20px;
    display:block;
    color:#fff;
    font-size:14px;
    text-decoration:none;
    font-weight:100;
}
#profile-body a:hover,
#profile-body a:active,
#profile-footer a:hover,
#profile-footer a:active {
    background:#5c6ac4;
}
#profile-footer {
    text-align:right;
    margin-top:30px;
}
#profile-footer a i {
    font-size:18px;
    margin-left:10px;
    margin-right:10px;
}
.modal-body.grey {
    background:#f4f6f8;
}
.modal-body .next-card {
    margin-bottom:10px;
}
.modal-body h3 {
    font-size: 15px !important;
    margin: 0px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
    line-height:normal;
}
.table_actions {
    text-align:right !important;
}
.table_actions ul li {
    text-align:left !important;
}