body,html{
    height:100%;
}

body {
    background: #3c4164;
    padding-top: 50px;
    padding-bottom: 0px;
    padding-left: 252px;
}

.navbar-default{
    background:#e0e8f2;
}
.navbar-right {
    margin-right:0;
}
#app{
    min-height:100%;
    background:#f7f7f7;
}
/*
.navbar {
    min-height: 90px;
}

.navbar-nav > li > a {
    padding-top: 35px;
    padding-bottom: 34px;
}

.navbar-static-bottom {
    margin-bottom: 0px;
}*/

.main-container > .panel {
    border: 0;

}
.main-panel{
    background:transparent;
    padding:0;
    margin-bottom:0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.main-panel .panel-title {
    color: #808080;
}

.navbar-nav > li > a.navbar-brand{
    padding:0 ;
    display:inline-block;
    width:250px;
    text-align:center;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-text {
    color: #3c4164;
    font-size: 16px;
}
.navbar-brand > img{
    margin:auto;
}
.navbar-search {
    margin-top: 6px;
    margin-left: 40px;
    max-width:250px;
}
.nav-tabs {
    border-bottom: 1px solid #d8dfdb;
}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background: #3c4164;
    color: #fff;
}
.sidebar .nav > li, .sidebar .nav > li > a {
    color:#fff;
}
.sidebar .nav > li > a:focus, .sidebar .nav > li > a:hover{
    color:#3c4164;
    background:#e0e8f2;
}
.sidebar .nav > li > a:focus, .sidebar .nav > li > a:hover{
    color:#3c4164;
    background:#e0e8f2;
}
.sidebar ul li {
    border-bottom: 1px solid #2a2a2b;
}
.sidebar ul li a.active {
    color:#3c4164;
    background:#e0e8f2;
}
.specific-values ul {
    display: flex;
    flex-flow: row wrap;

    list-style: none;
    margin: 0;
    padding: 10px;

}

.specific-values ul li {
    flex-basis: 32%;
}

.specific-values ul li label {
    font-weight: normal;
}

.specific-values input[type=checkbox]:checked + label {
    font-weight: bold;
    color: #000;
}

.specific-values input[type=radio]:checked + label {
    font-weight: bold;
    color: #000;
}
.required-specific {
    border-bottom: 1px solid #900;
}
.del_step2 {
    display: none;
}

.listing-actions {
    width:330px;
    display:inline-block;
    padding: 0;
    list-style: none;
    line-height: 36px;

}

.listing-actions li {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-top: 2px;
}

.product-image {
    max-width: 100px;
}

.order-items tr {
    display: flex;
}

.order-items td {
    /*flex-basis:14.2%;*/ /* 7 cols*/
    flex-basis: 16.6%; /* 6 cols*/
}

.select2-right {
    float: right;
}

.select2-selection .select2-right {
    float: none;
    position: absolute;
    right: 30px;
}

.hidden {
    display:none;
}
.top-level { font-weight: bold; }

.select2-selection--multiple .select2-right {
    display: none;
}
.select2-container--bootstrap .select2-results > .select2-results__options {
    max-height:300px;
}
.select2-container--bootstrap #select2-ebay_category-qp-results .select2-results__option {
    padding:2px 8px;
}

.panel-default > .panel-heading {
    border-bottom: 0;
}
.sidebar{
    background:#3c4164;
    margin-top:52px;
}
.sidebar-brand {
    text-align: center;
}

#page-wrapper {
    background:#f7f7f7;
    margin-left: 0;
    padding:0;
}

.row-main:not(:first-child){
    border-top:1px dashed #ccc;
    padding-top:10px;
}
.row-main .results{
    text-align:center;
}
.conditional-field-edit .row-main:not(:last-child)::after{
    content: " OR ";
}

.no-padding-left{
    padding-left:0;
}
.chan-row > div{


}

.chan-box {
    background: #fff;
    height:150px;
    margin:10px;
    text-align: center;
    vertical-align: middle;
    width:100%;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction:column;
}

.chan-row-1 .chan-box{
    border:2px solid #d8dfdb;
    font-size:28px;
}
.chan-chart{
    height:340px;
}
.chan-bar{
    padding:10px;
}
.chan-bar .bar-label{
    width:100%;
    display:flex;
    justify-content: space-between;
    text-transform: uppercase;
    line-height:50px;
}
.chan-bar .bar-number{
    text-align:right;
    font-size:28px;
    line-height:50px;
}
.chan-bar .bar{
    width:100%;
    height:4px;
    background:#ccc;

}
.chan-bar .bar .bar-fill{
    height:4px;
    background:#3c4164;
}

.chan-bar .bar .bar-fill.positive{
    background:#2ab27b;
}
.chan-bar .bar .bar-fill.negative{
    background:#bf5329;
}

.main-panel .panel-title strong.bc{
    color:#808080;
    font-size:22px;
}
.main-panel .panel-title .editable{
    font-size:22px;
    text-decoration:underline;
}
.channel-link{
    font-size:12px;
    margin-left:30px;
    border:1px solid #3c4164;
    padding:8px;
    background:#e0e8f2;
}

.channel-link a{
   /* color:#fc941b;*/
    border-bottom:1px dashed #3c4164;
    font-size:15px;
}
.ebay-settings .panel-heading h3{
    margin-top:5px;
    margin-bottom:0;
}
.ebay-settings .panel-body h3{
    margin-top:5px;
    margin-bottom:16px;
}

/*.chan-bar-1, .chan-bar-2{
    height:50px;
}*/

.chan-row {

}

.chan-simple-box{
    background:#fff;
    margin:20px;
    padding:10px;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
}


/* Hide default HTML checkbox */
.switch input {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: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2ab27b;
}

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

input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}
.required {
    /*content:"*";*/
    color:#900;
    font-weight:bold;
    font-size: 24px;
    line-height: 12px;
    display: inline-block;
    vertical-align: middle;
}

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

.slider.round:before {
    border-radius: 50%;
}
.white-box{
    background:#fff;
}

.amazon-toggle-box{
    margin:10px;
    padding:10px 5px 0 5px;
}
.channel-toggle-box{
    margin:10px;
    padding:10px 5px 0 5px;
}

.modal-xl {
    width:1150px;
}
.ebay-template-frame{
    width:100%;
    min-height:800px;
    margin:0;
    padding:0;
}

.smaller {
    font-size:60%;
}
.smallest{
    font-size:40%;
}

.monospaced {
    font-family: monospace;
}


.create-listing-container{
    line-height:0.8;
}
.create-listing-container .select2-container{
     font-size: 16px;
     line-height: 1.6;
 }
.conditional-test-container{
    line-height:0.8;
}
.conditional-test-container .select2-container{
    font-size: 16px;
    line-height: 1.6;
}

.product-search-container{
    line-height:0.8;
}
.product-search-container .select2-container{
    font-size: 16px;
    line-height: 1.6;
}


.create-listing-subtext{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 6px;
}

.source-create-1 .row{
    margin-top:10px;
}
.data_target_selection,
.data_source_selection{
    display:flex;
}
.data_target_selection .data_target_type,
.data_target_selection .data_target_type_disabled,
.data_source_selection .data_source_type,
.data_source_selection .data_source_type_disabled{
    width:200px;
    height:200px;
    display:flex;
    justify-content: center;
    align-items: center;
    background:#fff;
    border:1px solid #e6e5e5;
    margin:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    cursor:pointer;
}
.data_source_selection .active,
.data_target_selection .active{
    border-color: #747bac;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(116,123,172,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(116,123,172,.6);
    cursor:auto;
}
.data_target_selection .data_target_type img,
.data_target_selection .data_target_type_disabled img,
.data_source_selection .data_source_type img,
.data_source_selection .data_source_type_disabled img,
.source-select img,
.target-select img{
    max-width:170px;
    max-height:95px;
}
.target-type-selection-row,
.source-type-selection-row{
    display:flex;
    z-index:2;
    position:relative;
    justify-content: center;
    margin-top: -263px;
    margin-bottom: 55px;

}
.data_target_selection .data_target_type_disabled,
.data_target_selection .data_source_type_disabled{
    display:none;
}


.channel-create-row > div{
    overflow:visible;
    position:relative
}
#overlay {
    display:none;
    position: fixed;
    top: 0;
    left: 250px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.channel-create-row{
    display:flex;
    justify-content: center;
    align-items:center;
}
.source-select,.target-select{
    width:200px;
    height:200px;
    display:flex;
    justify-content: center;
    align-items: center;
    background:#ccc;
    border:1px solid #e6e5e5;
    margin:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    cursor:pointer;
    font-size:72px;
    text-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.channel-link-large{
    font-size:72px;
}
.source-type-selection-row{
    display:none;
}
.target-type-selection-row{
    display:none;
}
.diagnostic-container{
    margin:10px 0;
}
.diagnostic-container .row{
    border-top: 1px solid #ddd;
    padding:4px 0;
}
.diagnostic-container .row:nth-of-type(2n+1){
    background-color: #f9f9f9;
}
.diagnostic-container .row:last-child{
    border-bottom:1px solid #ddd;
}

.small-box {
    border-radius: 2px;
    position: relative;
    display: block;
    margin-bottom: 20px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border:1px solid #e6e5e5;
}
.small-box > .inner {
    padding: 10px;
}
.small-box .icon {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 0;
    font-size: 90px;
    color: rgba(0,0,0,0.15);
}
.small-box h3, .small-box p {
    z-index: 5;
}
.small-box h3 {
    font-size: 38px;
    font-weight: bold;
    margin: 0 0 10px 0;
    white-space: nowrap;
    padding: 0;
}

.small-box > .small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    display: block;
    z-index: 10;
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none;
}
.small-box .trend {
    font-size:14px;
}

.diagnostic-row-value{
    background:#eee;
    border:1px solid #ccc;
    color:#000;
    font-family:courier;
    font-weight:normal;
    display:inline-block;
}

body.skip-menus{
    padding-left:0;
    padding-top:0;
}

.clear{ clear:both; }
.rainbow {
    -webkit-animation:rainbow 10s infinite;
    -ms-animation:rainbow 10s infinite;
    -o-animation:rainbow 10s infinite;
    animation:rainbow 10s infinite;
}

.g-preview{
    background:#fff;
    box-shadow:3px 3px 5px 0px #666;
    padding:20px;
}
.g-link-title{
    color:rgb(26, 13, 171);
    font-size:18px;
    line-height:21.6px;
    font-weight:400;
    cursor:pointer;
    font-family:arial,sans-serif;
    text-decoration: none;
    text-decoration-color: rgb(26, 13, 171);
    text-decoration-line: none;
    text-decoration-style: solid;
}
.g-link{
    color: rgb(0, 102, 33);
    font-family: arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}
.g-price{
    color: rgb(128, 128, 128);
    display: block;
    font-family: arial,sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
}
.g-meta{
    color: rgb(84, 84, 84);
    font-family: arial,sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 18.2px;
    overflow-wrap: break-word;
}
.g-meta em{
    font-weight: bold;
    font-style: normal;
    color:#6a6a6a;
}

body.stocktake{
    background:#f7f7f7;
    padding: 60px 20px;
    font-size:16px;
    max-width: 1000px;
    margin: 0 auto;
    overflow-x:hidden;
}
body.stocktake .navbar-header{
    display:none;
}
body.stocktake .mobile-split{
    display:flex;
    justify-content: space-between;
}
body.stocktake .navbar-nav{
    margin:0;
}
body.stocktake .navbar-nav > li > a.navbar-brand{
    width:auto;
}
body.stocktake .panel-body.search-start{
    min-height:200px;
    display:flex;
    flex-direction:column;
    justify-content: space-around;
}
body.stocktake .panel{
    margin-bottom:60px;
}
body.stocktake .panel-footer{
    text-align:center;
}
body.stocktake .panel-heading{
    font-weight:bold;
    text-align:center;
}
body.stocktake .panel a{
    line-height: 2em;
    text-decoration: underline;
}
body.stocktake .panel .row{
    margin-left:0;
    margin-right:0;
}
body.stocktake .stock-input{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
    padding:10px;
}
body.stocktake .stock-input input[type=number]{
    font-size:24px;
    padding:10px;
    text-align:center;
    margin:10px;
}
body.stocktake .variant-type {
    text-align:center;
}
body.stocktake .variant-type .btn-primary{
    margin:10px;
    min-width:140px;
    text-decoration: none;
}
body.stocktake .options ul{
    list-style:none;
    padding:0;
    margin:0;
}
body.stocktake .options .option {
    display: flex;
    justify-content: space-between;
    margin:10px 0;
}
body.stocktake .stock-input input[type=number]:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(116,123,172,.6);
    border-color: #747bac;
    outline: 0;
}
body.stocktake .options .option .btn-primary {
    width:80px;
}
body.stocktake .options .option .option-name {
    max-width:50%;
}
body.stocktake .options .option .variant-stock-input input[type=number]{
    max-width:60px;
}
body.stocktake .options .option .avail {
    margin-left:auto;
    margin-right:20px;
}
body.stocktake .stock-input input[type=number].error,
body.stocktake .variant-stock-input input[type=number].error {
    box-shadow: inset 0 1px 8px rgba(0,0,0,.075),0 0 8px rgba(232,123,172,.6);
    border-color: #f00;
    outline: 0;
}
body.stocktake .stock-input input[type=number].success,
body.stocktake .variant-stock-input input[type=number].success {
    box-shadow: inset 0 1px 8px rgba(0,0,0,.075),0 0 8px rgba(116,246,172,.6);
    border-color: #0f0;
    outline: 0;
}
body.stocktake .big-number{
    font-size:72px;
    min-width:100px;
    height:100px;
    margin:auto;
    text-align:center;
}
body.stocktake .footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #f5f5f5;
    left: 0;
}

body.stocktake .footer .container{
    display:flex;
    justify-content: space-around;
    align-items:center;
    height:100%;
}
body.stocktake .footer .container a{
    min-width:100px;
}
body.stocktake .product-row{
    display:flex;
    justify-content: space-between;
    line-height:2em;
}
body.stocktake .site-button{
    padding:10px;
    margin:10px;
    border:1px solid #000;
    border-radius:5px;
    display:block;
}
body.stocktake .change-site{
    padding:10px;
    margin:10px;
    border:1px solid #000;
    border-radius:5px;
}
body.stocktake .active-site-url{
    text-align:center;
    margin-top:10px;
}

.feed-headings th{
    text-align:center;
}
.pcol1{
    border-left:2px solid #666;
}
.vcol{
    background:rgba(0,0,0,.125);
}
.stdt {
    display: flex;
    justify-content: center;
    margin-bottom:3px;
}

.stock-data .row:not(:last-child){
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}
.qu_panel{
    min-height:250px;
}
.qu_panel .row div{
    padding-top:5px;
}
/* Stocktake responsive styles only */
@media screen and (max-width: 530px) {
    body.stocktake{
        padding:60px 5px;
    }
    body.stocktake .panel-body{
        padding: 5px;
    }
    body.stocktake .options .option{
        flex-wrap:wrap;
    }
    body.stocktake .options .option .option-name{
        max-width:100%;
        width:100%;
    }
}


@-webkit-keyframes rainbow {
    0% {background: #ff0000;}
    10% {background: #ff8000;}
    20% {background: #ffff00;}
    30% {background: #80ff00;}
    40% {background: #00ff00;}
    50% {background: #00ff80;}
    60% {background: #00ffff;}
    70% {background: #0080ff;}
    80% {background: #0000ff;}
    90% {background: #8000ff;}
    100% {background: #ff0080;}
}
@-ms-keyframes rainbow {
    0% {background: #ff0000;}
    10% {background: #ff8000;}
    20% {background: #ffff00;}
    30% {background: #80ff00;}
    40% {background: #00ff00;}
    50% {background: #00ff80;}
    60% {background: #00ffff;}
    70% {background: #0080ff;}
    80% {background: #0000ff;}
    90% {background: #8000ff;}
    100% {background: #ff0080;}
}
@-o-keyframes rainbow {
    0% {background: #ff0000;}
    10% {background: #ff8000;}
    20% {background: #ffff00;}
    30% {background: #80ff00;}
    40% {background: #00ff00;}
    50% {background: #00ff80;}
    60% {background: #00ffff;}
    70% {background: #0080ff;}
    80% {background: #0000ff;}
    90% {background: #8000ff;}
    100% {background: #ff0080;}
}
@keyframes rainbow {
    0% {background: #ff0000;}
    10% {background: #ff8000;}
    20% {background: #ffff00;}
    30% {background: #80ff00;}
    40% {background: #00ff00;}
    50% {background: #00ff80;}
    60% {background: #00ffff;}
    70% {background: #0080ff;}
    80% {background: #0000ff;}
    90% {background: #8000ff;}
    100% {background: #ff0080;}
}

@media screen and (max-width: 767px) {
    body {
        padding-left: 0px;
    }
    #page-wrapper{
        margin-top:100px;
    }

    body.skip-menus .navbar-toggle{
        display:none;
    }
    body.skip-menus .navbar-fixed-top{
        display:flex;
    }
    body .mobile-split{
        display:flex;
        flex-wrap:wrap;
        width: 100%;
        align-items: center;
    }
    .sidebar{ width: 100%;
    margin-top:0px;}
    .navbar-header{width:100%;}
}
@media (min-width: 768px){
    .navbar-nav>li
    {
        float: left;
        padding-right: 10px;
    }
}