@import url("common.css") screen;

.sect_my_basket .history_header,
.sect_my_basket .item {
	display: block;
	font-size: 0;
	overflow: hidden;
	width: 100%;
}

.sect_my_basket {
	margin-bottom: 8mm !important;
}

.sect_my_basket > .content {
    width: 75%;
    margin: auto;
    margin-top: 7mm !important;
	min-width: 1183px
}

.sect_my_basket > .content > .empty {
	color: #485564;
	font-size: 36pt;
	text-align: center;
}

.sect_my_basket .history_header {
	height: 8.5mm;
}

.sect_my_basket .item {
	min-height: 15mm;
}

.sect_my_basket .history_footer {
	font-size: 0px;
	height: 10mm;
}

.sect_my_basket .history_header div,
.sect_my_basket .history_footer div,
.sect_my_basket .item > div {
	background: #E4ECF5;
	border-top: 1mm solid white;
	box-sizing: border-box;
	color: #485564;
	display: inline-block;
	margin: 0 1mm 0 0;
	padding: 1mm 2mm 0;
	text-align: center;
	vertical-align: middle;
	width: 26.0625%;
}

.sect_my_basket .history_header div {
	font-size: 13pt;
	font-weight: 400;
	height: 100%;
}

.sect_my_basket .history_footer div {
	border-top: none;
	height: 100%;
}

.sect_my_basket .item > div.image,
.sect_my_basket .item > div.description,
.sect_my_basket .item > div.circulation,
.sect_my_basket .item > div.cost,
.sect_my_basket .item .control {
	min-height: 130px;
	vertical-align: top;
}

.mCSB_scrollTools_vertical {
	left: auto;
	right: 4px;
}

.sect_my_basket .history_header .circulation,
.sect_my_basket .history_footer .circulation,
.sect_my_basket .item .circulation {
	width: calc(11% - 4px);
}

.sect_my_basket .history_header .cost,
.sect_my_basket .history_footer .cost,
.sect_my_basket .item .cost {
	width: 15%;
}
.sect_my_basket .item .cost .item-price {
	font-weight: bold;
}

.sect_my_basket .item > div {
	font-size: 12pt;
	font-weight: 300;
}

.sect_my_basket .item > div.description {
	text-align: left;
}

.sect_my_basket .item .control {
	background: white;
	width: calc(100% - (26.0625% + 4px) * 3 - 4px);
}

.sect_my_basket .item .image img {
	box-shadow: 0 0 1mm 0 #808080;
	height: auto;
	margin: 2mm 1mm 1mm;
	max-height: 50mm;
	max-width: 50mm;
	width: auto;
	pointer-events: none;
}

#show_image {
	pointer-events: none;
}

.sect_my_basket .item.notepad .image img {
	max-height: 32mm;
	max-width: 24mm;
}

.sect_my_basket .item .image a.no-shadow img,
.sect_my_basket .item .image img.no-shadow {
	box-shadow: none;
}

.sect_my_basket .item .image > span {
	display: inline-table;
	font-size: 0;
	margin: 0 1mm;
	overflow-x: hidden;
	text-transform: lowercase;
	width: 22mm;
}

.sect_my_basket .item .image > span > p.sign {
	display: inline-block;
	font-size: 10pt;
	margin: 1mm 0;
	text-transform: lowercase;
	width: 100%;
	word-break: break-all;
}

.sect_my_basket .item .control a {
	display: inline-block;
}

.sect_my_basket .item .image a.zoom {
	cursor: pointer;
	display: inline-block;
}

.sect_my_basket > .content .border_circle {
    background: none;
	border: 1px dashed #cccccc;
    border-radius: 3mm;
	box-sizing: border-box;
    color: #485564;
    display: inline-block;
	max-width: 24mm;
    opacity: 1;
    padding: 1mm 2mm;
    text-align: center;
	width: 20mm;
}

.sect_my_basket > .content .tirazh_tabl.border_circle {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #324C70;
    background: repeating-linear-gradient(-45deg, #324C70 1px, #496285 5px);
    border: none;
    border-radius: 29px;
    box-sizing: border-box;
    color: white;
    font-size: 13.5pt;
    font-weight: 300;
    height: 36px;
    line-height: 1.6;
    margin: 0;
    min-width: 95px;
    padding: 3px 7px 3px 13px;
    position: relative;
    overflow: hidden;
    text-align: left;
    width: auto;
	z-index: 10;
}
.sect_my_basket > .content .tirazh_tabl.border_circle.active {
	z-index: 12;
}
.sect_my_basket > .content .tirazh_tabl.border_circle .ui-icon {
    background: url(/application/files/5914/4723/3359/down_up.png) no-repeat;
    width: 26px;
    height: 26px;
    float: right;
    margin-top: 2px;
}
.sect_my_basket > .content ul.tirazh {
    background: #DBE3ED !important;
    border: 1px solid #cccccc;
	border-radius: 29px 29px 16px 16px;
    border-top: none;
    box-shadow: 0 3px 3px #aaaaaa;
    box-sizing: border-box;
    cursor: pointer;
	display: none;
    list-style: none;
    margin-left: 10px;
    margin-top: -40px;
    max-height: 300px;
    overflow-y: auto;
    padding-left: 0px;
    padding-top: 39px;
    position: absolute;
    text-decoration: none;
    width: 92px;
	z-index: 9;
}
.sect_my_basket > .content .tirazh_tabl.border_circle.active + ul.tirazh {
	z-index: 11;
}
.sect_my_basket > .content ul.tirazh li {
    border: none;
    box-sizing: border-box;
    color: #485564;
    font-size: 17px;
    font-weight: 300;
    margin: 0;
    padding: 5px 41px 5px 0;
    text-align: right;
}
.sect_my_basket > .content ul.tirazh li:hover {
    color: #ff5a00;
    background-color: #eef6ff;
    margin: 0;
}

.sect_my_basket .history_footer .description .small-button {
	width: 54mm;
}

.sect_my_basket .history_footer .circulation .small-button {
	width: 24mm;
}

.sect_my_basket > .content > form#cdek > p {
	background: url(../images/theme_blue/patt.jpg);
	border-radius: 5mm;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	font-size: 13pt;
	height: auto;
	margin: 2mm 0 4mm 0;
	padding: 1.5mm 4mm 2mm;
	vertical-align: initial;
}

.sect_my_basket > .content > form#cdek > p:hover {
	background: url(../images/theme_blue/patt_h.jpg);
}

.sect_my_basket > .content > form#cdek > p > span {
	float: right;
	font-size: 18.5pt;
	margin: -0.75mm -2mm 0 0;
}

.sect_my_basket > .content > form#cdek {
	font-size: 0;
	margin: 9mm 0 0;
}

.sect_my_basket > .content > form#cdek > div > .form-group.first_name,
.sect_my_basket > .content > form#cdek > div > .form-group.last_name,
.sect_my_basket > .content > form#cdek > div > .form-group.patronymic {
	box-sizing: border-box;
	display: inline-block;
	margin: 0 2% 2mm 0;
	width: 32%;
}

.sect_my_basket > .content > form#cdek > div > .form-group.patronymic {
	margin-right: 0;
}

.sect_my_basket > .content > form#cdek > div .form-group > label,
.ui-dialog section#cashless div#cashless_props .form-group > label{
	color: #485564;
	font-size: 13pt;
    font-weight: 400;
}

.sect_my_basket > .content > form#cdek > div .form-group input:not([hidden]),
.ui-dialog section#cashless div#cashless_props .form-group input:not([hidden]) {
	background: #EBEBEB;
	border: none;
    border-radius: 2mm;
	box-sizing: border-box;
	color: #333b45;
	display: block;
	font-size: 12pt;
	font-weight: 300;
    height: auto;
    margin: 1mm 0;
    padding: 2mm;
    width: 100%;
}

.sect_my_basket > .content > form#cdek #city {
	width: 49%;
}

.sect_my_basket > .content > form#cdek > div > .form-group.email,
.sect_my_basket > .content > form#cdek > div > .form-group.phone {
	box-sizing: border-box;
	display: inline-block;
	margin-right: 2%;
	width: 32%;
}
.sect_my_basket > .content > form#cdek > div > .form-group.phone {
	width: 16%;
}

.sect_my_basket > .content > form#cdek > div > #safety {
	box-sizing: border-box;
	display: inline-block;
	font-size: 10pt;
	margin: 4mm 0px 0px;
	vertical-align: top;
	width: 48%;
}

.sect_my_basket > .content > form#cdek > div > #safety p {
	margin: 0;
}

.sect_my_basket > .content > form#cdek > div > div.check_delivery > p,
.sect_my_basket > .content > form#cdek > div > div.check_other_face > p,
.sect_my_basket > .content > form#cdek div.cash_payment_default > p {
	color: #485564;
	cursor: pointer;
	display: table;
	font-size: 13pt;
    font-weight: 400;
}

.sect_my_basket > .content > form#cdek > div > .form-group input#tt1,
.sect_my_basket > .content > form#cdek > div > .form-group input#tt2 {
	display: none;
}

.ui-autocomplete.ui-menu .ui-menu-item {
	background-color: #e1e9f3;
	color: #485564;
	font-size: 13pt;
}

.ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus {
    background: #eef6ff;
    color: #ff5a00;
	/*font-size: 14pt;*/
}

.sect_my_basket > .content > form#cdek > div#delivery > .other_face.name,
.sect_my_basket > .content > form#cdek > div#delivery > .other_face.phone {
	box-sizing: border-box;
	display: none;
	height: auto;
}

.sect_my_basket > .content > form#cdek > div#delivery > .other_face.name {
	margin: 0 2% 4mm 0;
	width: 23.5%;
}

.sect_my_basket > .content > form#cdek > div#delivery > .other_face.phone {
	margin: 0 0 4mm 0;
	width: 49%;
}

.sect_my_basket > .content > form#cdek > div > .form-group textarea {
    background: #EBEBEB;
	box-sizing: border-box;
    border: none;
    border-radius: 2mm;
    font-size: 12pt;
    margin: 1mm 0;
    padding: 2mm;
    resize: none;
    width: 100%;
}

.sect_my_basket > .content > form#cdek > div#delivery #map {
	height: auto;
	min-height: 350px;
	min-width: 500px;
	width: 100%;
}

.sect_my_basket > .content > form#cdek > div > p.address {
    color: #485564;
	display: none;
	font-size: 14pt;
	font-weight: 400;
}

.sect_my_basket > .content > form#cdek > div#delivery > .address.street {
	box-sizing: border-box;
	display: none;
	height: auto;
	margin: 0 2% 2mm 0;
	width: 49%;
}

.sect_my_basket > .content > form#cdek > div#delivery > .address.street input.combo-box,
.ui-dialog section#cashless div#cashless_props .form-group input.combo-box {
	background: #EBEBEB url("../images/down_up.png") no-repeat 99% center;
}

.sect_my_basket > .content > form#cdek > div#delivery > .address.house,
.sect_my_basket > .content > form#cdek > div#delivery > .address.building,
.sect_my_basket > .content > form#cdek > div#delivery > .address.flat {
	box-sizing: border-box;
	display: none;
	height: auto;
	margin: 0 2% 2mm 0;
	width: 15%;
}

.sect_my_basket > .content > form#cdek > div#delivery > .address.flat {
	margin: 0 0 2mm;
}

.sect_my_basket > .content > form#cdek > div#delivery > .pay-information {
	margin: 4mm 0;
}

.sect_my_basket > .content > form#cdek > div#pay .list_pays table {
	font-size: 12pt;
	margin: 0 3%;
	width: 94%;
}

.sect_my_basket > .content > form#cdek > div#pay .list_pays table.nal,
.sect_my_basket > .content > form#cdek > div#pay .list_pays table.cashless {
	font-size: 12pt;
	margin: 0 6%;
	width: 88%;
}

.sect_my_basket > .content > form#cdek > div#pay .list_pays div.card table,
.sect_my_basket > .content > form#cdek > div#pay .list_pays div.nal table,
.sect_my_basket > .content > form#cdek > div#pay .list_pays div.cashless table {
	margin: 0 auto;
	max-width: 80%;
	width: auto;
}

.sect_my_basket > .content > form#cdek > div#pay > .list_pays > div > table tr {
	cursor: pointer;
	margin: 1mm 0;
	vertical-align: top;
}

.sect_my_basket > .content > form#cdek > div#pay > .list_pays > div > table tr > td {
	color: #485564;
	font-size: 10pt;
}

.sect_my_basket > .content > form#cdek > div#pay > .list_pays > div > table tr > td.first-column {
	text-align: right;
	vertical-align: top;
	width: 12%;
}

.sect_my_basket > .content > form#cdek > div#pay .list_pays div.card table tr > td.first-column,
.sect_my_basket > .content > form#cdek > div#pay .list_pays div.nal table tr > td.first-column,
.sect_my_basket > .content > form#cdek > div#pay .list_pays div.cashless table tr > td.first-column {
	width: auto;
}

.sect_my_basket > .content > form#cdek > div#pay > .list_pays > div > table tr > td.middle-column {
	padding: 1mm 0 0 1mm;
	text-align: left;
	vertical-align: top;
	width: 64%;
}

.sect_my_basket > .content > form#cdek > div#pay > .list_pays > div > table tr > td.last-middle-column {
	padding: 1mm 0 0 1mm;
	text-align: left;
	width: auto;
}

.sect_my_basket > .content > form#cdek > div#pay > .list_pays > div.card > table tr > td.last-middle-column {
	padding: 0 1mm;
}

.sect_my_basket > .content > form#cdek > div#pay > .list_pays > div > table tr > td.last-column {
	text-align: right;
	vertical-align: middle;
	width: 24%;
}

.sect_my_basket > .content > form#cdek > div#pay > .list_pays > div > table tr > td i {
	font-size: 18pt;
}

.sect_my_basket > .content > form#cdek > div#pay > .list_pays > div > table tr > td input[type="radio"], form#cdek input[name="paymentType"] {
	display: none!important;
}

.sect_my_basket > .content > form#cdek > div#pay > .non_nal_sc {
    margin: 3mm 0 5mm;
}

.sect_my_basket > .content > form#cdek > div#pay > .non_nal_sc > p > a {
    border-bottom: 1px dashed #4283ae;
    color: #4283ae;
	cursor: pointer;
	font-size: 17pt;
    text-decoration: none;
}

.sect_my_basket > .content > form#cdek > div#pay > .non_nal > div.form-group {
	box-sizing: border-box;
	display: inline-block;
	margin: 2mm 2% 2mm 0;
	text-align: left;
	vertical-align: bottom;
	width: 49%;
}

.sect_my_basket > .content > form#cdek > div#pay > .non_nal > div.form-group:nth-child(even) {
	margin: 2mm 0;
}

.sect_my_basket > .content > form#cdek > div#pay > .non_nal > div.form-group:last-child {
	text-align: center;
}

.sect_my_basket > .content > form#cdek > div#pay > .non_nal > div.form-group label.fake {
	color: #fff;
	opacity: 0;
}

.ui-dialog section#cashless {
	font-size: 0;
	padding: 5mm;
}

.ui-dialog section#cashless header {
    color: #485564;
	font-size: 18pt;
	font-weight: 400;
	margin: 2mm 0 4mm;
	text-align: center;
}

.ui-dialog section#cashless div.form-group {
	box-sizing: border-box;
	display: inline-block;
	margin: 2mm;
	text-align: left;
	width: calc(50% - 5mm);
}

.ui-dialog section#cashless .form-group.control {
	display: block;
	margin: 6mm 0px 0px;
	text-align: center;
	width: auto;
}

.ui-dialog section#cashless .form-group.control .fake {
	display: none;
}

.combo-box-list {
	background: #fff;
	border: 1px solid #888;
	box-shadow: 0 0 1mm #aaa;
	box-sizing: border-box;
	display: none;
	font-size: 12pt;
	height: auto;
	list-style: none;
	margin: 1mm 0;
	padding: 2mm 0;
	position: absolute;
	z-index: 1;
}

.combo-box-list li { background: #fff; }

.combo-box-list li.active { background: #ebebeb; }

.sect_my_basket > .content > div#confirm {
	display: block;
	margin: 5mm auto 0;
	text-align: center;
	width: 620px;
}

.sect_my_basket > .content > div#confirm .promo {
	box-sizing: border-box;
	margin: 0 12mm 5mm;
}

.sect_my_basket > .content > div#confirm .promo .promo-dots {
	display: flex;
	margin-bottom: 2mm;
	width: 100%;
}

.sect_my_basket > .content > div#confirm .promo span {
	color: #485564;
}

.sect_my_basket > .content > div#confirm .promo #promocode {
	background-color: #eee;
	border: none;
	border-radius: 1.5mm;
	display: flex;
	height: 8mm;
	margin: 0 5mm;
	padding: 0 1mm;
	width: 66%;
}

.sect_my_basket > .content > div#confirm .promo .small {
	font-size: 12pt;
	padding: 1.5mm 0 0;
}

.sect_my_basket > .content > div#confirm .promo .middle {
	font-size: 14pt;
}

.sect_my_basket > .content > div#confirm .promo .large {
	font-size: 17pt;
}

.sect_my_basket > .content > div#confirm .promo span.dots {
	display: block;
	background: radial-gradient(circle, rgba(0, 0, 0, .62) 1px, transparent 1px) repeat-x;
	background-size: 2mm 150%;
	flex-grow: 10;
}

.sect_my_basket > .content > div#confirm .promo span.dots {
	padding: 2mm 0 0;
}

.sect_my_basket > .content > div#confirm .promo span i.fa {
	padding: 18% 0 0 1mm;
}

.sect_my_basket > .content > div#confirm .promo .orange {
	color: #ff5a00;
}

.sect_my_basket > .content > div#confirm > .user-warning {
	font-size: 10pt;
	margin: 4mm 12mm 0;
	text-align:left;
}

#make_order {
	font-size: 16pt;
	padding: 2mm 2mm 2.5mm;
	background: #455E81;
	background: -webkit-linear-gradient(#4B6487, #455E81);
	background: -moz-linear-gradient(#4B6487, #455E81);
	background: -o-linear-gradient(#4B6487, #455E81);
	background: linear-gradient(#4B6487, #455E81);
}

#make_order:hover {
	background: #ff5c03;
	background: -webkit-linear-gradient(#ff7b33, #ff5c03);
	background: -moz-linear-gradient(#ff7b33, #ff5c03);
	background: -o-linear-gradient(#ff7b33, #ff5c03);
	background: linear-gradient(#ff7b33, #ff5c03);
}

#continue {
    padding: 2.8mm 2mm 2.8mm;
    background: transparent;
    color: #485564;
    border: 1px solid #4283ae;
}

#continue:hover {
    color: #4283ae;
    border-color: #99bcd3;
}