@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }
}

i.category-automation-info  {
    cursor: help;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #3379b729!important;
    border-right: 6px solid #337ab7;
    color: #0f527a!important;
}

a.bolded-title {
    font-weight: 500;
}

table tr th:hover {
    background: #cccccc45;
    color: black;
}

table tr.vertical-align-middle td,
table tr td.vertical-align-middle {
    vertical-align: middle;
}

iframe.modal-tmp {
    /*padding: 10px !important;*/
}

li ul.urls {
    visibility: hidden;
}

li.select2-results__option.select2-results__option--highlighted ul.urls {
    visibility: visible;
}

.search-body-topbar ul {
    list-style-type: square;
    padding: 0px 0px 0px 16px;
}

.search-body-topbar ul li {
    float: left;
    display: list-item;
    padding-right: 30px;
    padding-left: 0px;
}

textarea.agreement_inline {
    min-height: 80px;
    font-size:12px;
}

.translateable {
    border-bottom: 1px dashed #cccccc;
    cursor: help;
}

.img-thumbnail {
    padding: 0px !important;
    border:0px !important;
    object-fit: cover;
}
.cke_button__source_label {
    display: none !important;
}


#formProductEditor .edit_product_right {
    /*margin-top:38px;*/
    padding-left:0px;;
}

#formProductEditor .edit_product_right .form-group {
    margin-bottom: 5px !important;
}
#formProductEditor .edit_product_right .float-e-margins {
    margin-bottom: 0px !important;
}

canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
table.tooltip-table {

}
nav > ul > li > div > span {
    top:5px !important;
}
nav .select2-container--bootstrap {
    z-index: 100000;
}

span.select2-container--open {
    z-index: 100000 !important;
}

span.licznik {
    display: block;
    float: right !important;
    margin-top: -12px;
    opacity: 0.75;
    padding: 1px 2px;
}



/*.skin-all .page-heading {*/
/*    padding-bottom: 2px;*/
/*}*/

.hiddenRow {
    padding: 0 !important;
}
.flag-sm {

    zoom: 50%;
}

div.modal-header .form-control {
    color: black;
}

.divide-nav{
  height: 50px;
  background-color: #428bca;
}
span.switchery-small { margin:6px 0px 6px 0px !important; }
table#table_operacja_masowa td {
    vertical-align: middle;

}

.btn-success,.btn-warning,.btn-primary,.btn-danger,.btn-info {
    /*box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5);*/
}

.btn-danger {
    /*border-color: #b13f4b !important;*/
}
.btn-success {
    /*border-color: #10527b !important;*/
}
.btn-primary {
    /*border-color: #3c763d !important;*/
}

img.thumb-mt-productlist {
    position: absolute;
    left: 25px;
    width: 8px;
    opacity: 0.5;
}

#toast-container.toast-bottom-left {
    z-index: 1000002 !important;
}
.modal-header {
    /*background: #337ab7; *!*/
    /* color: white; */
    border-radius: 15px 15px 0px 0px;
    font-size: 18px;
    font-weight: bold;
    color: black;
}

.select2-results__option {
    padding: 4px 1px 4px 5px !important;
    white-space: nowrap !important;
    /*font-size: 12px !important;*/
}

table.variant_list td {vertical-align: middle !important;}
table.variant_list th {
    border-bottom: 1px solid #cccccc;}
.dropzone {
    border: 1px solid #e5e6e7 !important;
}

.size-widest .modal-dialog {
    width: 98% !important;
    height: 92% !important;
    padding: 0 !important;
}

.hub-users-modal .modal-dialog {
    width: 80%;
}

.size-widest .modal-content {
    height: 99% !important;
}

.size-fullscreen .modal-dialog {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0px !important;
}

.size-fullscreen .modal-content {
    height: 100% !important;
}
.size-fullscreen90 .modal-dialog {
    width: 95vw !important;
    height: 95vh !important;
    /*padding: 0 !important;*/
    /*margin: 0px !important;*/
}

.size-fullscreen90 .modal-content {
    height: 95vh !important;
    min-height: 95vh !important;
}

.size-fullscreen90 .modal-header {
    font-size: 20px;
    color: black;
    font-weight: 600;
    background: white;
}

body .dropzone .dz-gallery-lg .dz-image {

    width: 16vw !important;
    height: 16vw !important;
    background: white;
    border: 1px solid #c7c7c7;
}

/*.bootstrap-dialog-message {*/
/*    display: block;*/
/*    float: left;*/
/*    width: 100%;*/
/*}*/

.dropzone .dz-message {
    margin: 0.5em 0 !important;
}

.btn-group  {
    display:flex !important;
}

/*.fixed-table-pagination {*/
/*    font-size: 11px !important;*/
/*}*/
/*.fixed-table-pagination .page-list .btn-group {*/
/*    display: inline-block !important;*/
/*}*/

/*table#table_operacja_masowa th {*/
/*    text-align: center;*/
/*    font-size:11px;*/
/*}*/
.tooltip-inner {
    text-align: left !important;
}
.divide-text{
    color:#fff;
    line-height: 20px;
    font-size:20px;
    padding: 15px 0;
}
#add_div .col-xs-2 {

	padding-left:0px !important;
}
.affix {
  top: 50px;
  width:100%;
	z-index: 1;
}

.filler{
  min-height: 2000px;
}

.navbar-form {
   padding-left: 0;
}

.navbar-collapse{
   padding-left:0;
}

#toolbar h4 {
    margin-right: 10px;
    color: black;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    line-height: 50px;
    font-size: 24px;
}

#toolbar h4 span.glyphicon {
	margin-right: 10px;

}

.text-transparent-50{
	opacity:0.5;
}

.text-transparent-75{
	opacity:0.75;
}

.text-transparent-100{
    opacity:1;
}

.text-transparent-25{
	opacity:0.25;
}

.text-transparent-25:hover,
.text-transparent-50:hover,
.text-transparent-75:hover
{
    opacity:1;
}

.input-sm {
    height: 34px !important;
}

/*thead.colorhead {*/
	/*background: white;*/
    /*color: black;*/
/**/
/*}*/
/*.page-heading {*/
/*    min-height: 50px !important;*/
/*}*/
.bootstrap-table .fixed-table-container {
    border: 0px solid #dddddd;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

div.fixed-table-header {
    margin-right: 0px;
    box-shadow: 0px 3px 16px #949494;
    border-bottom: 0px !important;
}

.footer .navbar-right {
    margin: 0px;
    padding: 0px;
}

.CodeMirror {
    height:500px !important;
    border:1px solid #ddd;
    border-top:0px;
}

.tooltip-inner {
    max-width: 700px !important;
}

.input-group .form-control {z-index: 0 !important;}


.morris-hover{position:absolute;z-index:1000}
.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255,255,255,0.8);border:solid 2px rgba(230,230,230,0.8);
    /*font-family:sans-serif;*/
    font-size:12px;text-align:center}
.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0}



.CodeMirror-fullscreen {
    height: auto !important;
    z-index: 100000 !important;
}

.optionGroup {
    font-weight: bold;
    font-style: italic;
}

.optionChild {
    padding-left: 15px;
}

/*.dropzone {*/
        /*border: 1px dotted rgb(96, 150, 198) !important;*/
    /*background: #f5f5f5 !important;*/
    /*color: #999 !important;*/
/*}*/


/*.fixed-table-pagination .pull-right { float: left !important; margin-left: 30px !important;*/
/*}*/


/*.fixed-table-pagination div.pagination, .fixed-table-pagination .pagination-detail {*/
/*    margin-top: 5px !important;*/
/*    margin-bottom: 5px !important;*/
/*}*/
/*.bootstrap-table .fixed-table-container thead th .sortable {*/
/*    text-align: left;*/
/*    cursor: pointer;*/
/*    background-position: left;*/
/*    background-repeat: no-repeat;*/
/*    padding-right: 5px;*/
/*    padding-left: 20px;*/
/*    margin-left: 0px;*/
/*}*/

.bootstrap-table .editable-click, a.editable-click, a.editable-click:hover {
    text-decoration: none;
    border-bottom: dashed 1px #0088cc52;
    font-size: 12px;
}

.bootstrap-table .fixed-table-body {
    overflow: auto; overflow-y: hidden;
}

.bootstrap-table .fixed-table-body p
{
    margin: 0;
    padding: 1em;
    white-space: nowrap;
}


.bootstrap-table .fixed-table-body thead th .th-inner {
    line-height: normal;
}

.bootstrap-table {
    background:white !important;
}

.the-price
{
    background-color: rgba(220,220,220,.17);
    box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff;
    padding: 20px;
    margin: 0;
}

.the-price h1
{
    line-height: 1em;
    padding: 0;
    margin: 0;
}

.subscript
{
    font-size: 25px;
}

/* CSS-only ribbon styles    */
.cnrflash
{
    /*Position correctly within container*/
    position: absolute;
    top: -9px;
    right: 4px;
    z-index: 1; /*Set overflow to hidden, to mask inner square*/
    overflow: hidden; /*Set size and add subtle rounding  		to soften edges*/
    width: 100px;
    height: 100px;
    border-radius: 3px 5px 3px 0;
}
.cnrflash-inner
{
    /*Set position, make larger then 			container and rotate 45 degrees*/
    position: absolute;
    bottom: 0;
    right: 0;
    width: 145px;
    height: 145px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -o-transform: rotate(45deg); /* Opera */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari and Chrome */
    -webkit-transform-origin: 100% 100%; /*Purely decorative effects to add texture and stuff*/ /* Safari and Chrome */
    -ms-transform-origin: 100% 100%;  /* IE 9 */
    -o-transform-origin: 100% 100%; /* Opera */
    -moz-transform-origin: 100% 100%; /* Firefox */
    background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.1) 50%), linear-gradient(0deg, transparent 0%, rgba(1,1,1,.2) 50%);
    background-size: 4px,auto, auto,auto;
    background-color: #aa0101;
    box-shadow: 0 3px 3px 0 rgba(1,1,1,.5), 0 1px 0 0 rgba(1,1,1,.5), inset 0 -1px 8px 0 rgba(255,255,255,.3), inset 0 -1px 0 0 rgba(255,255,255,.2);
}
.cnrflash-inner:before, .cnrflash-inner:after
{
    /*Use the border triangle trick to make  				it look like the ribbon wraps round it's 				container*/
    content: " ";
    display: block;
    position: absolute;
    bottom: -16px;
    width: 0;
    height: 0;
    border: 8px solid #800000;
}
.cnrflash-inner:before
{
    left: 1px;
    border-bottom-color: transparent;
    border-right-color: transparent;
}
.cnrflash-inner:after
{
    right: 0;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.cnrflash-label
{
    /*Make the label look nice*/
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(1,1,1,.8);
    font-size: 0.95em;
    font-weight: bold;
    text-align: center;
}

.bgright {
    padding-top: 15px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-left: 1px solid #337ab7;
}

.bright .form-group {
	padding:10px !important;
}

small.text-muted{
    font-weight: normal !important;
}

.noborder,
table.noborder th,
table.noborder td{
	border:0px !important;
}

div.mce-panel {
    border-color:rgba(0, 0, 0, 0.1) !important;
}

div.mce-fullscreen {
    z-index: 10000 !important;
}





.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    border-top: 0 !important;
}
.img-sm {
    min-width: 32px;
    min-height: 32px;
}
.table-valign-center td {
	vertical-align: middle !important;
}

.scrollable-menu {
    height: auto;
    max-height: 240px;/* 180 bo na mobilkach lepiej widac*/
    overflow-x: hidden;
}

.scrollable-menu::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 6px;
}
.scrollable-menu::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: lightgray;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.75);
}
.api_channel {
    /*margin: 10px 10px 0px 0px;*/
    border: 1px solid #f3f3f3;
    padding: 15px;
    min-height: 255px !Important;
    text-align: center;
    background:white;
}

.integration-record-inactive {
    background:#ececec;
}

.api_channel img {
    margin-top:20px;
}
.api_channel a {

}

.api_channel p {
    font-size:10px;
}

.api_channel .inactive,.inactive img {
    filter: grayscale(100%);
    opacity: 0.8;
}

table.table-zamienniki td {
    font-size:11px;
}

/*select2*/
#toolbar  span.selection {
    font-size:12px;
    color:gray;
}

#toolbar small.text-info {
    vertical-align: middle;
}

.fixed-table-toolbar {
    background: #f4f6fa;
    margin: 0px;
    padding-left: 15px;
    padding-right: 15px;
}

/*div.wrapper-content {*/
    /*padding-bottom:100px !important;*/
    /*min-height:1500px;*/
/*}*/
.row.widgets-list {
    margin: 0px !important;
}

.navbar-top-links li a {

}

@media only screen and (max-width: 1200px) {

    .btn-group-mt-nav span.nav-btn-label {
        display: none;
    }

    a.btn.btn-primary.btn-dark-navbar-top i.hide-width {
        display: inline-block !important;

    }

}

@media only screen and (max-width: 1360px) {
    /*.btn-group-mt-nav span.nav-btn-label {*/
    /*    display: none;*/
    /*}*/

    a.btn.btn-primary.btn-dark-navbar-top i.hide-width {
        display: none;

    }

}

@media (min-width: 768px) {
    #page-header.inverted .navbar-right .dropdown-menu {
        left: 25px !important;
        width: 300px !important;
    }

    .inverted #switcher_button_bottom .navbar-right .dropdown-menu-right {
        right: auto;
        left: 0;
    }

    .inverted #switcher_button_bottom .dropdown-menu-right .dropdown-submenu .dropdown-menu,
    .inverted #switcher_button_bottom .navbar-right .dropdown-submenu .dropdown-menu {
        /*left: 100%;*/
        /*right: 0;*/
        left: 25px !important;
        width: 300px !important;
    }
}

.btn-group-mt-nav a i {
    margin: 5px 5px 0px 0px;
}
span.widgetbox-order-price-type{
    position: absolute;
    top: 15px;
    right: 25px;
    font-size: 15px;
    opacity: 0.6;
}

/*@media only screen and (min-width: 1600px) {*/
/*    a.btn.btn-primary.btn-dark-navbar-top i {*/
/*        display: none;*/

/*    }*/

/*}*/

.select2-container--default .select2-selection--single {
    border: 1px solid #e5e6e7 !important;
}

.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-right: 30px;
}
.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 10px 12px;
    pointer-events: none;
}

.table-smallfont td,.table-smallfont th {
    font-size:10px;
    vertical-align: middle !important;
}
.nav.navbar-top-links li.notification-menu-mt div a {
    font-size: 11px;
    padding: 0px 5px 0px 0px;
}
.nav.navbar-top-links li.notification-menu-mt p {
    font-size: 11px;
    margin:0px;
}

div.search-body{
    max-width:490px;
}
div.search-body small a{
    padding: 0px 5px 0px 0px;
    color:#222;
}
div.search-body small a:hover{
    color:#fff;
}

.clear-padding-left {
    padding-left:0px !important;
}

.clear-padding-right {
    padding-right:0px !important;
}


.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top:1px solid #f3f3f3 !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu div{
    display: block;
}


.wrapper-loading {
    opacity:0.5;
}
.btn-help {
    /* border-radius: 50%; */
    color: #ffffff !important;
    background: #FFAB00 !important;
}
input:invalid,textarea:invalid {
    border: 1px solid #f4433675;
    outline: none;
    /* box-shadow: 0px 0px 2px red; */
    border-radius: 3px;
    /* color: white; */
    background: #ffe8e8;
}

dl#tracking-legend {
    min-width: 300px;
    max-width: none;
}
dl#tracking-legend dt, dl#tracking-legend dd {
    display: inline-block;
    min-width: 40%;
    max-width: 48%;
    box-sizing: border-box;
}
dl#tracking-legend dt:after {
    content: ": ";
}

dl#document-legend dt, dl#document-legend dd {
    display: inline-block;
    box-sizing: border-box;
}
dl#document-legend dt:after {
    content: ": ";
}
dl#document-legend dd:after {
    content: " ";
    margin-right: 10px;
}

table.document .align-right {
    text-align: right;
}

#page-wrapper-standalone {
    margin: 20px 250px;
}

.img-xs {
    min-width: 16px;
    min-height: 16px;
    width: 16px;
    height: 16px;
}

img.img-scaledown {
    object-fit: scale-down !important;
}



.editable-empty-invisible {
    display: none;
}

/* Important part */
.dialog-scrollable .modal-dialog{
    overflow-y: initial !important
}
.dialog-scrollable .modal-body{
    max-height: calc(100vh - 250px);
    overflow-y: auto;
}

.fw-thin {
    font-weight: 100 !important;
}

.fw-boldest {
    font-weight: 600 !important;
}

thead th .th-inner,
tbody td .th-inner {
    padding: 5px;
}

.fixed-table-container tbody td:first-child { padding-left:15px !important; vertical-align: middle !important; }
.fixed-table-container thead th:first-child { padding-left:10px !important; }
.fixed-table-container tbody td:last-child { padding-right:22px !important; }
.fixed-table-container thead th:last-child { padding-right:15px !important; }

.tooltip.top .tooltip-arrow {
    border-top-color: #0647a5 !important;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #0647a5 !important;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #0647a5 !important;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #0647a5 !important;
}
.tooltip-inner {
    background-color: #0647a5 !important;
    /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
    color: #fff;
}

table.tooltip-table tr {

}

table.tooltip-table td {
    padding: 3px;
    border:1px dashed white !important;
    font-size:11px !important;
    white-space: nowrap;
    text-align: center;
}

table.tooltip-table th {
    padding: 3px;
    text-align: center;

    font-weight:bold;
    border:2px dashed white !important;
}


ul .dropdown-header {
    padding: 4px 24px;
}

.register-header {
    background-image: url(/user_themes/masstrade/style/images/bg_landing.jpg);
    background-position-y: top;
    color: white;
}

.register-header.b2b-register-header {
    background-image: none;
    color: var(--primaryColorContrast);
    background: var(--primaryColor);
}

/**
5 columns
 */

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/**
8 columns
 */

.col-xs-8ths,
.col-sm-8ths,
.col-md-8ths,
.col-lg-8ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 0px !important;
}

.col-xs-8ths {
    width: 12.5%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-8ths {
        width: 12.5%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-8ths {
        width: 12.5%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-8ths {
        width: 12.5%;
        float: left;
    }
}

.wrapper-content .details-left  .bootstrap-table {
    margin-top:0px !important;
}


/*@media screen and (max-width: 1600px) {*/
/*    .b2b-free-search-container {*/
/*        display: none !important;*/
/*    }*/
/*}*/
.b2b-free-search-container {
    color: #333;
    display:inline-block;
    margin:12px;
}


#b2b_free_search_input {
    width: 140px;
}

@media screen and (max-width: 767px) {
    .b2b-free-search-container {
        width: calc(100% - 24px);
    }
    .b2b-free-search-container .form-group {
        margin-bottom: 0 !important;
        text-align: center;
    }
    .b2b-free-search-container .input-group {
        display: inline;
        margin-right: 5px;
    }

    #b2b_free_search_input {
        width: 90%;
    }
}

@media screen and (max-width: 470px) {
    #b2b_free_search_input {
        width: 80%;
    }
}

select.make-chart-select,select.make-table-select {
    border: 0;
    font-weight: 400;
    text-decoration: underline #0747a6;
    color: black;
}


#node_body .introjs-tooltiptext {
    font-size:14px;
}

#b2b-sync-indicator {
    cursor:help;
    display:none;
    text-align: center;
}

.categories_drop_right {
    right: 35px !important;
    left: auto !important;
}

div.header-seller-account-info {
    float: left;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    /* vertical-align: middle; */
    padding: 12px;
    /*text-align: right;*/
}

div.header-seller-account-info span {
    font-size: 19px;
    font-weight: bold;
}

span.customer-email {
    font-size: 12px;
    /* color: #337ab7; */
    margin-left: 0px;
    padding-left: 0px;
}

.btn-make-on-selection span.licznik_zaznaczen.label {
    background: none;
    font-size: inherit;
}
span.phpdebugbar-widgets-duration.phpdebugbar-widgets-duration-slow {
    background: red;
    color: white !important;
    padding: 2px;
    /* font-size: 15px !important; */
}