﻿@font-face {
    font-family: "Sansation_Bold";
    src: url("../fonts/Sansation_Bold.ttf");
}

/* HELPERS ------------------------------------------*/

.align-center {
    text-align: center !important;
}

.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right !important;
}

.float-border {
    margin: 0 3px;
}

/* GENERAL ------------------------------------------*/
.product-image-small {
    width: 100px;
}

.marketplace-icon-pause {
    width: 35px;
    border: 2px solid #f0313e;
    padding: 3px;
    background: #ffffff;
    border-radius: 50%;
}
.marketplace-icon-ban {
    width: 35px;
    border: 2px solid #ababab;
    padding: 3px;
    background: #ffffff;
    border-radius: 50%;
}
.marketplace-icon-clock {
    width: 35px;
    border: 2px solid #2d90d6;
    padding: 3px;
    background: #ffffff;
    border-radius: 50%;
}
.marketplace-icon-under-review {
    width: 35px;
    border: 2px solid #F1C40F;
    padding: 3px;
    background: #ffffff;
    border-radius: 50%;
}
.marketplace-icon-check {
    width: 35px;
    border: 2px solid #00b233;
    padding: 3px;
    border-radius: 50%;
}

.marketplace-small-icon-pause {
    width: 35px;
    border: 2px solid #f0313e;
    padding: 3px;
    margin: 0 1px 3px 0;
    border-radius: 50%;
}

.marketplace-small-icon-ban {
    width: 35px;
    border: 2px solid #ababab;
    padding: 3px;
    margin: 0 1px 3px 0;
    border-radius: 50%;
}

.marketplace-small-icon-clock {
    width: 35px;
    border: 2px solid #2d90d6;
    padding: 3px;
    margin: 0 1px 3px 0;
    border-radius: 50%;
}

.marketplace-small-icon-under-review {
    width: 35px;
    border: 2px solid #F1C40F;
    padding: 3px;
    margin: 0 1px 3px 0;
    border-radius: 50%;
}

.marketplace-small-icon-check {
    width: 35px;
    border: 2px solid #00b233;
    padding: 3px;
    margin: 0 1px 3px 0;
    border-radius: 50%;
}

.product-image-medium {
    width: 200px;
}

.list-filter {
    background: #f0f0f0;
    margin: 0 0 30px 0;
    padding: 15px 20px 10px 20px;
}

.list-filter .no-label {
    margin-top: 25px;
}

select[readonly] {
    background: #eeeeee;
    pointer-events: none;
    touch-action: none;
}

.form-group .text-muted {
    display: block;
    font-size: .9em;
    padding-top: 5px;
}

.report-totals p {
    margin-bottom: 5px;
}

.report-totals h3 {
    margin-top: 0;
    font-weight: 400;
}

.dropdown-mktit {
    border: 1px solid #ccc !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    border-radius: 2px;
}

.dropdown-mktit .user-identification {
    height: 112px;
}

.dropdown-mktit .user-identification .picture {
    width: 96px;
    margin: 8px;
    float: left;
}

.dropdown-mktit .user-identification .data {
    width: 150px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px 0px 0px 10px;
}

.dropdown-mktit .user-identification .data .email {
    color: #666;
}

.dropdown-mktit .action {
    padding: 10px;
    border-top: 1px solid #ccc;
    background: #f5f5f5;
    height: 60px;
}

.dropdown-mktit .action .btn-exit {
    width: 100px;
    color: #666 !important;
}

/* centered columns styles */
.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    float: none;
    margin: 0 auto;
}

.logo-platz {
    height: 42px;
}

.swal2-container {
    z-index: 99999 !important;
}

.swal2-popup {
    font-size: 1.6rem !important;
}

.table-scrollable {
    overflow: visible !important;
}

.page-footer{
    margin-bottom: 15px !important;
}

.table-wrapper-scroll-y {
    display: block;
    max-height: 400px;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.marketplaces-steps {
    max-width: 243px;
}

.marketplace-number {
    margin-bottom: 24px;
}

.marketplaces-desc {
    min-width: 157px;
}

.dashcard-title {
    clear: both;
    color: #aab5bc;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 3px;
    min-height:45px;
}

.dashboard-stat2, .dashboard-stat2 .display {
    margin-bottom: 5px;
}

.table.table-light > thead > tr > th {
    font-weight: 600;
    font-size: 13px;
    color: #93a2a9;
    border: 0;
    border-bottom: 1px solid #F2F5F8;
}

.title-orders-imported {
    margin-bottom: 40px;
    font-size: 15px !important;
}

.row-cards-top{
    margin-bottom: 25px;
}

.card-dash-bottom {
    height: 297px;
}

.dashboard-orders-total-label {
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 600;
    color: #333;
}

.dashboard-orders-total-quantity {
    font-size: 34px;
    font-weight: 600;
    color: #333;
}

.dashboard-orders-pending-label {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    color: #FF906E;
}

.dashboard-orders-pending-quantity {
    font-size: 17px;
    font-weight: 650;
    color: #FF906E !important;
}

.dashboard-orders-label {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    color: #AAB5BC;
}

.dashboard-orders-quantity {
    font-size: 17px;
    font-weight: 600;
}

@media (min-width: 576px) {
    .marketplaces-steps {
       margin: 0 !important;
    }

	.title-orders-imported {
        margin-left: 0 !important;
    }

    .table--orders-imported {
        margin-left: 0 !important;
    }
}

@media (min-width: 768px) {
    .marketplaces-steps {
        margin: auto !important;
    }

	.title-orders-imported {
        margin-left: 15px !important;
    }

    .table--orders-imported {
        margin-left: 15px !important;
    }
}