/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 22.06.2015, 18:21:44
    Author     : alexander
*/

table.ntl_basket_table {
    width: 100%;
    user-select:none;
    -moz-user-select:none;
    -webkit-user-select: none;
    -khtml-user-selct:none;
    -o-user-select:none;        
}

table.ntl_basket_table thead tr,table.ntl_basket_table thead tr th {
    background-color: lightgray;
    text-align: left;
    padding: 11px 10px;
}

table.ntl_basket_table tbody td{
    padding: 11px 10px;
    vertical-align: middle;
    user-select:none;
    -moz-user-select:none;
    -webkit-user-select: none;
    -khtml-user-selct:none;
    -o-user-select:none;        
}

table.ntl_basket_table tbody tr:nth-child(even),table.basket-table-table tbody tr:nth-child(even) td {
    background-color: whitesmoke;
    user-select:none;
    -moz-user-select:none;
    -webkit-user-select: none;
    -khtml-user-selct:none;
    -o-user-select:none;    
    transition:opacity 0.3s;
}

table.ntl_basket_table tfoot tr._nobt,table.ntl_basket_table tfoot tr._nobt td{
    padding-top:2px;
    padding-bottom:2px;
}

table.ntl_basket_table tbody tr.NTL_DRAGDROP_DRAGGING{
    opacity:0.3;
}

table.ntl_basket_table tfoot tr,table.ntl_basket_table tfoot tr td{
    background-color: white;
    font-weight: bold;
    border:none;
    user-select:none;    
    -moz-user-select:none;
    -webkit-user-select: none;
    -khtml-user-selct:none;
    -o-user-select:none;        
}
table.basket-table-table tfoot tr:first-child,table.basket-table-table tfoot tr:first-child td {
    border-top: 2px solid #00acc8;
}

table.ntl_basket_table .ntl_basket_table_shapo,table.ntl_basket_table .ntl_basket_table_shapo th{
    margin:0;
    padding:10px 0px 10px 10px;    
    color:white;
    background-color:#00acc8;        
}


table.ntl_basket_table td.counter {    
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;    
    -webkit-user-select: none;
}
table.ntl_basket_table td.counter .counter-wrapper {
    margin:2px 0px;padding:0px 0px;position:relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;  
    -webkit-user-select: none;
}


table.ntl_basket_table td.counter .counter-wrapper input[type=text] {
    margin: 0px;
    font-size: 12px;
    margin: 0px;
    box-sizing: border-box;
    width: 100%;
    min-height: 0px;
    height: auto;
    border: 1px solid silver;
    background-color: transparent;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    transition: border 0.3s;
    text-align: center;
    padding: 4px 12px;
    transition:border 0.3s;
}


table.ntl_basket_table td.counter .counter-wrapper  input[type=text]:focus{
    border: 1px solid #00acc8;    
}
table.ntl_basket_table td.counter .counter-wrapper  input[type=text].overcap{
    border: 1px solid red;    
}

table.ntl_basket_table td.counter .counter-wrapper .basket-minus,
table.ntl_basket_table td.counter .counter-wrapper .basket-plus{
    width: 12px;
    height: 25px;
    background-image:url(/front/sprite/basket/basket_sprite_1.png);
    cursor:pointer;    
    position:absolute;    
    top:0px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;   
    -webkit-user-select: none;
    opacity:0.0;
    transition:opacity 0.3s;    
}
table.ntl_basket_table td.counter:hover .counter-wrapper .basket-minus,
table.ntl_basket_table td.counter:hover .counter-wrapper .basket-plus{
    opacity:0.7;
}
table.ntl_basket_table td.counter .counter-wrapper .basket-minus:hover,
table.ntl_basket_table td.counter .counter-wrapper .basket-plus:hover{
    opacity:1.0;
}
table.ntl_basket_table td.counter .counter-wrapper .basket-minus{
    background-position:-268px -24px;
    position:absolute;
    left:0px;    
}



table.ntl_basket_table td.counter .counter-wrapper .basket-plus{
    background-position:-256px -24px;
    right:0px;    
}
table.ntl_basket_table tbody tr input[type=text] {
    margin: 0px;
    padding: 7px 10px;
    font-size: 12px;
    margin: 0px;
    box-sizing: border-box;
    width: 100%;
    min-height: 0px;
    height: auto;
    border: 1px solid transparent;
    background-color: transparent;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    transition: border 0.3s;
}


table.ntl_basket_table tbody tr input[type=text]:focus {
    border: 1px solid silver;
}




.ntl_basket_table i.icon,
.fixed-table-bsl i.icon{
    width:14px;
    height:14px;
    display: inline-block;
    background-image: url(/front/sprite/bootstrap/default.png);
    cursor: pointer;
    margin: 0px;
    padding: 0px;
}
.ntl_basket_table i.icon.hovericon,
.fixed-table-bsl i.icon.hovericon{
    cursor:pointer;
    opacity:0.7;
    transition:opacity 0.3s;
}
.ntl_basket_table i.icon.hovericon:hover,
.fixed-table-bsl i.icon.hovericon:hover{
    opacity:1.0;
}


.ntl_basket_table i.icon.red,
.fixed-table-bsl i.icon.red{
    background-image: url(/front/sprite/bootstrap/red.png);
}

.ntl_basket_table i.icon.ntlcolor,
.fixed-table-bsl i.icon.ntlcolor{
    background-image: url(/front/sprite/bootstrap/ntl.png);
}

.ntl_basket_table i.icon.icon-remove,
.fixed-table-bsl i.icon.icon-remove{
    background-position: -312px 0;
}
.ntl_basket_table i.icon.icon-arrow-up{
    background-position: -290px -96px;
}

table.ntl_basket_table thead th.remover,
table.ntl_basket_table tbody td.remover{
    padding:0;    
    width:20px;
    max-width: 20px;
    min-width: 20px;
    text-align: center;    
}

table.ntl_basket_table tbody tr td.tdcheck, table.ntl_basket_table thead tr th.tdcheck {
    padding: 0;
    /* padding-left: 3px; */
    width: 18px;
    max-width: 18px;
    min-width: 18px;
    text-align: center;
}

table.ntl_basket_table thead tr th.counter,table.ntl_basket_table tbody td.counter {   
    text-align: center;
    margin:0px;padding:0px;min-width:70px;max-width:70px;width:70px;    
}

table.ntl_basket_table thead tr th.ostatok,table.ntl_basket_table tbody tr td.ostatok {
    text-align: center;
    width: 70px;
    max-width: 70px;
    min-width: 70px;
}

table.ntl_basket_table thead tr th.price,table.ntl_basket_table tbody tr td.price {
    text-align: center;
    width: 100px;
    max-width: 100px;
    min-width: 100px;
    padding-left:5px;padding-right:5px;
}
table.ntl_basket_table tbody tr td.price {
    text-align: right;
}

table.ntl_basket_table thead tr th.rowtotal {
    text-align: center;
    width: 133px;
    max-width: 133px;
    min-width: 133px;
}
table.ntl_basket_table tbody tr td.rowtotal {
    text-align: right;
    width: 133px;
    max-width: 133px;
    min-width: 133px;
}
table.ntl_basket_table thead tr th.discount,table.ntl_basket_table tbody tr td.discount {
    text-align:center;width:60px;max-width:60px;min-width:60px;
}

table.ntl_basket_table tbody tr td.discount .discount_value {    
    color: red;
}
table.ntl_basket_table.ntl_basket_table_gift  tbody tr td.discount{
    text-align:right;
    color:red

}

th.ntl_basket_table_totals_text {
    text-align: right;
    padding: 7px 28px;
}

.ntl_basket_area_header {
    margin: 20px 0px 10px 0;
    padding: 10px;
    background-color: #00acc8;
    color: white;
    font-weight: bold;
}

table.ntl_basket_table thead tr th.ntlbasket_product_article,table.ntl_basket_table tbody tr td.ntlbasket_product_article{
    width:90px;max-width:90px;min-width:90px;overflow:hidden;padding-left:5px;
} 
table.ntl_basket_table tfoot th.ntl_basket_table_total_value {
    text-align: right;
    padding-right:26px;
}

.basket-page-wrapper{
    position:relative;
    min-height:400px;    
}
.basket-wrapper{
    position:relative;
    min-height:200px;    
}
.basket-fake-loader{
    position:absolute;
    z-index:2;
    background-repeat: no-repeat;
    background-position: center;
    padding:200px 0px;
    background-image: url(/front/img/loaders/formloader.GIF);
    width:100%;top:0px;left:0px;background-color:white;opacity:0.5;
}

.ntl_basket_area_loader{
    position:absolute;
    z-index:2;
    background-repeat: no-repeat;
    background-position: center;
    min-height:200px;
    background-image: url(/front/img/loaders/formloader.GIF);
    width:100%;top:0px;left:0px;background-color:white;opacity:0.5;
}

span.ntl_basket_color_label {
    font-weight: bold;
    font-style: italic;
    margin-right: 9px;
}

span.ntl_basket_color_value {
    font-style: italic;
}

span.ntl_basket_option_article {
    font-weight: bold;
    font-style: italic;
    margin-right: 8px;
}

span.ntl_basket_option_name {
    font-style: italic;
    /* margin-right: 15px; */
}

span.ntl_basket_option_multiplier {
    margin-left: 15px;
    margin-right: 5px;
    font-weight: bold;
}

span.ntl_basket_option_count {
    font-weight: bold;
}

.ntl_basket_control_panel{          
    width:100%;
    padding:1px;
    padding-left:0px;
    position:static;
    background-color:white;
    left:0px;
    transition:border 0.3s,padding 0.3s;
}
.ntl_basket_control_panel .ntl_basket_button:first-child{
    margin-left:0px;
}

.activated .ntl_basket_control_panel{
    padding-bottom:2px;
    border-bottom:1px solid silver;    
}
.ntl_basket_control_panel.fixed{
    position:fixed;
    top:0px;
    width:auto;
    border:1px solid silver;
    box-shadow:3px 3px 10px silver;
    border-radius: 0 0 8px 8px;
    border-top:none;
    margin:0px;
}

.ntl_basket_cp_wraper{
    min-height:35px;
    display:none;  
}


span.ntl_basket_button {
    display: inline-block;
    padding: 8px 10px;
    border: 2px solid white;
    background-color: #00acc8;
    color: white;
    font-weight: bold;
    transition: background 0.3s,color 0.3s,border 0.3s;
    cursor: pointer;
    margin-right: 3px;
    margin-left: 3px;
}

span.ntl_basket_button:hover {
    border: 2px solid #00acc8;
    color: #00acc8;
    background-color: white;
}
.ntl_basket_empty_inner {
    border: 1px solid red;
    padding: 100px;
}

span.ntl_basket_button.disabled {
    background-color: lightgray;
    cursor: default;
}

span.ntl_basket_button.disabled:hover {
    border: 2px solid white!important;
    color: white;
    background-color: lightgray;
}

.ntl_basket_area_lor {
    margin: 20px auto;
    border: 1px solid silver;
    padding: 20px;
    max-width: 450px;
    box-shadow: 3px 3px 10px silver;
    text-align: center;
}

.basket_lor_text {
    margin-bottom: 13px;
    font-size: 14px;
    color: #00acc8;
}

span.ntl_basket_lor_or_tx {
    display: inline-block;
    font-size: 14px;
    color: #00acc8;
    margin-left: 20px;
    margin-right: 20px;
}

span.ntl_basket_button.orange {
    background-color: orange;
}

span.ntl_basket_button.orange:hover {
    color: orange;
    background-color: white;
    border: 2px solid orange;
}
span.ntl_basket_button.orange.disabled {
    background-color: lightgray;
    cursor: default;
}

span.ntl_basket_button.orange.disabled:hover {
    border: 2px solid white!important;
    color: white;
    background-color: lightgray;
}

.ntl_basket_empty_inner {
    max-width: 365px;
    background-image: url(/front/img/basket/emptybasket.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    padding-left: 100px;
    padding-top: 24px;
    padding-bottom: 25px;
    padding-right: 25px;
    border: 1px solid silver;
    box-shadow: 3px 3px 10px silver;
    margin: 10px auto;
    font-size: 14px;
    color: #00acc8;
}

table.fixed-table-bsl {
    width: 100%;
}

table.fixed-table-bsl thead tr {
    border-bottom: 1px solid #00acc8;
}

table.fixed-table-bsl thead tr th {
    padding: 7px 2px;
    text-align: left;
    background-color: lightgray;
}

table.fixed-table-bsl thead tr th.bsl_control,
table.fixed-table-bsl tbody tr td.bsl_control {
    width: 20px;
    max-width: 20px;
    min-width: 20px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

table.fixed-table-bsl tbody td {
    padding: 5px 2px;
    text-align: left;
    vertical-align: middle;
}

table.fixed-table-bsl tbody tr,table.fixed-table-bsl tbody tr td {
    cursor: pointer;
    transition:background 0.3s,color 0.3s;
}

table.fixed-table-bsl tbody tr:nth-child(even),table.fixed-table-bsl tbody tr:nth-child(even) td {
    background-color:#caeffa;
}
table.fixed-table-bsl tbody tr:nth-child(odd),table.fixed-table-bsl tbody tr:nth-child(odd) td {
    background-color:white;
}
table.fixed-table-bsl tbody tr:hover,table.fixed-table-bsl tbody tr:hover td {
    background-color:#cadcfa;
}


table.fixed-table-bsl tbody tr.selected,table.fixed-table-bsl tbody tr.selected td,
table.fixed-table-bsl tbody tr.selected:hover,table.fixed-table-bsl tbody tr.selected:hover td{
    background-color: #00acc8;
    color: white;
}
.empty_load_text {
    padding-top: 7px;
    margin-top: 15px;
    border-top: 1px solid #00acc8;
    color: #00acc8;
    font-size: 14px;
}

span.ntl_basket_button_loader {
    -ppp-display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: middle;
    background-image: url(/front/img/loaders/3535.GIF);
    margin-left: 10px;
    display: none;
    vertical-align: top;
    margin-top:15px;
    margin-left:15px;
}
.btlb_loading span.ntl_basket_button_loader{
    display:inline-block;
}

td.discount .gift_v{
    display:none;
}

table.ntl_basket_table td.discount.le_gift .gift_v{
    background-image: url(/front/sprite/basket/gift_2424.png);
    background-repeat: no-repeat;
    background-position: center;
    display:block;
    vertical-align:middle;
    min-height: 24px;
}
span.ntl_basket_option_discount {
    font-size: 10px;
    color: red;
    display: inline-block;
    margin-left: 7px;
}

table.ntl_basket_table a.colorchanger,table.ntl_basket_table a.colorchanger:hover,table.ntl_basket_table a.colorchanger:visited,table.ntl_basket_table a.colorchanger:active{
    color:black;    
    text-decoration: underline;
}
table.ntl_basket_table a.configChanger,table.ntl_basket_table a.configChanger:hover,table.ntl_basket_table a.configChanger:visited,table.ntl_basket_table a.configChanger:active {
    color: #585858;
    display: inline-block;
    text-decoration: underline;
    font-weight:bold;
    font-style: italic;
    cursor: pointer;
}

table.NTL_BSK_options_tbl tbody td {
    padding-top: 2px;
    padding-bottom: 2px;
}

table.NTL_BSK_options_tbl tbody td.ntl_basket_option_article {    
    width:1px;        
}

table.NTL_BSK_options_tbl {
    font-size: 11px;
    width:100%;
    user-select:none;
    -moz-user-select:none;
    -webkit-user-select: none;
    -khtml-user-selct:none;
    -o-user-select:none;     

}

table.NTL_BSK_options_tbl tbody td {
    overflow: hidden;
    padding-left: 0;
    user-select:none;
    -moz-user-select:none;
    -webkit-user-select: none;
    -khtml-user-selct:none;
    -o-user-select:none;     
}

table.NTL_BSK_options_tbl tbody td.ntl_opt_tbl_mult {
    padding-right: 0;
    text-align: right;
    width:1px;
}


table.ntl_basket_table tbody tr.selected:nth-child(even), table.ntl_basket_table tbody tr.selected:nth-child(even) td {
    background-color: rgb(189, 233, 245);
}

table.ntl_basket_table tbody tr.selected:nth-child(odd), table.ntl_basket_table tbody tr.selected:nth-child(odd) td {
    background-color: rgb(176, 224, 237);
}

.NTD_DRAGDROP_HELPER{
    display:block;
    position:absolute;
    width:36px;
    height:36px;    
    opacity:0.7;
    background-image:url(/front/sprite/basket/drag.png);
    background-color:rgba(0,0,0,0.5);
    background-position:center;
    border-radius:7px;
    box-shadow:3px 3px 7px silver;
    background-repeat: no-repeat;
    z-index: 50;
}

.ntl_basket_button_g{
    width:64px;
    height:64px;
    display:inline-block;
    opacity:0.6;
    margin:2px 3px;
    cursor:pointer;
    background-image:url(/front/sprite/basket/panel.png);    
    transition:opacity 0.3s,border 0.3s, border-radius 0.3s,background-color 0.3s;
    border:none;
    background-color: white;
}
.ntl_basket_button_g{
    opacity:1.0;
}


.ntl_basket_button_g.disabled,.ntl_basket_button_g.disabled:hover,
.ntl_basket_button_g.disabled.NTL_DROPZONE_HOVER{
    cursor:initial;
    opacity:0.3;        
    border-radius: 0;
    background-color:white;
}
.ntl_basket_button_g.NTL_DROPZONE_HOVER{
    opacity: 1.0;    
    border-radius: 10px; 
    background-color:rgba(0,0,0,0.3);
}


.ntl_basket_button_g.g_clean{
    background-position: 0px 0px;
}
.ntl_basket_button_g.g_clean.disabled{
    background-position: 0px -64px;
}
.ntl_basket_button_g.g_save{
    background-position: -128px 0px;
}
.ntl_basket_button_g.g_save.disabled{
    background-position: -128px -64px;
}
.ntl_basket_button_g.g_open{
    background-position: -64px 0px;
}
.ntl_basket_button_g.g_open.disabled{
    background-position: -64px -64px;
}
.ntl_basket_button_g.g_basket{
    background-position: -192px 0px;
}
.ntl_basket_button_g.g_basket.disabled{
    background-position: -192px -64px;
}
.ntl_basket_button_g.g_pre{
    background-position: -256px 0px;
}
.ntl_basket_button_g.g_pre.disabled{
    background-position: -256px -64px;
}
.ntl_basket_button_g.g_order{
    background-position: -320px 0px;
}
.ntl_basket_button_g.g_order.disabled{
    background-position: -320px -64px;
}

/*
.leftside{
    max-height: 46px;
    overflow:hidden;
    position:absolute;  
    z-index:25;
    background-color:white;
    top:98px;
}
.leftside:hover{      
    max-height: none;
    box-shadow: 2px 11px 9px black;
    padding-bottom: 15px;
    border-radius: 0 0 5px 5px;
}
.main{
    margin-left:0;
    background-color:transparent;
}
.top_second_menu{
    margin-left:281px;
}
.logo{
    position:relative;
    z-index:10;
}
.leftside:hover .box, .leftside:hover>.leftmenu>div:not(.section) {
    margin-left: 10px;
}
*/





table.ntl_basket_table tbody tr td.ostatok .ntl_basket_storage_wrap  .storage-pict{
    display: inline-block;
    background-image: url(/front/sprite/basket/basket_sprite_control.png);
    width: 50px;
    height: 8px;
}
table.ntl_basket_table tbody tr td.ostatok .ntl_basket_storage_wrap .mnogo .storage-pict{
    background-position: -50px 0px;
}
table.ntl_basket_table tbody tr td.ostatok .ntl_basket_storage_wrap .net .storage-pict{
    background-position: -99px -17px;
}

table.ntl_basket_table tbody tr td.ostatok .ntl_basket_storage_wrap .malo .storage-pict{
    background-position: -99px -9px;
}
table.ntl_basket_table tbody tr td.ostatok .ntl_basket_storage_wrap .exact .storage-pict{
    display:none;
}

span.storage_text {
    display: none;
    padding: 4px;
    border: 1px solid red;
    color: red;
    background-color: white;
}

.exact span.storage_text {
    display: inline-block;
}
/*
table.ntl_basket_table tbody tr.missCount:nth-child(even), table.basket-table-table tbody tr.missCount:nth-child(even) td {
    background-color: rgb(245, 228, 228);
}

table.ntl_basket_table tbody tr.missCount:nth-child(odd), table.basket-table-table tbody tr.missCount:nth-child(odd) td {
    background-color: rgb(255, 242, 242);
}
*/



.STICK-Container{    
    position:fixed;
    height:0px;
    width:100%;
    overflow:visible;
    max-height:0px;
    min-height:0px;
    background-color: transparent;
    top:0px;
    left:0px;
    margin:0px;
    padding:0px;        
}


.NTLB2_FIXPOINT{
    position:fixed;height:0px;min-height:0px;max-height: 0px;padding:0;margin:0;z-index:10;
    background-color:transparent;border:none;overflow: visible;top:0px;left:0px;width:100%;
}


.basket_loader {
    position: absolute;
    background-color: rgba(255,255,255,0.5);
    background-image: url(/front/img/loaders/formloader.GIF);
    background-repeat: no-repeat;
    background-position: center;
    z-index:10;
}

/*footers*/
table.ntl_basket_table tfoot{
    display:none;
}
.showFooters table.ntl_basket_table tfoot{
    display:initial;
    display:inherit;
    display:block;
    display:table-footer-group;
}
table.ntl_basket_table tfoot tr {
    background-color: white;
}

table.ntl_basket_table tfoot th {
    text-align: right;
    background-color: white;
    padding-top: 9px;
    border-top: 1px solid #00acc8;
    padding-right: 9px;
}
table.ntl_basket_table tfoot th.poditog_value {
    font-size: 18px;
}

/*Control panels */

.BASKET_AREA{
    display:none;
}
.AREA_PANEL {
    background-color: white;
    padding:5px;
    padding-bottom: 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #00acc8;
    user-select:none;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;-khtml-user-select:none;
}

.AREA_LARGE_BUTTON {
    width: 39px;
    height: 34px;
    display: inline-block;
    background-image: url(/front/sprite/basket/basket_sprite_control.png);
    background-position: center;
    cursor: pointer;
    margin-right:0px;
    -ppp-margin-top:15px;
    user-select:none;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;-khtml-user-select:none;
}

.AREA_LARGE_BUTTON.AREA_LB_REMOVE,
.AREA_LARGE_BUTTON.AREA_LB_REMOVE.disabled.NTL_DROPZONE_ACTIVE{
    background-position: 0px -10px;
    width: 24px;
    height: 24px;
    opacity: 0.6;
    transition:opacity 0.3s;
    margin-right:10px;
}

.AREA_LARGE_BUTTON.AREA_LB_REMOVE.disabled,
.AREA_LARGE_BUTTON.AREA_LB_REMOVE.NTL_DROPZONE_INACTIVE {
    background-position: 0px -45px;
    width: 24px;
    height: 24px;
}

.AREA_LARGE_BUTTON.AREA_LB_MOVE_PREORDER,
.AREA_LARGE_BUTTON.AREA_LB_MOVE_PREORDER.disabled.NTL_DROPZONE_ACTIVE{
    background-position: -39px 0px;
    width: 39px;
    height: 34px;
    transition:opacity 0.3s;
    opacity:0.6;
}

.AREA_LARGE_BUTTON.AREA_LB_MOVE_PREORDER.disabled,.AREA_LARGE_BUTTON.AREA_LB_MOVE_PREORDER.NTL_DROPZONE_INACTIVE {
    background-position: -39px -34px;
}

.AREA_LARGE_BUTTON.AREA_LB_MOVE_BASKET,
.AREA_LARGE_BUTTON.AREA_LB_MOVE_BASKET.disabled.NTL_DROPZONE_ACTIVE{
    background-position: -77px -4px;
    width: 30px;
    height: 30px;
    transition:opacity 0.3s;
    opacity:0.6;
}

.AREA_LARGE_BUTTON.AREA_LB_MOVE_BASKET.disabled,.AREA_LARGE_BUTTON.AREA_LB_MOVE_BASKET.NTL_DROPZONE_INACTIVE {
    background-position: -77px -39px;

}

.AREA_LARGE_BUTTON:hover,
.AREA_LARGE_BUTTON.NTL_DROPZONE_HOVER{
    opacity:1.0!important;
}

.AREA_SMALL_BUTTON {
    width: 30px;
    height: 30px;
    display: inline-block;
    cursor:pointer;
    background-image: url(/front/sprite/basket/basket_sprite_control.png);
    user-select:none;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;-khtml-user-select:none;
}
.AREA_SMALL_BUTTON.disabled{
    cursor:default;
}

.AREA_SMALL_BUTTON.AREA_SB_LOAD {
    background-position: -179px 0px;
}

.AREA_SMALL_BUTTON.AREA_SB_LOAD.disabled {
    background-position: -178px -30px;
}

.AREA_SMALL_BUTTON.AREA_SB_SAVE {
    background-position: -209px 0;
}

.AREA_SMALL_BUTTON.AREA_SB_SAVE.disabled {
    background-position: -209px -30px;
}

.AREA_PAN_SUBHDR,.AREA_PAN_SUBHDR_TOTAL {
    color: #00acc8;
    font-size: 18px;
    font-weight: bold;
    float: left;
    margin-right: 10px;
    user-select:none;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;-khtml-user-select:none;
}

.AREA_PAN_SUBHDR_TOTAL {
    display: none;
}

.BASKET_AREA_FOOTER .AREA_PAN_SUBHDR {
    display: none;
}

.BASKET_AREA_FOOTER .AREA_PAN_SUBHDR_TOTAL {
    display: block;
}

.BASKET_AREA_FOOTER .LARGE_BUTTONS_CONTAINER {
    display: none;
}

.BASKET_AREA_FOOTER .SMALL_BUTTONS_CONTAINER {
    display: none;
}

.AREA_PAN_MUCROCOUNTER {
    float: right;
    user-select:none;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;-khtml-user-select:none;
}

.AREA_CLEARFIX {
    clear: both;
    height: 0px;
    max-height: 0px;
    min-height: 0px;
    border: none;
    padding: 0;
    margin: 0;
    user-select:none;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;-khtml-user-select:none;
}

.LARGE_BUTTONS_CONTAINER {
    float: left;
    vertical-align: bottom;
    margin-top:2px;
    user-select:none;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;-khtml-user-select:none;
}

.AREA_ORDER_BTN,
.AREA_ORDER_BTN.disabled.NTL_DROPZONE_ACTIVE {
    float: right;
    border: 2px solid transparent;
    padding: 7px 10px;
    background-color: orange;
    cursor: pointer;
    color: white;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 8px;
    margin-left: 30px;
    transition:background 0.3s,border 0.3s,color 0.3s;
    user-select:none;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;-khtml-user-select:none;
}
.AREA_ORDER_BTN:hover,
.AREA_ORDER_BTN.disabled.NTL_DROPZONE_ACTIVE:hover{
    color:orange;
    background-color:white;
    border:2px solid orange;
    user-select:none;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;-khtml-user-select:none;
}
.AREA_ORDER_BTN.disabled,.AREA_ORDER_BTN.disabled:hover,
.AREA_ORDER_BTN.NTL_DROPZONE_INACTIVE,
.AREA_ORDER_BTN.NTL_DROPZONE_INACTIVE:hover{
    border: 2px solid transparent;
    background-color:lightgray;
    cursor:default;
    color:white;
    border:2px solid transparent;
}

.SMALL_BUTTONS_CONTAINER {
    vertical-align: bottom;
    float: right;
    margin-top:11px;
    user-select:none;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;-khtml-user-select:none;
}

.NTLB_FIX_WRAP .AREA_PANEL {
    border-bottom: 1px solid #00acc8;
    margin-bottom: 0;
    user-select:none;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;-khtml-user-select:none;
}

.NTLB_FIX_WRAP .AREA_PANEL:last-child {
    -q-border-bottom: 1px solid #00acc8;
}


.ntl_basket_row_remover .ntl_remove_gray {
    display: inline-block;
    cursor: pointer;
    width: 14px;
    height: 14px;
    opacity: 0.7;
    transition: opacity 0.3s;
    background-image: url(/front/sprite/basket/basket_sprite_control.png);
    background-position: -247px -11px;
    margin:0;padding:0;
    user-select:none;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;-khtml-user-select:none;
}

.ntl_basket_row_remover .ntl_remove_gray:hover {
    opacity: 1.0;
}

/*Каунтеры остатка*/
table.ntl_basket_table tbody tr td.ntl_basket_row_ostat .ntl_basket_storage_wrap  .storage-pict{
    display: inline-block;
    background-image: url(/front/sprite/basket/basket_sprite_control.png);
    width: 50px;
    height: 8px;
    user-select:none;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;-khtml-user-select:none;
}
table.ntl_basket_table tbody tr td.ntl_basket_row_ostat .ntl_basket_storage_wrap .mnogo .storage-pict{
    background-position: -284px -69px;
}
table.ntl_basket_table tbody tr td.ntl_basket_row_ostat .ntl_basket_storage_wrap .net .storage-pict{
    background-position: -180px -103px;
}

table.ntl_basket_table tbody tr td.ntl_basket_row_ostat .ntl_basket_storage_wrap .malo .storage-pict{
    background-position: -283px -86px;
}

table.ntl_basket_table tbody tr td.ntl_basket_row_ostat .ntl_basket_storage_wrap .preorder .storage-pict{
    background-position: -180px -60px;
    height:17px;
}

table.ntl_basket_table tbody tr td.ntl_basket_row_ostat .ntl_basket_storage_wrap .exact .storage-pict{
    display:none;
}

span.storage_text {
    display: none;
    padding: 4px;
    border: 1px solid red;
    color: red;
    background-color: white;
    user-select:none;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;-khtml-user-select:none;
}

.exact span.storage_text {
    display: inline-block;
}
/*
table.ntl_basket_table tbody tr.missCount:nth-child(even), table.basket-table-table tbody tr.missCount:nth-child(even) td {
    background-color: rgb(245, 228, 228);
}

table.ntl_basket_table tbody tr.missCount:nth-child(odd), table.basket-table-table tbody tr.missCount:nth-child(odd) td {
    background-color: rgb(255, 242, 242);
}
*/


span.area-total {
    font-size: 21px;
    font-weight: bold;
    color: black;
    user-select:none;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;-khtml-user-select:none;
}

span.panel_value {
    font-weight: bold;
}

span.panel-label {
    font-weight: bold;
}

table td.ntl_basket_row_discount.le_gift{
    text-align:center;
    vertical-align:middle;
    user-select:none;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;-khtml-user-select:none;
}
table td.ntl_basket_row_discount.le_gift .gift_v{
    background-image: url(/front/sprite/basket/basket_sprite_control.png);
    background-repeat: no-repeat;
    background-position: -242px -35px;
    display:inline-block;
    width:26px;
    height:24px;
    vertical-align:middle;  
    user-select:none;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;-khtml-user-select:none;
}

table.ntl_basket_table .oldprice {
    font-size: smaller;
    text-decoration: line-through;
    color: darkgray;
}

table.ntl_basket_table .newprice {
    font-weight: bold;
    color: orangered;
}

table.ntl_basket_table th,table.ntl_basket_table td{
    overflow:hidden; 
    user-select:none;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;-khtml-user-select:none;
}

table.ntl_basket_table th.ntl_basket_row_total ,
table.ntl_basket_table td.ntl_basket_row_total {
    text-align: right;
    font-weight: bold;
    width: 110px;
    max-width:110px;
}

table.ntl_basket_table td.ntl_basket_row_price {
    text-align: right;
    width: 95px;
    max-width:95px;
}
table.ntl_basket_table th.ntl_basket_row_price,
table.ntl_basket_table thead th.ntl_basket_row_total {
    text-align: center;
}

table.ntl_basket_table th.ntl_basket_row_price {
    text-align: center;
}


table.ntl_basket_table th.ntl_basket_row_discount, table.ntl_basket_table td.ntl_basket_row_discount {
    text-align: center;
    width: 55px;
    max-width:55px;
}

table.ntl_basket_table th.td.ntl_basket_row_ostat, table.ntl_basket_table td.ntl_basket_row_ostat {
    width: 63px;
    max-width:63px;
    text-align: center;
}

table.ntl_basket_table th.ntl_basket_row_count,table.ntl_basket_table td.ntl_basket_row_count {
    text-align: center;
    width: 75px;
    max-width:75px;
}

table.ntl_basket_table th.ntl_basket_row_remover,table.ntl_basket_table td.ntl_basket_row_remover {
    text-align: center;
    padding: 4px;
    width: 14px;
    max-width:14px;
}

table.ntl_basket_table th.ntl_basket_row_article,table.ntl_basket_table td.ntl_basket_row_article {
    width: 85px;
    max-width: 85px;
    overflow: hidden;
}
table.ntl_basket_table tr,table.ntl_basket_table tr td{
    transition:background 0.3s;
}

table.ntl_basket_table tr:nth-child(even),table.ntl_basket_table tr:nth-child(even) td{
    background-color:white;
}
table.ntl_basket_table tr:nth-child(odd),table.ntl_basket_table tr:nth-child(odd) td{
    background-color:#e3f1f4;
}

table.ntl_basket_table tr:nth-child(even).selected,table.ntl_basket_table tr:nth-child(even).selected td{
    background-color:#cfe5ea;
}
table.ntl_basket_table tr:nth-child(odd).selected,table.ntl_basket_table tr:nth-child(odd).selected td{
    background-color:#bee5ed;
}


.BASKET_AREA_TITLE {
    margin: 48px 0 15px 0;
    padding: 11px 9px;
    background-color: #00acc8;
    color: white;
    font-weight: bold;
    font-size: 14px;
}


table.ntl_basket_table tr.ntl_table_title,table.ntl_basket_table tr.ntl_table_title th {
    background-color: #00acc8;
    color: white;
}

table.ntl_basket_table {
    margin-bottom: 35px;
}


.NTL-NO-HELP .BASKET_ZONE_HELP{
    display:none!important;
}

table.BASKET-ZONE-HELP-INNER {
    width: 100%;
    table-layout: fixed;
}



table.BASKET-ZONE-HELP-INNER tr.BASKET-HELP-RAZM td.helpzone1 {
    height: 1px;
    max-height: 1px;
    padding: 0px;
    margin: 0px;
    width: auto;
    min-width: 100px;
}

table.BASKET-ZONE-HELP-INNER tr.BASKET-HELP-RAZM td.helpzone2,
table .NTL_GIFT_HELP_CONROL{
    width: 200px;
    max-width: 200px;
    min-width:200px;
    text-align: right;
}



span.BASKET-HELP-HDR {
    font-weight: bold;
    color: #00acc8;
    font-size: 14px;
}
span.BASKET-HELP-HDR-WARN {
    color: red;
    font-size: 14px;
    font-weight: bold;
}

.BASKET-HELP-ITEM {
    font-size: 12px;
}

td.basket-item-help {
    padding: 12px 9px;
    padding-right: 44px;
}

.BASKET_ZONE_HELP {
    padding: 5px 0;
    border-bottom: 1px solid #00acc8;
}

span.buttonCellButton:hover {
    background-color: #00acc8;
}
span.buttonCellButton {
    cursor: pointer;
    padding: 8px 18px;
    background-color: #69cedf;
    color: white;
    font-weight: bold;
    transition: background 0.3s;
}

table.ntl_basket_table   tr.BASKET-RECO-BLOCK, table.ntl_basket_table tr.BASKET-RECO-BLOCK td, table.ntl_basket_table tr.BASKET-RECO-BLOCK th {
    font-weight: normal;
}

.REC-rbz {
    font-weight: normal;
}

span.REC-RBZ-PRODUCT {
    font-weight: bold;
}

span.REC-RBZ-VAL {
    font-weight: bold;
    color: red;
}


.ntl_basket_help {
    width: 24px;
    height: 24px;
    display: none;
    /* background-color: red; */
    margin: 0px;
    padding: 0px!important;
    position: absolute;
    right: 0px;
    top: 0px;
    margin-top: 6px;
    margin-right: 7px;
    background-image: url(/front/sprite/basket/basket_sprite_control.png);
    background-position: -273px -2px;
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 0.4s;
    display: none;
}

.ntl_basket_help:hover {
    opacity: 1.0;
}
.ntl_basket_help[class*='basket_helpable_']{
    display:inline-block;
}

.ntl_basket_table thead tr.NTL_GIFT_HELP_ZONE,.ntl_basket_table thead tr.NTL_GIFT_HELP_ZONE th,.ntl_basket_table thead tr.NTL_GIFT_HELP_ZONE td {
    background-color: white;
}

tr.NTL_GIFT_HELP_ZONE th {
    font-weight: normal;    
}
th.NTL_GIFT_HELP_CONROL {
    text-align: right!important;
}

span.AREA_LARGE_BUTTON_SUBTEXT {
    position: absolute;
    bottom: -15px;
    white-space: nowrap;
    display: block;
    overflow: visible;
}

.AREA_LARGE_BUTTON {
    position: relative;
}
.AREA_LARGE_BUTTON.AREA_LB_REMOVE .AREA_LARGE_BUTTON_SUBTEXT {
    left: -14px;
}

.AREA_LARGE_BUTTON.AREA_LB_REMOVE {
    margin-left: 10px;
}

.AREA_LARGE_BUTTON.AREA_LB_MOVE_PREORDER {
    margin-left: 27px;
}

.AREA_LARGE_BUTTON.AREA_LB_MOVE_PREORDER .AREA_LARGE_BUTTON_SUBTEXT {
    left: -14px;
}
.AREA_LARGE_BUTTON.AREA_LB_MOVE_BASKET {
    margin-left: 25px;
}

.AREA_LARGE_BUTTON.AREA_LB_MOVE_BASKET .AREA_LARGE_BUTTON_SUBTEXT {
    left: -7px;
}
.disabled .AREA_LARGE_BUTTON_SUBTEXT,
.NTL_DROPZONE_INACTIVE .AREA_LARGE_BUTTON_SUBTEXT{
    color:#c5c6c6;
}
.AREA_LARGE_BUTTON_SUBTEXT,.disabled.NTL_DROPZONE_ACTIVE .AREA_LARGE_BUTTON_SUBTEXT{
    font-size:11px;
    color:#00acc8;
}


.basket-fake-loader {
    position: absolute;
    z-index: 2;
    min-height: 25em;
    background: rgba(255,255,255,.5);
    opacity:1;
    padding: 2em 0; 
    background-image: none;
}

.basket-fake-loader:before,.basket-fake-loader:after{
    content:' ';position:absolute;
    top:50%;left:50%;width:10em;height:10em;
    border:.5em solid #00acc8;margin-left:-5em;margin-top:-5em;
     box-sizing:border-box;
    border-radius:50%;
    
}

.basket-fake-loader:before{
    -x-border-top:.5em solid transparent; 
    animation:basketLoader .9s linear infinite;
}

.basket-fake-loader:after{
    border:0em solid transparent;
    border-top:4.9em solid #00acc8; 
    animation:basketLoader .9s linear infinite ;
}


@keyframes basketLoader{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}