Your IP : 3.144.87.180


Current Path : /home/bitrix/ext_www/klimatlend.ua/bitrix/js/mobileapp/
Upload File :
Current File : /home/bitrix/ext_www/klimatlend.ua/bitrix/js/mobileapp/interface.css

*{
	padding:0;
	margin:0;
}
body{
	background:url(images/bg.png);
	background-size:7px 1px;
	font-family:"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	-webkit-font-smoothing:antialiased;
}
/* ===== Ruble Symbol =====
* <span class="rub">q</span>
*/
@font-face{
	font-family:'als_rublregular';
	src:url('font/rouble-webfont.eot');
	src:url('font/rouble-webfont.eot?#iefix') format('embedded-opentype'),
	url('font/rouble-webfont.woff') format('woff'),
	url('font/rouble-webfont.ttf') format('truetype'),
	url('font/rouble-webfont.svg#als_rublregular') format('svg');
	font-weight:normal;
	font-style:normal;
}
.rub{font-family:'als_rublregular'}
/* ===== end Ruble Symbol ===== */
.wrap{padding:13px 10px}
.order_itemlist_component{}
.order_itemlist_item_container{
	background:#fff;
	border-radius:5px;
	overflow:hidden;
	box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);
	margin-bottom:7px;
}
.order_itemlist_item_title{
	height:26px;
	box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);
}
.order_itemlist_item_title span{
	color:#fff;
	line-height:26px;
	padding:0 10px;
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	background:url(images/gui.png) no-repeat 99% 7px;
	background-size:30px auto;
	font-size:14px;
	font-weight:bold;
}
.order_itemlist_item_customer,
.order_itemlist_item_delivery,
.order_itemlist_item_pay{
	font-size:13px;
	margin:5px 0;
	line-height:13px;
	color:#000;
	padding:2px 0 0 20px;
	width:100%;
	overflow:hidden;
	height:16px;
	white-space:nowrap;
	text-overflow:ellipsis;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background:url(images/gui.png) no-repeat;
	background-size:30px auto;
}
.order_itemlist_item_pay 	  {background-position:-1px -102px}
.order_itemlist_item_customer {background-position:-2px -23px}
.order_itemlist_item_delivery {background-position:-1px -41px}

.order_step1 .order_itemlist_item_title{
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#db4545), to(#c22727));
	background-image:-webkit-linear-gradient(#db4545 0%, #c22727 100%);
	background-image:linear-gradient(#db4545 0%, #c22727 100%);
	text-shadow:0 1px 0 #831f1f;
}

.order_itemlist_item_delivery.notallowed{background-position:-1px -61px}
.order_itemlist_item_pay.notallowed,
.order_itemlist_item_delivery.notallowed{color:#cc1717}

.order_step2 .order_itemlist_item_title{
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#eeb71f), to(#e18511));
	background-image:-webkit-linear-gradient(#eeb71f 0%, #e18511 100%);
	background-image:linear-gradient(#eeb71f 0%, #e18511 100%);
	text-shadow:0 -1px 0 #945e0e;
}
.order_step3 .order_itemlist_item_title{
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#28b2da), to(#167cbf));
	background-image:-webkit-linear-gradient(#28b2da 0%, #167cbf 100%);
	background-image:linear-gradient(#28b2da 0%, #167cbf 100%);
	text-shadow:0 1px 0 #831f1f;
}
.order_step3 .order_itemlist_item_delivery 	  {background-position:-1px -81px}
.order_completed .order_itemlist_item_title{
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#a4a9b1), to(#898f9a));
	background-image:-webkit-linear-gradient(#a4a9b1 0%, #898f9a 100%);
	background-image:linear-gradient(#a4a9b1 0%, #898f9a 100%);
	text-shadow:0 1px 0 #5e6268;
}


.order_itemlist_item_content{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:8px 8px 0;
	position:relative;
}
.order_itemlist_item_content.close{
	overflow:hidden;
	height:0;
	padding:0;
}
.order_itemlist_item_idshop{
	position:absolute;
	top:10px;
	right:0;
	background:#f0f1f2;
	padding:4px;
	border-radius:5px 0 0 5px;
	font-size:13px;
	font-weight:bold;
	color:#525253;
}
.order_itemlist_item_total .order_itemlist_item_idshop{
	top:0;
	bottom:0;
	border-radius:0
}
.order_itemlist_item_total{
	padding:5px;
	color:#000;
	position:relative;
	background:#f2f4f5;
	box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.1);
	height:15px;
	text-shadow:0 1px 0 #fff;
	margin:0;
}
.order_itemlist_item_price{
	position:absolute;
	left:5px;
	font-size:14px;
	font-weight:bold;
}
.order_itemlist_item_itemcount{
	position:absolute;
	right:5px;
	font-size:13px;

}
.order_completed .order_itemlist_item_total{
	border-radius:0;
	background:#fff;
	box-shadow:none;
	text-shadow:none;
}
.order_itemlist_item_total_completed{
	color:#8d97a2;
	font-size:13px;
	font-weight:bold;
	padding-left:20px;
	background:url(images/gui.png) no-repeat 0 -121px;
	background-size:30px auto;
}
.order_itemlist_item_total_completed span{color:#000}


/*=====================================================================*/
/*=====================================================================*/

.order_component{}
.order_title{
	color:#071c27;
	font-weight:bold;
	font-size:16px;
	position:relative;
	padding-bottom:10px;
	text-shadow:0 1px 0 #fff;
}
.order_title span{
	font-size:14px;
	color:#6f7f8b;
	right:0;
	position:absolute;
}

.order_nav{
	margin-bottom:10px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.order_nav ul{padding:0;margin:0;border-radius:5px}
.order_nav ul li{
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-align:center;
	width:34%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#d1d8dc));
	background-image:-webkit-linear-gradient(#f9f9f9 0%, #d1d8dc 100%);
	background-image:linear-gradient(#f9f9f9 0%, #d1d8dc 100%);
	border-top:1px solid #a7bbc7;
	border-bottom:1px solid #90a0aa;
	box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.17);
}
.order_nav ul li:first-child{width:33%;border-radius:5px 0 0 5px;border-left:1px solid #a7bbc7}
.order_nav ul li:last-child {width:33%;border-radius:0 5px 5px 0;border-right:1px solid #a7bbc7}
.order_nav ul li.current{
	box-shadow:inset 0 1px 2px 0 #596b0c;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#829b12), to(#8bb21c));
	background-image:-webkit-linear-gradient(#829b12 0%, #8bb21c 100%);
	background-image:linear-gradient(#829b12 0%, #8bb21c 100%);
	border-top:1px solid #7d9cae;
	border-bottom:1px solid #7d9cae;
}
.order_nav ul li.current:first-child{border-left:1px solid #8ca1ad}
.order_nav ul li.current:last-child {border-right:1px solid #8ca1ad}
.order_nav ul li a{
	display:block;
	line-height:28px;
	color:#113549;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
}
.order_nav ul li:first-child a{}
.order_nav ul li:last-child  a{}
.order_nav ul li.current a{
	color:#fff;
	text-shadow:0 1px 0 #678313;
}
.order_infoblock{
	background:#fff;
	border-radius:5px;
	margin:8px 0;
	box-shadow:0 1px 1px 0 rgba(0,0,0,.15)
}

.order_infoblock.total div table tbody tr td.order_infoblock_content_table_tdvalue{
	text-align: right;
}

.order_infoblock.total div table.order_infoblock_content_table{
	border-collapse: collapse;
}

.order_infoblock_title{
	padding:9px 15px;
	color:#113549;
	font-weight:bold;
	font-size:14px;
	text-shadow:0 1px 0 #fff;
	position:relative;
}
.order_detail_container .order_infoblock_title{padding:9px 0}
.time_icon{
	display: inline-block;
	padding-left: 30px;
	background:url(images/icon_time.png) no-repeat 16px center;
	background-size:auto 11px;
}
.order_infoblock_title span{
	width:20px;
	height:20px;
	position:absolute;
	top:50%;
	margin-top:-10px;
	right:10px;
	display:block;
	background:url(images/gui.png) no-repeat;
	background-size:30px auto;
	background-position:0 -140px;
}
.order_infoblock_title_description{
	padding:0;
	font-style:italic;
	font-weight:normal;
}
.order_infoblock.close .order_infoblock_title span{background-position:0 -160px}
.order_infoblock_content{
	padding:9px 15px;
	border-top:1px solid #e7ebed;
}
.order_infoblock.close .order_infoblock_content,
.order_infoblock.close .order_detail_container,
.order_infoblock.close .order_detail_container_itogi{
	padding:0 15px;
	border:none;
	height:0;
	overflow:hidden;
}
.order_infoblock_content_table
{
	width: 100%;
}

.order_infoblock_content_table_tdtitle{
	font-size:13px;
	color:#798186;
	vertical-align:top;
	padding:2px 0;
}
.order_infoblock_content_table_tdvalue{
	font-size:13px;
	padding:2px 0;
	color:#000;
	vertical-align:top;
}

.order_infoblock_order_canceled{
	background:#f8d9d9;
	border-radius:5px;
	padding:3px 7px;
	display:inline-block;
	font-size:13px;
	text-align:center;
	display:block;
}
/*=====================================================================*/
/*=====================================================================*/
.order_detail_container{
	padding:0 10px;
	border-bottom:2px solid #d0d3d5;
	border-top:1px solid #e7ebed;
}
.order_detail_table{
	border-collapse:collapse;
	border-bottom:none;
	width:100%;
	margin:5px auto;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
.order_detail_table tr td{
	padding:0;
	vertical-align:top;
	padding:15px 0px ;
}
.order_detail_table_td_img img{
	max-width:75px;
	height:auto;
	margin:0 5px 0 0;
}
.order_detail_table_td_table{
	border:1px solid #ccc;
	border-collapse:collapse;
	width:100%;
}
.order_detail_table_td_table thead tr td{
	background:#e8ebee;
	color:#6e787f;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
	padding:2px 5px;
	white-space:nowrap;
	border-right:1px solid #ccc;
}
.order_detail_table_td_table tbody tr td{
	text-align:center;
	vertical-align:top;
	padding:3px 5px;
	border-right:1px solid #ccc;
	font-size:12px;
	color:#000;
}
.order_detail_table_td_table tbody tr td .price{}
.order_detail_table_td_table tbody tr td .price_old{
	color:#a3a3a3;
	text-decoration:line-through;
}
.order_detail_table_td_table tbody tr td .price_sale{}
.order_detail_list_description_title{
	float:left;
	padding-top:2px;
	font-size:14px;
	line-height:15px;
	color:#ccc;
}
.order_detail_list_description_text{
	/*margin-left:200px;*/
	margin-top:10px;
	padding-bottom:10px;
}
.order_detail_list_description_text ul{
	margin-left:77px;
	display:block;
	padding:0;
}
.order_detail_list_description_text ul li{}

.order_detail_list_description_text ul li{
	font-size:14px;
	color:#000;
	padding:0;
	display:inline;
	font-style:italic;
	line-height:15px;
}
.order_detail_list_description_text ul li:after{content:", "}
.order_detail_list_description_text ul li:last-child:after{content:none}

.order_detail_container_itogi{padding:10px}
.order_detail_container_itogi_table{
	width:100%;
	border-collapse:collapse;
	/*border-radius:2px;*/
}
.order_detail_container_itogi_table tr td{
	vertical-align:middle;
	padding:5px;
	text-align:left;
}
.order_detail_container_itogi_table tr td:first-child{
	color:#5e6970;
	font-size:11px;
}
.order_detail_container_itogi_table tr td:last-child{
	color:#000;
	font-size:13px;
	font-weight:bold;
}
.order_detail_container_itogi_table_td_green{background:#edf2d4}
.order_detail_container_itogi_coupon{
	border-collapse: collapse;
	width: 100%;
	margin-top: 10px;
}
.order_detail_container_itogi_coupon tr td{
	color: #112a38;
	font-size: 11px;
	vertical-align: middle;
	text-align: left;
}
.order_detail_container_coupon_input_container input[type=text]{
	line-height: 30px;
	border: none;
	border-radius: 14px;
	display: block;
	background: transparent;
	width: 100%;
}
.order_detail_container_coupon_input_container{
	position: relative;
	border-radius: 5px;
	border: 1px solid #b9bcbe;
	background: #fff;
	margin: 0 5px;
	box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.1), 0 1px 1px 0 #fff;
}
.order_detail_container_coupon_button{

	padding:5px 15px;
	display:block;
	border-top:1px solid #f1f1f1;
	border-left:1px  solid #d8d8d8;
	border-right:1px solid #d8d8d8;
	border-bottom:1px solid #a9a9a9;
	color:#133c53;
	font-size:14px;
	font-weight:bold;
	border-radius: 5px;
	text-shadow:0 1px 0 #fff;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e0e5e8));
	background-image:-webkit-linear-gradient(#fff 0%, #e0e5e8 100%);
	background-image:linear-gradient(#fff 0%, #e0e5e8 100%);
	text-decoration:none;
	box-shadow:0 1px 0 0 #e5e5e5, inset 0 0 1px 0 #e8ecee;
	line-height:18px;
}
/*=====================================================================*/
/*=====================================================================*/

.order_status_component,
.order_acceptpay_component{}
.order_status_title,
.order_acceptpay_title{
	color:#071c27;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	padding-bottom:10px;
	text-shadow:0 1px 0 #fff;
}
.order_status_infoblock,
.order_acceptpay_infoblock{
	background:#fff;
	border-radius:5px;
	margin:5px 0;
	padding:3px 10px;
	box-shadow:0 1px 1px 0 rgba(0,0,0,.15)
}
.order_status_infoblock ul,
.order_acceptpay_infoblock ul{display:block}
.order_status_infoblock ul li,
.order_acceptpay_infoblock ul li{
	padding:5px 0;
	display:block;
	border-bottom:1px solid #e7ecee;
}
/*.order_acceptpay_infoblock ul li:last-child{border-bottom:none}*/
.order_status_li_container,
.order_acceptpay_li_container{
	border-radius:5px;
	padding:5px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.order_status_li_container    table>tr>td,
.order_acceptpay_li_container table>tr>td{min-height:30px;vertical-align:middle}
.order_status_li_container    .inputradio,
.order_status_li_container    .inputcheckbox,
.order_acceptpay_li_container .inputradio,
.order_acceptpay_li_container .inputcheckbox{
	background:url(images/gui.png) no-repeat;
	background-size:30px auto;
	background-position:0 -210px;
	width:30px;
	height:30px;
	position:relative;
	bottom:-2px;
	display:inline-block;
}
.order_status_li_container    .inputradio    input[type=radio],
.order_status_li_container    .inputcheckbox input[type=checkbox],
.order_acceptpay_li_container .inputradio    input[type=radio],
.order_acceptpay_li_container .inputcheckbox input[type=checkbox]{
	width:30px;
	height:30px;
	opacity:0;
}
.order_status_li_container.checked,
.order_acceptpay_li_container.checked{
	background:#ebf1f2;
	box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.2)
}
.order_status_li_container.checked    .inputradio,
.order_acceptpay_li_container.checked .inputradio   {background-position:0 -180px}
.order_status_li_container.checked 	  .inputcheckbox,
.order_acceptpay_li_container.checked .inputcheckbox{background-position:0 -240px}
.order_status_li_container    label,
.order_acceptpay_li_container label,
.order_acceptpay_infoblock_title_tac{
	font-size:14px;
	font-weight:bold;
	text-shadow:0 1px 0 #fff;
	line-height:14px;
	color:#414b51;
}
.order_acceptpay_infoblock_money{
	font-weight:bold;
	font-size:22px;
	color:#414b51;
}
.order_status_buttons_container,
.order_acceptpay_buttons_container{
	text-align:center;
	margin:20px;
}
.order_acceptpay_infoblock_title{
	padding:9px 0;
	color:#8f9396;
	font-weight:bold;
	font-size:14px;
	text-shadow:0 1px 0 #fff;
	position:relative;
	border-bottom:1px solid #e7ecee;
}

.order_acceptpay_buttons_container{
	text-align:center;
	margin:20px;
}
.order_status_button,
.order_acceptpay_button{padding:2px 10px}
.order_acceptpay_button_shipping{
	padding-top:10px;
	display:inline-block;
}
.order_acceptpay_button_shipping a{
	float:left;
	padding:5px 15px;
	display:block;
	border-top:1px solid #989898;
	border-left:1px  solid #a0a0a0;
	border-right:1px solid #a0a0a0;
	border-bottom:1px solid #b2b2b2;
	color:#2f2f2f;
	font-size:14px;
	font-weight:bold;
	text-shadow:0 1px 0 #fff;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#cdcdcd));
	background-image:-webkit-linear-gradient(#fcfcfc 0%, #cdcdcd 100%);
	background-image:linear-gradient(#fcfcfc 0%, #cdcdcd 100%);
	text-decoration:none;
	box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.24);
	line-height:25px;
}
.order_acceptpay_button_shipping a.current{
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#b6b6b6));
	background-image:-webkit-linear-gradient(#666 0%, #b6b6b6 100%);
	background-image:linear-gradient(#666 0%, #b6b6b6 100%);
	color:#fff;
	text-shadow:0 1px 0 #808081;
	box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.34);
	border-top:1px solid #575757;
	border-left:1px  solid #868686;
	border-right:1px solid #868686;
	border-bottom:1px solid #a8a8a8;
}
.order_acceptpay_button_shipping a:first-child{border-radius:5px 0 0 5px;border-right:none !important}
.order_acceptpay_button_shipping a:nth-child(2){border-radius:0 5px 5px 0;border-left:none !important}

/*=====================================================================*/
/*=====================================================================*/




.order_canceled_component{}
.order_canceled_title{
	color:#071c27;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	padding-bottom:10px;
	text-shadow:0 1px 0 #fff;
}
.order_canceled_infoblock{
	background:#fff;
	border-radius:5px;
	margin:5px 0;
	box-shadow:0 1px 1px 0 rgba(0,0,0,.15)
}
.order_canceled_infoblock_title{
	padding:9px 15px;
	color:#737373;
	font-weight:bold;
	font-size:14px;
	text-shadow:0 1px 0 #fff;
	position:relative;
}
.order_canceled_infoblock_textarea_container{padding:0 15px}
.order_canceled_infoblock_textarea{
	width:100%;
	min-width:100%;
	max-width:100%;
	min-height:100px;
	border:1px solid #a6a6a6;
	box-shadow:inset 0 1px 4px 0 rgba(0,0,0,.1);
	border-radius:2px;
}
.order_canceled_infoblock_desc{
	display:inline-block;
	padding:5px 15px 10px;
	font-size:13px;
	color:#737373;
}
.order_canceled_buttons_container{
	text-align:center;
	margin:20px;
}

.order_canceled_button{padding:2px 10px}
























.green_button {
	-webkit-border-image:url("images/green_button.png") 10 10 20 stretch;
	border-width:5px 5px 10px;
	color:#fff;
	text-shadow:0 1px rgba(0,0,0,0.3);
	font-weight:bold;
	text-decoration:none;
	margin:0 5px;
}
.white_button {
	-webkit-border-image:url("images/white_button.png") 10 10 20 stretch;
	border-width:5px 5px 10px;
	color:#547180;
	text-shadow:0 1px 0 #fff;
	font-weight:bold;
	text-decoration:none;
}













/* ===== reserved class ===== */
.p0{padding:0}
.db{display:none}
.db{display:block}
.dib{display:inline-block}
.clb{clear:both}
.fln{float:none}
.fll{float:left}
.flr{float:right}
.m0a{margin:0 auto}
.fwb{font-weight:bold}
.fwn{font-weight:normal}
.tal{text-align:left}
.tar{text-align:right}
.tac{text-align:center}
.vat{vertical-align:top}
.vam{vertical-align:middle}
.vab{vertical-align:bottom}
.posr{position:relative}
.posa{position:absolute}
.whsn{white-space:normal}
.whsnw{white-space:nowrap}
.w100p{width: 100%;}

/* ===== Debug class ===== */
.dbg1{background-color:rgba(0,0,255,.3)}
.dbg2{background-color:rgba(0,255,0,.3)}
.dbg3{background-color:rgba(255,0,0,.3)}
.debug{
	font-size:11px;
	padding:5px;
	color:#2d2d2d;
	background:#f5ffdb;
	border:1px solid #d0dbb1;
}
#debsizing{font-weight:bold}
@media (min-width:1100px){#debsizing:before{content:"1100px < "}}
@media (min-width:769px) and (max-width:1099px){#debsizing:before{content:"769px < "}#debsizing:after{content:" < 1099px"}}
@media (min-width:641px) and (max-width:768px) {#debsizing:before{content:"641px < "}#debsizing:after{content:" < 768px" }}
@media (min-width:481px) and (max-width:640px) {#debsizing:before{content:"481px < "}#debsizing:after{content:" < 640px" }}
@media (min-width:280px) and (max-width:480px) {#debsizing:before{content:"280px < "}#debsizing:after{content:" < 480px" }}

/******* by Wasil *******/
.order_infoblock_order_green{
	background: #d9f8d9;
	border-radius: 5px;
	padding: 3px 0;
	overflow: hidden;
	font-size: 13px;
	text-align: center;
	width: 100%
}