.shap_dostavka {
width: 100%;
padding: 14px 0px 18px 17px;
background: #F3F6FC;
border-radius: 3px;
overflow: hidden;
float: left;
}

.knop_udalit_vse {
width: 100%;
padding: 14px 0px 18px 17px;
border-radius: 3px;
overflow: hidden;
text-align: end;
}

.auto_basket {
    width: 18px;
    height: 12.20px;
    background-image: url(svg/basket/auto.svg);
	float: left;
	margin-top: 6px;
}
.text_shap_dostavka {
font-weight: 600;
font-size: 16px;
line-height: 21px;
color: #323C47;
float: left;
padding-left: 13px;
font-family: Segoe UI;
font-style: normal;

}

.foto_basket {
    width: 18px;
    height: 18px;
    background-image: url(svg/basket/foto.svg);
	float: right;
}


.smen_basket {
    width: 18px;
    height: 12.12px;
    background-image: url(svg/basket/auto_smen.svg);
	margin-top: 6px;
	cursor: pointer;
}
.smen_basket:hover
{
background-image: url(svg/basket/auto_smen-hov.svg);
}

.message_basket {
    width: 16px;
    height: 16px;
    background-image: url(svg/basket/message.svg);
	margin-top: 6px;
	cursor: pointer;
}
.message_basket:hover{
    background-image: url(svg/basket/message-hov.svg);
}

.korzina_basket {
    width: 16px;
    height: 16px;
    background-image: url(svg/basket/korzina.svg);
	margin-top: 6px;
	cursor: pointer;
}
.korzina_basket:hover
{
background-image: url(svg/basket/korzina-hov.svg);
}

.calendar_basket {
    width: 16.05px;
    height: 18px;
    background-image: url(svg/basket/calendar.svg);
	margin-top: 2px;
	margin-right: 5px;
	float: left;
}
.calendar_basket_text {
    font-weight: bold;
	float: left;
}
.vremya_basket_text {
    
	float: left;
}


.vremya_basket {
   width: 16px;
    height: 16px;
    background-image: url(svg/basket/clock.svg);
    margin-top: 3px;
	margin-left: 5px;
    margin-right: 5px;
    float: left;
}




.basket_table {
width: 100%;
font-family: Segoe UI;
font-style: normal;
}
.basket_table th {
font-weight: bold;
font-size: 13px;
line-height: 17px;
color: #323C47;
text-align:left;
padding: 10px 6px;
}
.basket_table td {
font-family: Segoe UI !important;
color: #323C47;
font-size: 14px;
line-height: 22px;
border-top: 1px solid #DBE0F1;
padding: 6px 6px;
}

.basket_table_input {
text-align: center;
}
.basket_table_right{
text-align: right;

}


.basket_table a {
color: #323C47;
}
.basket_table a:link {
color: #323C47;
}


.basket_table tr{

}

.itogo_basket {
float: right;
padding: 8px 15px;
min-width: 300px;
}

.itogo_zakaz {
float: right;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 22px;
display: flex;
align-items: center;
text-align: right;
color: #323C47;
}
.itogo_dostavka {
float: right;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 22px;
display: flex;
align-items: center;
text-align: right;
color: #323C47;

}

.otpravka_basket1 {
float: right;
display: none;
padding: 20px 0px;
}
.del_vse_basket1 {
float: left;
padding: 20px 0px;
}
.del_vse_basket {
float: left;
padding: 20px 0px;
}

.bonus_basket {
float: right;
padding: 20px 0px;
}


.zamena_basket_buttom {
float: right;
padding: 20px 0px;
}


.otpravka_basket {
display: none;
}
.otpravka_basket_save1 {
float: right;
display: none;
font-weight: bold;
font-size: 14px;
line-height: 22px;
text-align: right;
color: #323C47;
background: #F5F6F8;
padding: 6px 13px 7px 11px ; 
border: 1px solid #F5F6F8;
box-sizing: border-box;
border-radius: 5px;
cursor: pointer;
margin-left:25px;
margin-top: 20px;
margin-bottom: 20px;
}

.otpravka_basket_save {
    display: none;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    color: #323C47;
    background: #F5F6F8;
    padding: 6px 13px 7px 11px;
    border: 1px solid #F5F6F8;
    box-sizing: border-box;
    border-radius: 5px;
    cursor: pointer;
    margin: 5px auto;
    width: 149px;
}

.otpravka_basket_chas1 {
float: right;
padding: 20px 0px;
}
.otpravka_basket_chas {

}


.input-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    border: 1px #d9d9d9 solid;
    width: 100%;
    height: 100%;
    padding: .3125rem;
    z-index: 0;
}

.input-control1 {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    border: 1px #d9d9d9 solid;
    width: 400px;
    height: 100%;
    padding: .3125rem;
    z-index: 0;
}

.basket_button {
font-size: 14px;
line-height: 22px;
text-align: right;
font-weight: bold;
color: #323C47;
background: #F5F6F8;
padding: 6px 13px 7px 11px ; 
border: 1px solid #F5F6F8;
box-sizing: border-box;
border-radius: 5px;
cursor: pointer;
margin-left:25px;
}
.bonus_button {
padding: 6px 50px 7px 50px ;
}


.basket_button_orj {
font-weight: bold;
font-size: 14px;
line-height: 22px;
text-align: right;
color: #FFFFFF;
background: #FC7F3C;
padding: 6px 25px 7px 26px ; 
border: 1px solid #FC7F3C;
box-sizing: border-box;
border-radius: 5px;
cursor: pointer;
margin-left:25px;
}

.basket_button_kras {
font-weight: bold;
font-size: 14px;
line-height: 22px;
text-align: right;
color: #FFFFFF;
background: #d27373;
padding: 6px 25px 7px 26px ; 
border: 1px solid #790505;
box-sizing: border-box;
border-radius: 5px;
cursor: pointer;
margin-left:25px;
}
.basket_button_kras:hover {
background: #790505;
}

.basket_button_save {
font-weight: bold;
font-size: 14px;
line-height: 22px;
text-align: right;
color: #323C47;
background: #F5F6F8;
padding: 6px 13px 7px 11px ; 
border: 1px solid #F5F6F8;
box-sizing: border-box;
border-radius: 5px;
cursor: pointer;
margin-left:25px;
}
.save_basket {
    width: 18px;
    height: 18px;
   	float: left;
	margin: 2px 5px 2px 12px;
}


.otpravka_basket_save:hover{
background: #EBEFF2;
border: 1px solid #EBEFF2;
}

.basket_button:hover{
background: #EBEFF2;
border: 1px solid #EBEFF2;
}
.basket_button_orj:hover{
background: #E66018;
border: 1px solid #E66018;
} 
.basket_button_vsex_info{
margin-top: 30px;
font-family: Segoe UI;
font-style: normal;
font-weight: bold;
width: 100%;
text-align: center;
color:  #323C47;
font-size: 16px;
line-height: 22px;
}
.basket_button_vsex{
margin-top: 10px;
width: 100%;
padding: 14px;
border-radius: 3px;
overflow: hidden;
text-align: center;
}

hr {
    border: none; 
    background-color: #DBE0F1; 
    color: #DBE0F1; 
    height: 1px; 
   }
   
.field {
	background: #FFFFFF;
    border: 1px solid #DBE0F1;
    box-sizing: border-box;
    border-radius: 3px;
    width: 49px !important;
    height: 26px;
	text-align:center;
}
 
.basket_zametki_block{
visibility: visible;
position: fixed;
width: 100%;
height: 100%;
top: 109px;
z-index: 198;
overflow: hidden;
background: rgba(0, 0, 0, 0.6);
display: none; 
left: 45px;
}
#basket_zametki{
position: fixed;
width: 473px;
height: 162px;
top: 50%;
left: 50%;
margin: -81px 0 0 -270px;
z-index: 111111111111;
background: #FFFFFF;
box-shadow: 0px 0px 50px rgba(59, 71, 145, 0.2);
border-radius: 5px;
font-family: Segoe UI;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 21px;
display: none;
}


@media (max-width:1200px){
#zamena_position{
position: fixed;
width: 100%;
min-width:100px;
height: 100%;
top: 110px;
left: 0px;
z-index: 2222;
background: #FFFFFF;
box-shadow: 0px 0px 50px rgba(59, 71, 145, 0.2);
border-radius: 5px;
font-family: Segoe UI;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 21px;
display: none;
padding: 30px;
overflow: auto;
}}
@media (min-width:1200px){
#zamena_position{
position: fixed;
width: 1000px;
min-width:100px;
height: 500px;
top: 50%;
left: 50%;
margin: -250px 0 0 -500px;
z-index: 2222;
background: #FFFFFF;
box-shadow: 0px 0px 50px rgba(59, 71, 145, 0.2);
border-radius: 5px;
font-family: Segoe UI;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 21px;
display: none;
padding: 30px;
overflow: auto;
}}



.basket_zamena_position{
visibility: visible;
position: fixed;
width: 100%;
height: 100%;
top: 109px;
z-index: 198;
overflow: hidden;
background: rgba(0, 0, 0, 0.6);
left: 45px;
display: none;
}



.basket_zametki_input {
padding: 30px;
text-align: center;
letter-spacing: 0.01em;
color: #323C47;
}
.basket_zametki_button {
background: #2ED47A;
    border-radius: 5px;
    margin-left: 108px;
    margin-right: 108px;
    padding: 12px;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
}
.comment_user {
display: none;
}
.comment_user_zamena{
display: none;
}
/* START TOOLTIP STYLES */
[tooltip] {
  position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none; /* opinion 2 */
  font-size: .9em; /* opinion 3 */
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
  content: attr(tooltip); /* magic! */
  
  /* most of the rest of this is opinion */
  font-family: Helvetica, sans-serif;
  text-align: center;
  
  /* 
    Let the content set the size of the tooltips 
    but this will also keep them from being obnoxious
    */
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  background: #3B4791;
  color: #fff;
  z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #3B4791;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, -.5em);
          transform: translate(-50%, -.5em);
}


/* KEYFRAMES */
@-webkit-keyframes tooltips-vert {
  to {
    opacity: .9;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@keyframes tooltips-vert {
  to {
    opacity: .9;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

@-webkit-keyframes tooltips-horz {
  to {
    opacity: .9;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}

/* FX All The Things */ 
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  -webkit-animation: tooltips-vert 300ms ease-out forwards;
          animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  -webkit-animation: tooltips-horz 300ms ease-out forwards;
          animation: tooltips-horz 300ms ease-out forwards;
}

.basket_table_right_2 {
    text-align: right;
    padding-right: 55px !important;
	white-space: nowrap;
}
.zamena_name{
    color: #032741;
    font-weight: bold;
}

.zamena_basket_none{
display:none;
}
.sposob_basket_smena{
text-align: center;
font-weight: bold; font-size:14px; color: #070b0e;
padding-bottom: 20px;
}

.smena_sposoba_zakryt {
    width: 30px;
    height: 20px;
    background-image: url(svg/basket/x.svg);
    margin-top: -10px;
    margin-right: -10px;
    float: right;
	cursor:pointer;
}

.modalDialog {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  opacity: 1;
  display: none;
}
.modalDialog > div {
  width: 400px;
  position: relative;
  margin: 10% auto;
  padding: 5px 20px 13px 20px;
  border-radius: 5px;
  background: #fff;
  background: -moz-linear-gradient(#fff, #999);
  background: -webkit-linear-gradient(#fff, #999);
  background: -o-linear-gradient(#fff, #999);
}
#confirmOverlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(11, 11, 11, 0.6);
  background: -moz-linear-gradient(rgba(11, 11, 11, 0.1), rgba(11, 11, 11, 0.6))
    repeat-x rgba(11, 11, 11, 0.2);
  background: -webkit-gradient(
      linear,
      0% 0%,
      0% 100%,
      from(rgba(11, 11, 11, 0.1)),
      to(rgba(11, 11, 11, 0.6))
    )
    repeat-x rgba(11, 11, 11, 0.2);
  z-index: 100000;
}

#confirmBox {
font-family: Segoe UI !important;
  background: #ffffff;
  width: 500px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -130px 0 0 -230px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
  -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
  box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
}

#confirmBox h1,
#confirmBox p {
font-family: Segoe UI !important;
  background: #ffffff;
  columns: #5a5d61;
  font-size: 14px;
  border-radius: 5px;
  font-weight: 600;
  padding: 20px 25px 0px 25px;
}

#confirmBox p {
margin-bottom: 0px;
}
/* #confirmBox h1 {
line-height: 0px;
} */

#confirmBox h1 {
  font-size: 18px;
  letter-spacing: 0.3px;
  text-align: center;
  color: #323c47;
}

#confirmBox p {
  background: none;
  font-size: 14px;
  line-height: 1.4;
  padding-top: 10px;
  padding-bottom: 15px;
  text-align: center;
  color: #5a5d61;
}

#confirmButtons {
  padding: 5px 0 25px;
  text-align: center;
}

#confirmBox .button {
display: inline-block;
position: relative;
height: 33px;
font: 17px/33px "Segoe UI", sans-serif;
margin-right: 15px;
padding: 0 50px 0 55px;
text-decoration: none;
border: none;
}

#confirmBox .button:last-child {
  margin-right: 0;
}

#confirmBox .button span {
  position: absolute;
  top: 0;
  right: -5px;
  background: no-repeat;
  width: 5px;
  height: 33px;
}

#confirmBox .blue {
  font-size: 14px;
  font-weight: 500;
  background-position: left top;
  background-color: #5785cb;
  border-radius: 3px;
  color: #fff;
}
#confirmBox .blue span {
  background-position: -195px 0;
}
#confirmBox .blue:hover {
  background-position: left bottom;
  background-color: #679ae7;
}

#confirmBox .blue:hover span {
  background-position: -195px bottom;
}

#confirmBox .gray {
  font-size: 14px;
  font-weight: 500;
  background-position: -200px top;
  background-color: #e1e0e1;
  border-radius: 3px;
  color: #323c47;

}
#confirmBox .gray span {
  background-position: -395px 0;
}
#confirmBox .gray:hover {
  background-position: -200px bottom;
  background-color: #e8ebed;
}
#confirmBox .gray:hover span {
  background-position: -395px bottom;
}

/* стили бонусов */

.posle_bonus {
font-family: Segoe UI !important;
width: 100%;
font-size: 13px;
line-height: 16px;
text-align: center;
color: #323C47;
padding-bottom: 30px;
font-style: normal;
font-weight: normal;
}
.bonus_10_max {
padding-top: 5px;
}
.bonus_info {
width: 100%;
text-align: center;
padding: 43px 0 19px;
color: #323C47;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 16px;
}
.span_bonus {
display: block;
padding: 8px 0;
}

#chastichno_vsego, #chastichno_itogo, #chastichno_valuta, .bonus_val, .bonus_val_itogo, .bonus_valuta  {
float: right;
padding-right:3px;
}
.pencil_basket {
    width: 11px;
    height: 11px;
    background-image: url(svg/basket/pencil.svg);
    margin-top: 6px;
    cursor: pointer;
	float: right;
	right: -3px;
    position: relative;
}
#bonus_cell {
	font-family: Segoe UI !important;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 16px;
    text-align: center;
    color: #4165B7;
    border: 2px solid #ffffff;
    box-sizing: border-box;
    border-radius: 3px;
    width: 76px !important;
    text-align: center;
}

#bonus_cell:focus{
	border: 2px solid #4165B7;
    outline: 0;
}
#bonus_cell::-webkit-inner-spin-button,
#bonus_cell::-webkit-outer-spin-button {
   opacity: 1;
   cursor:pointer;
}
.del_bonus {
    width: 16px;
    height: 16px;
    background-image: url(svg/basket/del_bonus.svg);
    margin-top: 4px;
    cursor: pointer;
    float: right;
    right: -13px;
    position: relative;
}