/* main colors */
.app-container{min-height: inherit;}

/*
.row { align-items:start; justify-content:center; }
.row.flex-start { justify-content:start; }
.row.form-group > label { margin:7px 0 0 0; text-align:right; }
*/

.primary { color:#90a6ba; }
.primary-dark { color: #0f2245; }
.second { color:#4a696f; }
.second-dark { color:#384949; }
.btn-alternate { background:#90a6ba; border-color:#90a6ba; }
.btn-alternate:hover { background:#0f2245; border-color:#0f2245; }
.btn-primary { background:#0f2245; border-color:#0f2245; }
.btn-primary:hover { background: #0f2245; border-color:#0f2245; }
.btn-sort-col {position: absolute;top: 0;right: 0;padding: 0 4px;height: 100%;border-radius: 0;background-color: #ffffff33;}
.btn-sort-col.selected {color: #11d8f3 !important;}

.btn-primary i { color:#fff !important; }

.text-primary {color:#0f2245 !important;}
.text-secondary {color:#90a6ba !important;}
.text-flashy {color: #11d8f3 !important;}

.block-color { border-radius:3px; display:inline-block; height:15px; width:15px; }

.file-input { border:1px solid #ccc; border-radius:3px; overflow:hidden; padding:1px 15px 1px 1px; position:relative; }
.file-input input { border:none; height:1px; left:-100%; margin:0; opacity:0.01; padding:0; position:absolute; top:-100%; width:1px; }
.file-input label { cursor:pointer; margin:0; padding:0; }
.file-input .label { background:#e3e3e3; border-radius:3px; cursor:pointer; display:inline-block; margin:0 15px 0 0; padding:7px 15px; vertical-align:middle; }
.file-input .fake-input { display:inline-block; vertical-align:middle; }

.file-input .before { display:block; }
.file-input .after { display:none; }
.file-input.uploaded .before { display:none; }
.file-input.uploaded .after { display:block; }

#custom_overlay {
    align-items:center;
    background-color:#90a6ba;
    bottom:0;
    display:none;
    justify-content:center;
    left:0;
    opacity:0;
    position:fixed;
    right:0;
    top:0;
    z-index:200000;
    transition:0.5s all ease;
    -o-transition:0.5s all ease;
    -ms-transition:0.5s all ease;
    -moz-transition:0.5s all ease;
    -webkit-transition:0.5s all ease;
}
#custom_overlay .text { color:#fff; font-size:40px; font-weight:300; text-transform:uppercase; }

#custom_overlay.show { display:flex; }
#custom_overlay.visible { opacity:0.9; }

.btn i { /* margin-right:10px; */ }

/* 404 */
.page-404,
.page-404 .app-theme-white.app-container { background:#333; }
.content-404 { align-items:start; bottom:0; color:#fff; display:flex; flex-direction:column; font-family:"Nunito",sans-serif; font-size:40px; font-weight:900; justify-content:center; left:0; padding-left:100px; position:fixed; right:0; top:0; z-index:999; }
.content-404 img { margin-bottom:30px; max-width:465px; }

/* SIDEBAR */
.app-sidebar__heading {padding-top:1em;}
.app-sidebar__heading:not(:first-child) {border-top:1px solid}
.vertical-nav-menu li a{line-height: 2.0rem;height: 2.0rem;}
.sidebar-footer {
    border-top:1px solid #eee; opacity:1; padding:15px; text-align:center; white-space:nowrap;
    transition:0.3s all ease;
    -o-transition:0.3s all ease;
    -ms-transition:0.3s all ease;
    -moz-transition:0.3s all ease;
    -webkit-transition:0.3s all ease;
}
.closed-sidebar .sidebar-footer { opacity:0; }

/* FICHE SITE */
.site-info, .client-info { flex:1; }
.site-info { padding-right:15px; }
.client-info { border-left:1px solid #ccc; padding-left:15px; }
.site-fiche h2 { font-weight:300; text-transform:uppercase; }
.site-fiche h2 input { background:transparent; border:none; display:block; font-size:20px; font-style:italic; outline:none !important; text-transform:none; width:100%; }
.flex { display:flex; }
.flex .presentation { flex:1; }
.flex .presentation p { line-height:1.1; margin:0 0 5px; padding:0; }
.site-logo { background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:100%; height:200px; margin-right:25px; width:200px; }
.tags { font-style:italic; }
.tags h3 { font-size:18px; font-style:normal; font-weight:300; }
.tags .tag,
.tags .category { font-style:normal; margin:2px; }
.block-tag, .block-category { background:#384949; border-radius:150px; color:#fff !important; display:inline-block; font-style:normal; line-height:1; margin:2px; padding:5px 12px; text-decoration:none !important; }

.input-tags .del i,
.input-tags .fake-del i { color:#fff; margin:0 0 0 10px; }
.input-tags input[type=text] { margin-top:5px; }

.input-loader-img { display:none; height:20px; margin-top:-10px; position:absolute; right:10px; top:50%; width:20px; }
.show-loader .input-loader-img { display:block; }
.input-loader .response { background:#fff; border-radius:5px; box-shadow:0 5px 20px rgba(0,0,0,0.4); display:none; padding:20px; position:absolute; top:calc(100% + 15px); width:100%; z-index:99; }
.input-loader .response::after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}
.input-loader .response.show { display:block; }

.title-form label { border-bottom:3px solid #0f2245; padding:0 0 10px 0; text-align:left !important; text-transform:uppercase; }
.file-input { margin-top:7px; }
.result-images { padding:10px 0; }

.result-images .fake-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: inline-block;
    height: 120px;
    margin: 1px;
    padding: 0px;
    position: relative;
    width: 120px;
    font-size: 20px;
}
/*.result-images .fake-img.can-delete { cursor:pointer; position:relative; }*/
/*.result-images .fake-img.can-delete::before { align-items:center; background:rgba(0,0,0,0.8); content:"Delete"; color:#fff; display:none; height:100%; justify-content:center; left:0; position:absolute; width:100%; }*/
.result-images .fake-img.can-delete:hover::before { display:flex; }
.result-images .default_image {position: absolute; left:3px; bottom:0;color: #0f2245;}
.result-images .set_product_image_as_favorite {position: absolute; left:3px; bottom:0;cursor: pointer;border: 0;background: none;}
.result-images .delete_product_image {position: absolute; right:3px; bottom:0; cursor: pointer;}
.result-images .preview_product_image {position: absolute; left:46%; bottom:0; cursor: pointer;}

select.form-control[size], select.form-control[multiple] { height:300px; }

.page-item.active .page-link, .pagination .active.page-number .page-link {
    background-color: #90a6ba;
    border-color: #90a6ba;
}
.pagination li a {
    color: #90a6ba;
}
.pagination li a:hover {
    color: #90a6ba;
}

.table thead th{white-space: nowrap; vertical-align: middle;position: sticky;}
.table .thead-dark th{padding: 10px 20px;background-color: #0f2245;}
.table .table-filters td, .table .table-filters th{
    background-color: #90a6ba;
    border-bottom: 1px solid #0f2245;
    border-left: 1px solid #0f22453d;
    border-right: 1px solid #0f22453d;
}
.table .table-filters input, .table .table-filters select, .table .table-filters .select2-selection {
    border-color: #0f22453d;
}
.table .table-filters select {
    min-width: 60px;
}

.table th.id, .table td.id{width: 100px;text-align: center}
.table th.price, .table td.price{width: 100px;text-align: right}
.table th.weight, .table td.weight{width: 100px;text-align: right}
.table th.percentage, .table td.percentage{width: 100px;text-align: right}
.table th.quantity, .table td.quantity{width: 100px;text-align: center}
.table th.country, .table td.country{width: 100px;text-align: center}
.table th.shipping_method, .table td.shipping_method{text-align: center;font-size: 18px;}
.table td.shipping_method i{margin:0 4px;}
.table th.status, .table td.status{text-align: center; width:0;}
.table th.graph, .table td.graph{text-align: center;width: 100px;}
.table th.actions, .table td.actions{text-align: center;white-space: nowrap; width:0;}
.table th.actions .btn, .table td.actions .btn{white-space: nowrap;}
.table th.positions, .table td.positions{white-space: nowrap;text-align: center;max-width: 100px;}
.table th.url, .table td.url{white-space: nowrap;text-align: left;max-width: 300px;overflow: hidden;text-overflow: ellipsis;}
.table th.date, .table td.date{white-space: nowrap;text-align: center;width: 0;}
.table th.search_volume, .table td.search_volume{white-space: nowrap;text-align: right;width: 0;}

.table-hover tbody tr:hover {background-color: #e4f7fd;}
.table-hover tbody tr:hover td {border-top-color: #90a6ba;border-bottom-color: #90a6ba;}

.vertical-nav-menu i {color: #0f2245;}
.vertical-nav-menu li a:hover i{color: #fff;}


.crossed_price{text-decoration: line-through;opacity: 0.5;}

.nav-item .nav-link.active img {height:20px;}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    background-color: #efefef;
    color: #0f2245;
    border: 1px solid #ccc;
    margin: 0 0px 4px 5px;
    white-space: initial;
    text-align: left;
    display: inline-block;
    font-weight: normal;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
    text-align: center;
    color: #6c757d;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    border: 1px solid;
    margin: 0 5px 0 0;
    padding: 0px;
    border-radius: 100%;
    width: 16px;
    height: 16px;
    line-height: 12px;
    font-size: 16px;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear {
    margin: 0;
    position: absolute;
    right: 2%;
    top: 45%;
    padding: 0;
    float: none;
}

img.img-60{max-width:60px;max-height:60px;}

.card-header i {
    line-height: inherit;
}

.clearboth {
    clear: both;
}

.vertical-nav-menu ul:before {
background-color: #90a6ba;
}

.shipping_method_home{color:#16aaff;}
.shipping_method_relay{color:#3ac47d;}
.shipping_method_express{color:#d92550;}
.shipping_method_inter{color:#f7b924;}

.floating-buttons{
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: #f7f9fa;
    padding: 10px;
    border-radius: .25rem 0 0 0;
    text-align: center;
    border: 1px solid #888;
    border-bottom: 0;
    border-right: 0;
    box-shadow: 0 0 5px #888;
}

table.dashboard {background-color: #fff;margin: 0;padding: 0;}
table.dashboard .line_0{font-size: 16px;color: #000}
table.dashboard .line_1{font-size: 16px;color: #00000066}
table.dashboard .line_evo{font-size: 12px;}
table.dashboard .table-dark .line_0{color: #ffffff}
table.dashboard .table-dark .line_1{color: #ffffff99}
table.dashboard thead{text-align:center;position: sticky; position:-webkit-sticky; top: 0; z-index: 1;}

table.dashboard tbody{text-align:right;}
table.dashboard tfoot{text-align:right; font-weight: bold;position: sticky;position:-webkit-sticky;inset-block-end: 0;}


table.dashboard tbody .day{background-color:#00000011;border-right: 1px solid #000;}
table.dashboard tbody .ca_total{background-color:#ff000011}
table.dashboard tbody .coef_marge{background-color:#ff000011}
table.dashboard tbody .marketplace_odd{background-color:#88ff8811}
table.dashboard tbody .marketplace_even{background-color:#8888ff11}


div.dataTables_wrapper div.dataTables_filter {float: left;}
div.dataTables_wrapper div.dataTables_length {float: right;}


.form-control::placeholder {
    opacity: 0.2;
}

::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;}
::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}


.app-sidebar .scrollbar-sidebar {
    overflow-y: auto;
}

.card-header, .card-title {
    text-transform: inherit;
}

.bg-custom {
    background-image: linear-gradient(-20deg, #90a6ba 0%, #0f2245 100%) !important
}
.bg-alternate {
    background-color: #90a6ba !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.01);
}

.app-theme-white .app-footer .app-footer__inner, .app-theme-white .app-header {
    background: #fff;
}

.tooltip-inner {
    text-align: left;
    max-width:600px;
}
.tooltip-inner img{
    max-width:100%;
}


.jqstooltip {
    width: auto !important;
    height: auto !important;
}

.shake {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

.toggle_favorite_keyword, .toggle_favorite_site {
    cursor: pointer;
}

.alert-grey {
    color: #7c7c7c;
    background-color: #f0f0f0;
    border-color: #fafafa;
}

.w-0 {width:0;}

.badge-sm {font-size: 10px;}