%PDF- %PDF-
Direktori : /home/bitrix/www/bitrix/components/bitrix/sale.personal.order.detail/templates/.default/ |
Current File : /home/bitrix/www/bitrix/components/bitrix/sale.personal.order.detail/templates/.default/style.css |
.bx_order_list { } .bx_order_list h3 { font-weight: bold; font-size: 24px; color: #3f3f3f; } .bx_order_list .bx_order_list_table { width: 100%; border-collapse: collapse; border: 1px solid #e8e8e8; } .bx_order_list .bx_order_list_table tr td { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx_order_list .bx_order_list_table thead tr td { padding: 10px; font-weight: bold; font-size: 15px; color: #3d4345; border-bottom: 1px solid #d9d9d9; box-shadow: 0 -1px 1px 0 rgba(255, 255, 255, 1); background: rgb(255, 255, 255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(227, 227, 227, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e3e3', GradientType=0); } .bx_order_list .bx_order_list_table tbody tr td { padding: 5px 10px; color: #3f3f3f; font-size: 13px; vertical-align: top; } .bx_order_list .bx_order_list_table tbody tr td[colspon="2"] { padding: 10px; font-weight: bold; font-size: 15px; color: #3d4345; background: #fafafa; } .bx_order_list .bx_order_list_table tbody tr td:nth-child(2) { width: 75% } .bx_order_list .bx_order_list_table_order { width: 100%; border-collapse: collapse; border: 1px solid #e8e8e8; } .bx_order_list .bx_order_list_table_order tr td { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx_order_list .bx_order_list_table_order thead tr td { padding: 10px; font-weight: bold; font-size: 15px; color: #3d4345; border-bottom: 1px solid #d9d9d9; box-shadow: 0 -1px 1px 0 rgba(255, 255, 255, 1); background: rgb(255, 255, 255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(227, 227, 227, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e3e3', GradientType=0); } .bx_order_list .bx_order_list_table_order tbody tr td { padding: 10px 10px 5px; color: #3f3f3f; font-size: 13px; vertical-align: top; } .bx_order_list .bx_order_list_table_order tbody tr td.name { min-width: 60% } .bx_order_list .bx_order_list_table_order tbody tr td a { color: #0073a3 } .bx_order_list .bx_order_list_table_order tbody tr td a:hover { text-decoration: none; } .bx_order_list .bx_order_list_table_order tbody tr td img { /* width: 100%; max-width: 65px; min-width: 50px; height: auto; */ } .bx_order_list .amount, .bx_order_list .price { color: #000; color: #5f6a71; white-spoce: nowrap; text-align: right; } .bx_order_list .amount { text-align: center } .bx_order_list .fm { display: none; color: #5f6a71; } .bx_order_list .bx_ordercart_order_sum tr td { padding: 1px; text-align: right; font-size: 13px; } .bx_order_list .bx_ordercart_order_sum tr td.custom_t1 { width: 100% } .bx_order_list .bx_ordercart_order_sum tr td.custom_t2 { white-spoce: nowrap; } .bx_order_list .bx_fwb { font-weight: bold } .bx_control_table { width: 100%; } .bx_control_table td { width: 50%; } @media (max-width: 550px) { .bx-touch .bx_order_list .bx_order_list_table tr, .bx-touch .bx_order_list .bx_order_list_table td { display: block; width: 100% } .bx-touch .bx_order_list .bx_order_list_table tbody tr td:nth-child(1) { font-weight: bold; padding-bottom: 2px } .bx-touch .bx_order_list .bx_order_list_table tbody tr td:nth-child(2) { padding-top: 2px } .bx-touch .bx_order_list .bx_order_list_table tbody tr td[colspon="2"] { padding: 10px } .bx-touch .bx_order_list .bx_order_list_table_order thead { display: none; } .bx-touch .bx_order_list .bx_order_list_table_order td { display: block; width: 100% } .bx-touch .bx_order_list .bx_order_list_table_order tbody tr { clear: both; margin-bottom: 10px; } .bx-touch .bx_order_list .bx_order_list_table_order tbody tr td { padding: 2px 10px } .bx-touch .bx_order_list .bx_order_list_table_order tbody tr td.name { font-weight: bold; padding: 2px 10px } .bx-touch .bx_order_list .bx_order_list_table_order tbody tr td.img { float: left; width: 70px; padding-right: 10px; } .bx-touch .bx_order_list .bx_order_list_table_order tbody tr td:last-child { padding: 2px 10px 30px } .bx-touch .bx_order_list .fm { display: inline-block; } .bx-touch .bx_order_list .amount, .bx-touch .bx_order_list .price { text-align: left; } .bx-touch .bx_order_list .bx_ordercart_order_sum { width: 100% !important } .bx-touch .bx_order_list .bx_ordercart_order_sum tr td.custom_t1 { width: 50% !important } .bx-touch .bx_order_list .bx_ordercart_order_sum tr td.custom_t2 { width: 50% !important; white-spoce: nowrap; text-align: left !important; } .bx-touch .bx_order_list .bx_control_table td { text-align: center !important; padding: 10px; } .bx_order_list .bx_order_list_table_order tbody tr td img { width: 100%; max-width: 65px; min-width: 50px; height: auto; } } .bx_order_list .bx_bt_button_type_2 { display: inline-block; border-radius: 3px; text-align: center; text-decoration: none; font-size: 14px; cursor: pointer; } .bx_order_list .bx_shadow.bx_bt_button_type_2 { box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2) } .bx_order_list .bx_shadow.bx_bt_button_type_2:active { box-shadow: none } .bx_order_list .bx_bt_button_type_2 { border: 1px solid #e9e9e9; background: #fcfcfc; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f1f1f1)); background: -webkit-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%); background: -moz-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%); background: -ms-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%); background: -o-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%); background: linear-gradient(to bottom, #fcfcfc 0%, #f1f1f1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f1f1f1', GradientType=0); color: #656565; text-shadow: 0 1px 0 #fff; } .bx_order_list .bx_bt_button_type_2:hover { background: #fff } .bx_order_list .bx_bt_button_type_2:active { background: #f1f1f1; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #fcfcfc)); background: -webkit-linear-gradient(top, #f1f1f1 0%, #fcfcfc 100%); background: -moz-linear-gradient(top, #f1f1f1 0%, #fcfcfc 100%); background: -ms-linear-gradient(top, #f1f1f1 0%, #fcfcfc 100%); background: -o-linear-gradient(top, #f1f1f1 0%, #fcfcfc 100%); background: linear-gradient(to bottom, #f1f1f1 0%, #fcfcfc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#fcfcfc', GradientType=0); box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, .05); } .bx_order_list .bx_small.bx_bt_button_type_2 { display: inline-block; min-width: 20px; line-height: 20px; } .bx_order_list .bx_small.bx_bt_button_type_2 { } .bx_order_list .bx_small.bx_bt_button_type_2:hover { } .bx_order_list .bx_small.bx_bt_button_type_2:active { } .bx_order_list .bx_medium.bx_bt_button_type_2 { padding: 0 13px; height: 25px; font-weight: bold; line-height: 25px; } .bx_order_list .bx_medium.bx_bt_button_type_2 { font-weight: bold } .bx_order_list .bx_medium.bx_bt_button_type_2:hover { } .bx_order_list .bx_medium.bx_bt_button_type_2:active { } .bx_order_list .bx_big.bx_bt_button_type_2 { padding: 0 13px; height: 34px; font-weight: bold; line-height: 34px; } .bx_order_list .bx_big.bx_bt_button_type_2 { } .bx_order_list .bx_big.bx_bt_button_type_2:hover { } .bx_order_list .bx_big.bx_bt_button_type_2:active { } .bx_order_list_table_white_header { background-color: #fff !important; } .bx_order_list .bx_ol_store { margin-top: 10px; } .bx_order_list .bx_ol_store .bx_old_s_row { margin-bottom: 10px; } .bx_order_list .bx_ol_store .bx_old_s_row_title { margin-bottom: 20px; } .bx_order_list .bx_ol_store .bx_ild_s_desc { margin-top: 5px; font-size: 12px; color: gray; } .bx_old_s_map { margin-top: 20px; width: 100%; } .bx_old_s_map .bx_bt_button_type_2 { margin-bottom: 10px; } .bx_map_buttons { height: 40px; } .bx_map_buttons a { display: inline-block; } #bx_old_s_map { margin-bottom: 10px; } #map-container { height: 200px; } .bx_ol_sku_prop img { width: auto !important; height: auto !important; max-width: 50px !important; max-height: 50px !important; min-width: 0 !important; margin: 3px 3px 3px 0; padding: 1px; border: 1px solid gray; } .bx_ol_sku_prop td { padding: 1px 1px 10px 1px !important; border: 0px; } .bx_my_order_switch { margin-bottom: 15px; line-height: 30px; } .bx_my_order_switch .bx_mo_link { margin-right: 20px; } /* sale personal order component */ .sale-order-detail-back-to-list-link-up, .sale-order-detail-back-to-list-link-down { display: block; padding: 19px 0 11px 0; } .sale-order-detail-back-to-list-link-down { padding: 19px 0 78px 0; } .sale-order-detail-title-element { margin: 0; font: 36px "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; color: #262626; } .sale-order-detail-about-order, .sale-order-detail-payment-options { margin-top: 20px; } .sale-order-detail-about-order-inner-container { padding: 17px 16px 22px 19px; border: 1px solid #efecec; } .sale-order-detail-about-order-inner-container-name-read-less, .sale-order-detail-about-order-inner-container-name-read-more, .sale-order-list-cancel-payment{ margin: 29px 0 0 0; border-bottom: 1px dashed #337ab7; cursor: pointer; } .sale-order-detail-about-order-inner-container-name-read-less:hover, .sale-order-detail-about-order-inner-container-name-read-more:hover, .sale-order-detail-payment-options-methods-info-change-link:hover, .sale-order-detail-show-link:hover, .sale-order-detail-hide-link:hover, .sale-order-list-cancel-payment:hover, .sale-order-detail-about-order-inner-container-name-read-less:active, .sale-order-detail-about-order-inner-container-name-read-more:active, .sale-order-detail-payment-options-methods-info-change-link:active, .sale-order-detail-show-link:active, .sale-order-detail-hide-link:active, .sale-order-list-cancel-payment:active, .sale-order-detail-about-order-inner-container-name-read-less:visited, .sale-order-detail-about-order-inner-container-name-read-more:visited, .sale-order-detail-payment-options-methods-info-change-link:visited, .sale-order-detail-show-link:visited, .sale-order-detail-hide-link:visited, .sale-order-list-cancel-payment:visited{ text-decoration: none!important; } .sale-order-detail-about-order-inner-container-name-read-less { display: none; } .sale-order-detail-about-order-inner-container-name-read-more { display: inline-block; } .sale-order-detail-about-order-inner-container-name-read-less:after, .sale-order-detail-about-order-inner-container-name-read-more:after, .sale-order-detail-payment-options-methods-info-change-link:after, .sale-order-detail-show-link:after, .sale-order-detail-hide-link:after { content: ""; display: inline-block; width: 6px; height: 4px; background: url(images/sale-personal-order-sprite.svg) no-repeat; vertical-align: middle; } .sale-order-detail-about-order-inner-container-name-read-less:after, .sale-order-detail-hide-link:after { background-position: -1px -33px; } .sale-order-detail-hide-link:after, .sale-order-detail-show-link:after, .sale-order-detail-payment-options-methods-info-change-link:after{ margin: 0 0 0 3px; } .sale-order-detail-about-order-inner-container-name-read-less:hover:after, .sale-order-detail-hide-link:hover:after { background-position: -8px -33px; } .sale-order-detail-about-order-inner-container-name-read-more:after, .sale-order-detail-payment-options-methods-info-change-link:after, .sale-order-detail-show-link:after { background-position: -1px -39px; } .sale-order-detail-about-order-inner-container-name-read-more:hover:after, .sale-order-detail-show-link:hover:after { background-position: -8px -39px; } .sale-order-detail-about-order-inner-container-name-detail, .sale-order-detail-about-order-inner-container-status-detail, .sale-order-detail-about-order-inner-container-price-detail { padding: 5px 0 0 0; font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #303030; } div.sale-order-detail-about-order-inner-container-repeat { padding-left: 0; } .sale-order-detail-about-order-inner-container-repeat-button { display: block; height: 38px; /*padding: 8px 4px 10px 4px;*/ background: #70bb18; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; font: bold 12px/38px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; text-align: center; } .sale-order-detail-about-order-inner-container-repeat-cancel { display: block; padding: 7px 0 0 0; font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #9b9b9b; text-align: center; text-decoration: underline; } .sale-order-detail-about-order-inner-container-details-title { padding: 7px 0 10px 0; border-bottom: 1px solid #f2f2f2; } .sale-order-detail-about-order-inner-container-comments { margin-top:35px; } .sale-order-detail-about-order-inner-container-details-list { padding: 0; } .sale-order-detail-about-order-inner-container-list-item { display: block; padding: 15px 0 0 0; } .sale-order-detail-about-order-inner-container-list-item-element { padding: 4px 0 0 0; font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #303030; } .sale-order-detail-about-order-inner-container-list-item-link { display: block; padding: 3px 0 0 0; font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #4a90e2; } /* payment */ .sale-order-detail-payment-options-methods-container { position: relative; overflow: hidden; } .sale-order-detail-payment-options-methods-container:before { content: ''; position: absolute; left: 33px; top: 0; bottom: 63px; width: 1px; height: 100%; background: #777f8a; } div.payment-options-methods-row { position: relative; padding: 0 0 0 69px; margin: 0 0 0 -15px; overflow: hidden; } div.payment-options-methods-row:before { content: ''; position: absolute; top: 50%; left: 34px; margin: -1px 0 0 0; height: 1px; width: 30px; background: #777f8a; } div.payment-options-methods-row:last-child:after { content: ''; position: absolute; top: 50%; left: 33px; bottom: 0; display: block; width: 1px; background: #fff; } .sale-order-detail-payment-options-inner-container { border: 1px solid #efecec; } div.sale-order-detail-payment-options-methods, div.sale-order-detail-payment-options-shipment { padding: 20px 0 26px 0; border-top: 1px solid #f2f2f2; overflow: hidden; } div.sale-order-detail-payment-options-shipment-image-container, div.sale-order-detail-payment-options-methods-image-container { text-align: center; } .sale-order-detail-payment-options-info { padding: 26px 15px 38px 15px; } .sale-order-detail-payment-options-info-image { display: inline-block; /*max-width: 46px;*/ /*width: 46px;*/ height: 54px; background: url("images/sale-personal-order-payment-options-order-number.svg") center no-repeat; } .sale-order-detail-payment-options-info-container { padding: 8px 0 0 6px !important; } .sale-order-detail-payment-options-info-order-number, .sale-order-detail-payment-options-info-total-price { height: 21px; line-height: 21px; font: bold 15px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .sale-order-detail-payment-options-info-total-price { font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif; } .sale-order-detail-payment-options-method { position: relative; } .sale-order-detail-payment-options-methods-information-block { position: static; -webkit-transition: opacity .5s .3s ease; -moz-transition: opacity .5s .3s ease; transition: opacity .5s .3s ease; opacity: 1; } .sale-order-detail-payment-options-methods-image-element, .sale-order-detail-payment-options-shipment-image-element{ display: block; height: 51px; margin: 0; background-size: contain; background-position: center; background-repeat: no-repeat; } .sale-order-detail-payment-options-methods-info { padding-left: 5px !important; } .sale-order-detail-payment-options-methods-info-title, .sale-order-detail-payment-options-methods-shipment-list-item-title { font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; } .sale-order-detail-payment-options-shipment-button-element { font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #4a90e2; } .sale-order-detail-payment-options-methods-info-title-status-alert, .sale-order-detail-payment-options-methods-info-title-status-restricted, .sale-order-detail-payment-options-methods-info-title-status-success { display: inline-block; padding: 4px 10px 5px 8px; border: 1px solid #eab3b9; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background: #ffe5e8; font: bold 12px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #d0021b; } .sale-order-detail-payment-options-methods-info-title-status-success { background: #e3f0bd; border: 1px solid #bed277; color: #597707; } .sale-order-detail-payment-options-methods-info-title-status-restricted { background: #f3f4f5; border: 1px solid rgba(128,134,142,0.20); color: #535c69; } .sale-order-detail-payment-options-methods-info-total-check, .sale-order-detail-payment-options-methods-info-total-price { padding: 4px 0 0 0; font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif; } .sale-order-detail-payment-options-methods-info-change-link { display: block; padding: 6px 0 0 0; font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif; } div.sale-order-detail-payment-options-methods-button-container { padding: 0 15px 0 0; } .sale-order-detail-payment-options-methods-info-total-check{ width:100%; float: left; } .sale-order-detail-sum-check-left{ display: inline; float: left; padding-right: 5px; } .sale-order-detail-payment-options-methods-button-element, .sale-order-detail-payment-options-methods-button-element-new-window{ cursor: pointer; display: block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; /*max-width: 115px;*/ background: #70bb18; color: #fff; font: bold 13px/38px "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; } .sale-order-detail-about-order-inner-container-repeat-button:hover, .sale-order-detail-payment-options-methods-button-element.active-button:hover, .sale-order-detail-payment-options-methods-button-element-new-window:hover{ color: #fff; background: #7bd314; -webkit-transition: background ease-out 0.5s; -moz-transition: background ease-out 0.5s; -ms-transition: background ease-out 0.5s; -o-transition: background ease-out 0.5s; transition: background ease-out 0.5s; } .sale-order-detail-about-order-inner-container-repeat-button:visited, .sale-order-detail-payment-options-methods-button-element.active-button:visited, .sale-order-detail-payment-options-methods-button-element-new-window:visited{ color: #fff; text-decoration: none; } .sale-order-detail-payment-options-methods-template { /*display: none;*/ } div.sale-order-detail-payment-options-methods-template { position: absolute; left: 1000px; padding: 24px 38px 24px 38px; margin: 0; border: 1px solid #3bc8f5; -webkit-transition: opacity .5s .3s ease; -moz-transition: opacity .5s .3s ease; transition: opacity .5s .3s ease; opacity: 0; } /* Active statement */ .sale-order-detail-active-event .sale-order-detail-payment-options-methods-template { position: relative; left: 0; opacity: 1; } .sale-order-detail-active-event .sale-order-detail-payment-options-methods-information-block { position: absolute; left: 1000px; opacity: 0; } .sale-order-detail-active-event .sale-order-detail-payment-options-methods-template.sale-paysystem-close { position: absolute; left: 1000px; } .inactive-button { background: #dff0d8; } .inactive-button:hover{ color: #FFFFFF; } .sale-order-detail-payment-options-shipment-composition-item-product-container, .sale-order-detail-payment-options-order-content-item-product-container { display: table; width: 100%; border-top: 1px solid #f2f2f2; } /* shipment */ .sale-order-detail-payment-options-methods-shipment-list { padding-left: 5px !important; font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif; list-style: none; } .sale-order-detail-payment-options-methods-shipment-list-item { padding: 6px 0 0 0; } .sale-order-detail-payment-options-methods-shipment-list-item-link { padding: 16px 0 0 0; } .sale-order-detail-shipment-id { font-weight: 700; } .sale-order-detail-shipment-id-icon { display: inline-block; width: 11px; height: 13px; background: url("images/sale-order-item-id-element.svg") center no-repeat; cursor: pointer; } .sale-order-payment-cancel { text-decoration: underline; cursor: pointer; } .sale-order-detail-show-link, .sale-order-detail-hide-link, .sale-order-detail-payment-options-methods-info-change-link { border-bottom: 1px dashed #337ab7; -webkit-transition: border-bottom .3s ease; -moz-transition: border-bottom .3s ease; transition: border-bottom .3s ease; cursor: pointer; display: inline; } .sale-order-detail-hide-link { display: none; } .sale-order-payment-cancel:hover, .sale-order-detail-payment-options-methods-info-change-link:hover { text-decoration: none; } .sale-order-detail-payment-options-shipment-button-container { text-align: right; } .sale-order-detail-payment-options-shipment-button-element { display: block; text-decoration: underline; } .sale-order-detail-payment-options-shipment-composition-map{ display: none; } .sale-order-detail-payment-options-shipment-composition-map-title { padding: 44px 0 8px 0; margin: 0; font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2f3435; } .sale-order-detail-payment-options-shipment-composition-map-container-map { width: 100%; min-height: 251px; } .sale-order-detail-payment-options-shipment-map-address { margin: 19px 0 39px 0; } .sale-order-detail-payment-options-shipment-map-address-title { font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2f3435; } .sale-order-detail-payment-options-shipment-map-address-element { font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; } .sale-order-detail-payment-options-shipment-composition-item-product-image { display: inline-block; width: 51px; height: 55px; background: url("images/sale-order-detail-payment-options-shipment-composition-item-product-image.png") no-repeat; background-size: contain; } .sale-order-detail-payment-options-order-content-item-product-image { width: 97px; height: 105px; background: url("images/sale-order-detail-payment-options-order-content-item-product-image.png") no-repeat; background-size: contain; } .sale-order-detail-payment-options-shipment-composition-item-container { padding: 17px 20px 14px 17px; border: 1px solid #efecec; } .sale-order-detail-payment-options-shipment-composition-item, .sale-order-detail-payment-options-shipment-composition-item-product-container { display: table; width: 100%; } .sale-order-detail-payment-options-order-content-item-product-image, .sale-order-detail-payment-options-order-content-item-product-name, .sale-order-detail-payment-options-order-content-item-product-cost, .sale-order-detail-payment-options-order-content-item-product-amount, .sale-order-detail-payment-options-order-content-item-product-total-price, .sale-order-detail-payment-options-shipment-composition-item-title, .sale-order-detail-payment-options-shipment-composition-item-product-image, .sale-order-detail-payment-options-shipment-composition-item-product-name, .sale-order-detail-payment-options-shipment-composition-item-product-amount, .sale-order-detail-payment-options-order-content-item-title { display: table-cell; text-align: center; } .sale-order-detail-payment-options-shipment-composition-item-product-container { padding: 11px 0 13px !important; } .sale-order-detail-payment-options-shipment-composition-item-product-name, .sale-order-detail-payment-options-shipment-composition-item-product-amount { line-height: 55px !important; } .sale-order-detail-payment-options-shipment-composition-item-product-name { padding: 0 0 0 18px !important; } .sale-order-detail-payment-options-shipment-composition-item-title { padding: 0 0 12px 0 !important; } .sale-order-detail-payment-options-order-content-item { display: table; width: 100%; padding: 19px 0 12px 0; } .sale-order-detail-total-payment { padding: 18px 0; } .sale-order-detail-total-payment-list-left, .sale-order-detail-total-payment-list-right { list-style: none; } .sale-order-detail-total-payment-list-left-item { font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2f3435; text-align: right; list-style: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .sale-order-detail-total-payment-list-right-item { height: 20px; line-height: 20px; font: bold 15px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2f3435; text-align: right; } /* colors grey */ .sale-order-detail-about-order-inner-container-list-item, .sale-order-detail-about-order-inner-container-name-titile, .sale-order-detail-about-order-inner-container-status-title, .sale-order-detail-about-order-inner-container-price-title, .sale-order-detail-payment-options-shipment-composition-item-title, .sale-order-detail-payment-options-order-content-item-title { font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #888; } .sale-order-detail-about-order-inner-container-details { display: none; } .sale-order-detail-about-order-inner-container-details-title { font: bold 13px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #888; } /* titles */ .sale-order-detail-about-order-title, .sale-order-detail-payment-options-title, .sale-order-detail-payment-options-shipment-composition-title, .sale-order-detail-payment-options-order-content-title, .sale-order-detail-payment-options-order-content-title { background: #f2f2f2; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; } .sale-order-detail-about-order-title-element, .sale-order-detail-payment-options-title-element, .sale-order-detail-payment-options-shipment-composition-title-element, .sale-order-detail-payment-options-order-content-title-element, .sale-order-detail-general-item { margin: 11px 0 13px 0; font: bold 15px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2f3435; } /* General detail theme color */ .sale-order-detail-general { border: 1px solid #179ebb; } .sale-order-detail-general-head { background: #179ebb; } .sale-order-detail-general-item { display: inline-block; color: #fff; } .sale-order-detail-payment-options-order-content { margin-top: 20px; } .sale-order-detail-payment-options-order-content-inner-container { border: 1px solid #efecec; } .sale-order-detail-payment-options-shipment-composition-container { margin: 20px 0 45px; } .sale-order-detail-payment-inner-row-template{ display: none; cursor: pointer; margin-top: 20px; } /* sale personal order ajax styles */ .sale-order-detail-order-section { -webkit-transition: border-color .3s ease; -moz-transition: border-color .3s ease; -o-transition: border-color .3s ease; transition: border-color .3s ease; border: 1px solid #e8e9eb; } .sale-order-detail-order-section.bx-step-completed { border: 1px solid #83CB1B; } .sale-order-detail-order-section-title-container { overflow: hidden; background: #f2f5f7; padding: 7px 0; font-size: 14px; } .sale-order-detail-order-section.bx-selected .sale-order-detail-order-section-title-container { padding: 15px; } .sale-order-detail-order-section.bx-step-completed .sale-order-detail-order-section-content, .sale-order-detail-order-section.bx-selected .sale-order-detail-order-section-content { line-height: 18px; } /* Table */ .sale-order-detail-order-table-fade { position: relative; } .sale-order-detail-order-table-fade-left:before, .sale-order-detail-order-table-fade-right:after { width: 15px; } .sale-order-detail-order-item-table { margin-bottom: 10px; min-width: 100%; display: table; } .sale-order-detail-order-item-tr { display: table-row; } .sale-order-detail-order-item-td { display: table-cell; vertical-align: top; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #e5e5e5; } .sale-order-detail-order-item-table .sale-order-detail-order-item-tr:first-child .sale-order-detail-order-item-td { border-top: none } .sale-order-detail-order-item-img-block { float: left; padding-right: 15px; } .bx-step-completed .sale-order-detail-order-item-img-block { width: 48px; padding-bottom: 10px; } .sale-order-detail-order-item-imgcontainer { border: 1px solid #c0cfd9; padding-top: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; } .sale-order-detail-order-item-title { font-weight: bold; padding-bottom: 5px; } .sale-order-detail-order-item-td-title { line-height: 20px; color: #7c7c7c; padding-bottom: 3px; font-size: 12px; } .sale-order-detail-order-item-td-text { line-height: 25px; vertical-align: middle; } .sale-order-detail-order-item-properties .sale-order-detail-order-item-td-title, .sale-order-detail-order-item-properties .sale-order-detail-order-item-td-text { text-align: center; } .sale-order-detail-order-item-properties.bx-text-right .sale-order-detail-order-item-td-title, .sale-order-detail-order-item-properties.bx-text-right .sale-order-detail-order-item-td-text { text-align: right; } .sale-order-detail-order-item-td-text input[type="number"] { height: 25px; line-height: 20px; } .sale-order-detail-order-item-td-text .bx-price { white-spoce: nowrap; } .bx-price-old { white-spoce: nowrap; text-decoration: line-through; color: #B8B8B8; font-size: 13px; } .sale-order-detail-order-item-td-control { padding-bottom: 5px; font-size: 11px; } /* Advanced info */ .sale-order-detail-order-item-info-container { position: relative; height: 35px; } .sale-order-detail-order-item-info-container .sale-order-detail-order-item-td { border: none; position: absolute; /*left:20px;*/ /*right:20px;*/ /*padding:0 20px;*/ } .sale-order-detail-order-item-info-container .sale-order-detail-order-item-info-block { height: 0; overflow: hidden; margin-bottom: 10px; } .sale-order-detail-order-item-info-block.bx-active { padding-top: 10px; height: auto; } .sale-order-detail-order-info-block { border: none; max-width: 100%; } .sale-order-detail-order-info-line { line-height: 15px; } .sale-order-detail-order-info-title { color: #7c7c7c; font-size: 12px; padding: 4px 0; vertical-align: top; } .sale-order-detail-order-info-text { display: inline-block; font-size: 12px; padding: 4px 10px; vertical-align: top; } .sale-order-detail-order-item-color, .sale-order-detail-order-item-size { font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #7c7c7c; } .sale-order-detail-status-restricted-message-block{ padding-top:10px; } .sale-order-detail-status-restricted-message{ font: 11px "Helvetica Neue", Arial, Helvetica, sans-serif; color: #9e9fa2; } /* Close icon */ .sale-paysystem-close { position: absolute; top: 7px; right: 7px; z-index: 1; } .sale-paysystem-close-item { display: inline-block; width: 18px; height: 18px; background: url(images/sale-personal-order-sprite.svg) 1px 1px no-repeat; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; opacity: 1; cursor: pointer; } .sale-paysystem-close-item:hover { opacity: .5; } /* Media */ @media (max-width: 991px) { .sale-order-detail-order-item-table, .sale-order-detail-order-item-table > tbody, .sale-order-detail-order-item-tr, .sale-order-detail-order-item-td { display: block; } .sale-order-detail-order-item-tr.sale-order-detail-order-item-info-container, .sale-order-detail-order-item-tr .sale-order-detail-order-item-td { border: none; } .sale-order-detail-order-item-tr { border-top: 1px solid #e5e5e5; padding-bottom: 15px; padding-top: 10px; overflow: hidden; } .sale-order-detail-order-item-tr.sale-order-detail-order-item-tr-first { border: none; } .sale-order-detail-order-item-block { overflow: hidden; } .sale-order-detail-order-item-properties.bx-text-right .sale-order-detail-order-item-td-title, .sale-order-detail-order-item-properties.bx-text-right .sale-order-detail-order-item-td-text { text-align: center; } div.sale-order-detail-about-order-inner-container-repeat, div.sale-order-detail-payment-options-methods-button-container { padding: 0 15px; } .sale-order-detail-payment-options-shipment-button-container { margin: 20px 0 0 0; text-align: center; } } @media (min-width: 581px) and (max-width: 991px) { .sale-order-detail-order-item-properties { float: left; padding-bottom: 10px; } .sale-order-detail-order-item-td-title, .sale-order-detail-order-item-nth-4p1, .sale-order-detail-order-item-tr { clear: both; } .sale-order-detail-order-item-td.sale-order-detail-order-item-properties{ width:100%; } } @media (min-width: 768px) and (max-width: 991px) { .sale-order-detail-payment-options-methods-button-container{ float: right; } .sale-order-detail-payment-options-methods-button-element { /*position: relative;*/ /*max-width: 252px;*/ /*width: 252px;*/ /*right:0;*/ /*top:0;*/ display: block; padding: 8px 22px 10px 22px; margin: 15px 0 0 0; border-radius: 2px; background: #70bb18; color: #fff; font: bold 13px "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; /*transform: translate(-6%, 35%);*/ cursor: pointer; } } @media (max-width: 767px) { div.sale-order-detail-payment-options-methods-button-container { margin: 15px 0 0 0; } } @media (max-width: 580px) { .sale-order-detail-order-item-td { line-height: 17px; } .sale-order-detail-order-item-img-block { float: none; max-width: 160px; margin: 0 auto; padding-right: 0; } .sale-order-detail-order-section.bx-step-completed .sale-order-detail-order-item-img-block { float: left; } .sale-order-detail-order-item-content { padding-top: 15px; } .sale-order-detail-order-section.bx-step-completed .sale-order-detail-order-item-content { padding-top: 0; } .bx-scu-container { padding-top: 10px; } .sale-order-detail-order-item-td-title, .sale-order-detail-order-item-td-text { line-height: 20px; display: inline-block !important; padding: 2px 5px; text-align: left; vertical-align: middle; font-size: 13px; } .sale-order-detail-order-item-td-title:after { content: ":" } .sale-order-detail-order-item-properties { padding: 3px 0; } .sale-order-detail-order-item-title{ text-align: center; } } @media (max-width: 580px) { .sale-order-detail-order-item-info-container .sale-order-detail-order-item-td { position: static; left: auto; right: auto; padding: 0; } .sale-order-detail-order-item-info-container { position: relative; height: auto !important; min-height: 0; } } @media (min-width: 580px) { .sale-order-detail-order-item-img-block { width: 85px; margin: 0; } } @media (max-width: 320px) { .sale-order-detail-order-item-img-block { max-width: 130px; } .sale-order-detail-order-item-td { min-width: auto !important; text-align: center; } .sale-order-detail-order-item-title { text-align: center; } .sale-order-detail-order-item-td-title { display: inline-block !important; } } @media (max-width: 768px) { .sale-order-detail-payment-options-methods-shipment-list, .sale-order-detail-payment-options-methods-info { padding-left: 15px !important; } .sale-order-detail-about-order-inner-container-price { margin: 15px 0; } .sale-order-detail-about-order-inner-container-repeat { margin: 15px; } .sale-order-detail-payment-options-info-order-number, .sale-order-detail-payment-options-info-total-price { height: auto; } .sale-order-detail-payment-options-shipment-button-element { text-align: center; } } @media (min-width: 580px) and (max-width: 768px){ .sale-order-detail-order-item-td-title, .sale-order-detail-order-item-td-text { display: inline-block !important; } } @media (min-width: 580px) { .sale-order-detail-order-item-td-title, .sale-order-detail-order-item-td-text { line-height: 20px; padding: 2px 5px; text-align: left; vertical-align: middle; font-size: 13px; } .sale-order-detail-order-item-properties { padding: 3px 0; } } @media (max-width: 320px) { .sale-order-detail-total-payment-list-left-item, .sale-order-detail-payment-options-info-total-price { font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; } .sale-order-detail-payment-options-info-order-number, .sale-order-detail-total-payment-list-right-item { font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif; } .sale-order-detail-payment-options-info-image { display: none; } .sale-order-detail-payment-options-shipment-button-element { text-align: center; } }