.add_to_cart_csv_message {
    background: none repeat scroll 0 0 #f4f4f4;
    border-left: 5px solid #2e8ab8;
    margin-bottom: 10px;
    padding: 7px 10px 7px 20px;
    position: relative;
}
.qo-spacer {
    display: block;
    font-size: 13px;
    height: auto;
    left: auto;
    line-height: 16px !important;
    margin: 10px auto;
    overflow: visible;
    position: relative;
    text-align: center;
    top: auto;
    width: auto;
}
#basketContent .qo-spacer table {
    border: medium none;
    width: 100%;
}
.qo-spacer table td {
    vertical-align: middle;
}
.qo-spacer .qo-border {
    border-top: 1px solid #e5e2e2;
    width: 100%;
}
.qo-spacer table td.w45{
    width: 45%;
}
.qo-spacer .qo-bordertext {
    color: #b2b2b2;
    font-size: 17px;
    text-align: center;
}
.qo-spacer table td {
    vertical-align: middle;
}
#quickorderpopup .page-title h1{
    font-size: 16px;
    color: #636363;
    border-bottom: 1px solid #ededed;
    font-weight: 600;
    margin-bottom: 15px;
    padding-bottom: 3px;
    text-transform: uppercase;
}
#quickorderpopup .add-to-cart-from-csv .buttons-set .back-link {
    display: none;
}
#quickorderpopup .add-to-cart-from-csv .buttons-set{
    border-top: medium none;
    padding: 11px 0;
    text-align: right;
}
.add_to_cart_csv_message > a {
    float: right;
    opacity: 0.6;
}
.link-quickorder,.link-quickorder:hover,.link-quickorder:focus {
    color: #fff;
}
#quickorder_link.quickorder.button {
    position: fixed;
    right: 0;
    z-index: 999;
    padding: 7px 15px;
}
#quickorder_link.quickorder.button a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}
#basketContent  table {
    border: 1px solid #ccc;
}
.quickorder-index-index  #basketContent  table {
    border: none;
}
.quickorder-index-index #cart_grid_form{
    border: 1px solid #ccc;  
}
.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    max-height: 280px;
    overflow: auto;
    overflow-x: hidden;
    text-align:left;
    background: #ffffff none repeat scroll 0 0;
    color: #333333;
    border: 1px solid #c5c5c5;
    width: 220px;
    padding: 0;
}
.ui-autocomplete.ui-menu .ui-menu-item {
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    margin: 0;
    padding: 0 7px;
}
.ui-autocomplete.ui-menu .ui-menu-item-wrapper {
    padding: 3px 1em 3px 0.4em;
    position: relative;
}

.ui-autocomplete .ui-state-active,.ui-autocomplete .ui-state-focus,
.ui-autocomplete .ui-widget-content .ui-state-active,
.ui-autocomplete .ui-widget-header .ui-state-active,
.ui-autocomplete a.ui-button:active,
.ui-autocomplete .ui-button:active,
.ui-autocomplete .ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}
.mfp-bg {
    background: none repeat scroll 0 0 #0b0b0b;
    height: 100%;
    left: 0;
    opacity: 0.8;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1042;
}
.mfp-hide {
    display: none !important;
}
.mfp-wrap {
    height: 100%;
    left: 0;
    outline: 0 none !important;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1043;
}
.mfp-container::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mfp-container {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    padding: 0 8px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.mfp-auto-cursor .mfp-content {
    cursor: auto;
}
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    cursor: auto;
    width: 100%;
}
.mfp-content {
    display: inline-block;
    margin: 0 auto;
    position: relative;
    text-align: left;
    vertical-align: middle;
    z-index: 1045;
}
#quickorderpopup.white-popup-block {
    background: none repeat scroll 0 0 #fff;
    margin: 10px auto;
    max-width: 730px;
    padding: 30px;
    position: relative;
    text-align: left;
}
.mfp-close-btn-in .mfp-close {
    color: #333;
}
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -moz-user-select: none;
}
.mfp-arrow,#quickorderpopup .mfp-close {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 0;
    color: #000000;
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 30px;
    font-weight:bold;
}
.ui-autocomplete{
    z-index: 9999;
}
.quick-loader{
    /*    left: 50%;*/
    margin: 0 auto;
    position: absolute;
    right: 50%;
    top: 50%;
    z-index: 9;
}
.qo-form-processing{
    opacity:0.5;
}
#basketContent .success-msg, #basketContent .error-msg {
    background-position: 10px 9px !important;
    background-repeat: no-repeat !important;
    border-style: solid !important;
    border-width: 1px !important;
    font-size: 11px !important;
    font-weight: bold !important;
    min-height: 24px !important;
    padding: 8px 8px 8px 32px !important;
    margin: 10px 0;
}
#basketContent .error-msg {
    background-color: #FAEBE7;
    background-image: url("../images/i_msg-error.gif");
    border-color: #F16048;
    color: #DF280A;
}
#basketContent .success-msg {
    background-color: #EFF5EA !important;
    background-image: url("../images/i_msg-success.gif") !important;
    border-color: #446423;
    color: #3D6611;
}
.price_loader{
    text-align: center;   
}
#order_details tfoot .a-right.last{
    text-align: right;   
}
@media(max-width:560px){
    #quickorderpopup.white-popup-block {
    padding: 10px;
}
}

/* 

====== Zoom-out effect ======

*/
.mfp-zoom-out.mfp-bg {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-bg.mfp-ready {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
}
.mfp-zoom-out.mfp-bg.mfp-removing {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
.mfp-zoom-out .mfp-content{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}
.mfp-zoom-out.mfp-ready .mfp-content {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.mfp-zoom-out.mfp-removing .mfp-content {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

/* 

====== Zoom-in effect ======

*/
.my-mfp-zoom-in {
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -webkit-transform : scale(0.8);
}
.my-mfp-zoom-in.mfp-ready {
    opacity: 1;
    transform: scale(1);
    -webkit-transform : scale(1);
}
.my-mfp-zoom-in.mfp-removing{
    opacity: 0;
    transform: scale(0.8);
    -webkit-transform : scale(0.8);
}
.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: opacity 0.3s ease-out 0s;
    -webkit-transition :  opacity 0.3s ease-out 0s ;
}
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}


/* 

====== Fade effect ======

*/
.mfp-fade .mfp-content, .mfp-fade.mfp-bg {
    opacity: 0;
    transition: opacity .5s ease-out;
    -webkit-transition : opacity .5s ease-out ;
}
.mfp-fade.mfp-ready .mfp-content {
    opacity: 1;
}
.mfp-fade.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-fade.mfp-removing.mfp-bg {
    opacity: 0;
}
.mfp-fade.mfp-removing .mfp-content {
    opacity: 0;
}

/* 

====== Move-horizontal effect ======

*/
.mfp-move-horizontal {
    /* start state */
    /* animate in */
    /* animate out */
}
.mfp-move-horizontal .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s;
    transform: translateX(-50px);
    -webkit-transform : translateX(-50px);
    -webkit-transition :all 0.3s;
}
.mfp-move-horizontal.mfp-bg {
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition : all 0.3s ;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform : translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
    transform: translateX(50px);
    opacity: 0;
    -webkit-transform : translateX(50px);
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
    opacity: 0;
}
.quickorder-index-index #quickorderpopup.white-popup-block{
    display: block!important;
    max-width: initial;
    position: initial;
    padding: 0;
}
.quickorder-index-index #quickorderpopup.white-popup-block .mfp-close{
    display: none;
}