body{
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin:0;
    padding:0;
}

.bx-tg-text-block{
    display:inline-block;
    vertical-align:middle;
}
.bx-tg-text-block.big{
    font-size:13px;
    line-height:40px;
    height:40px;
}
.bx-tg-text-block.medium{
    font-size:12px;
    line-height:32px;
    height:32px;
}
.bx-tg-text-block.small{
    font-size:11px;
    line-height:29px;
    height:29px;
}
.bx-tg-text-block.xsmall{
    font-size:11px;
    font-weight:normal;
    line-height:18px;
    height:20px;
    padding-bottom:2px;
    text-transform:none;
}
.bx-tg-text-block.red,
.bx-tg-text-block.error{
    color:#f00;
}
.bx-tg-text-block.blue{
    color:#2e95dd;
}
.bx-tg-text-block.good,
.bx-tg-text-block.green{
    color:#70920a;
}

/*GRID*/
.bx-zorder-wrap-container{
    padding:20px 25px;
    max-width: 1050px;
}
.bx-zoeder-content-container{
    position:relative;
    padding:25px 15px;
    border:2px solid #b9cf70;
}
h2.bx-zorder-content-container-title{
    font-size:14px;
    font-weight:normal;
    line-height:28px;
    position:absolute;
    top:-14px;
    left:14px;
    display:block;
    height:28px;
    margin:0;
    padding:0;
    padding:0 10px;
    vertical-align:middle;
    color:#535b69;
    background:#fff;
}
h2.bx-zorder-content-container-title>span.icon{
    line-height:28px;
    display:inline-block;
    width:28px;
    height:28px;
    margin-right:10px;
    vertical-align:middle;
    background:url(images/sprite.png) no-repeat 0 0;
}


/*Section*/
.bx-zorder-section{
    margin-bottom:20px;
}
.bx-zorder-section.left{
    margin-right:450px;
}
.bx-zorder-section.right{
    float:right;
    width:433px;
}


/*table price */
.bx-zorder-table-price{
    width:100%;
    border-collapse:collapse;
}
.bx-zorder-table-price thead tr td:first-child,
.bx-zorder-table-price thead tr td:last-child,
.bx-zorder-table-price tbody tr td:first-child,
.bx-zorder-table-price tbody tr td:last-child{
    width:20px;
    min-width:20px;
    max-width:20px;
    padding:0 !important;
    border-bottom:none;
}
/*table price header */
.bx-zorder-table-price thead tr td{
    font-size:10px;
    font-weight:bold;
    padding:16px 0 3px;
    text-transform:uppercase;
    color:#b2b7bb;
    background:#f1f5f6;
}
/*table price Body */
.bx-zorder-table-price tbody tr td{
    font-size:18px;
    padding:10px 0;
    border-bottom:1px solid #dbddde;
    background:#f1f5f6;
}
.bx-zorder-table-price tbody tr:last-child td{
    border-bottom:none;
}
.bx-zorder-table-price tbody tr td.bx-zorder-table-result-td{
    font-size:18px;
    font-weight:bold;
    vertical-align:top;
    text-align: right;
}
.bx-zorder-table-price tbody tr.bx-zorder-table-bold-tr td{
    color: #000;
    font-weight:bold;
}
.bx-zorder-table-price tbody tr.bx-zorder-table-list.sale td{
    color:#808b8e;
}
/*table price footer */
.bx-zorder-table-price tfoot tr td{
    padding:16px 18px;
    border-top:2px solid #fff;
    background:#ddf0f5;
}
.bx-zorder-table-price tfoot tr td.bx-zorder-table-result-total{
    font-size:10px;
    font-weight:bold;
    padding-right:0;
    padding-left:0;
    vertical-align:top;
    text-transform:uppercase;
    color:#b2b7bb;
    border-top:2px solid #949494;
}
.bx-zorder-table-price tfoot tr td.bx-zorder-table-result-summ{
    font-size:24px;
    font-weight:bold;
    text-align:left;
    color:#000;
    border-top:2px solid #949494;
    text-align: right;
}


/*billinginfo*/
.bx-zorder-billinginfo-container{
    border:1px solid #dfe1e3;
}
.bx-zorder-billinginfo-header{
    font-weight:bold;
    line-height:44px;
    height:44px;
    padding:0 20px;
    vertical-align:middle;
    color:#404a57;
    background:#ebf1f2;
}
.bx-zorder-billinginfo-content{
    padding:15px 20px;
}
.bx-zorder-billinginfo-data{
    margin:0;
    padding:0;
}
.bx-zorder-billinginfo-data dt{
    font-size:13px;
    display:block;
    color:#818181;
}
.bx-zorder-billinginfo-data dd{
    font-size:16px;
    font-weight:bold;
    display:block;
    margin:0 0 10px;
    padding-bottom:12px;
    border-bottom:1px solid #ededed;
}
.bx-zorder-billinginfo-data dd:last-child{
    margin:0;
    border:none;
}


/*paymentinfo*/
.bx-zorder-paymentinfo-container{
    border:1px solid #dfe1e3;
}
.bx-zorder-paymentinfo-header{
    font-weight:bold;
    line-height:44px;
    height:44px;
    padding:0 20px;
    vertical-align:middle;
    color:#404a57;
    background:#ebf1f2;
}
.bx-zorder-paymentinfo-content{
    padding:15px 20px;
}


/*card*/
.bx-zorder-paymentinfo-card{
    padding:15px 20px;
    border-radius:7px;
    background:#eaedef url(images/card_bg.png) ;
}
.bx-zorder-paymentinfo-card-block{
    margin-bottom:10px;
}
.bx-zorder-paymentinfo-card-label{
    font-size:12px;
    font-weight:bold;
    display:inline-block;
    margin-bottom:3px;
    color:#555;
}
.cm-int-text-Card-Number,
.cm-int-text-Month,
.cm-int-text-Year,
.cm-int-text-First-name,
.cm-int-text-Last-name{
    font-weight:bold;
    color:#000;
}
.cm-int-text-Card-Number{
    font-size:22px !important;
    width:350px;
}
.cm-int-text-Month,
.cm-int-text-Year{
    width:90px;
}
.cm-int-text-First-name,
.cm-int-text-Last-name{
    width:350px;
}
.bx-zorder-paymentinfo-card.blocked .cm-int-text-Card-Number,
.bx-zorder-paymentinfo-card.blocked .cm-int-text-Month,
.bx-zorder-paymentinfo-card.blocked .cm-int-text-Year,
.bx-zorder-paymentinfo-card.blocked .cm-int-text-First-name,
.bx-zorder-paymentinfo-card.blocked .cm-int-text-Last-name{
    border:1px solid #d1d4d6;
    background:transparent;
}
.cm-int-text-cvc{
    float:left;
    width:80px ;
}
.bx-cvc-text-block{
    font-size:11px;
    position:relative;
    top:-5px;
    float:left;
    width:252px;
    height:48px;
    padding-top:6px;
    padding-right:85px;
    padding-left:10px;
    color:#717171;
    background:url(images/sprite.png) no-repeat right -32px;
}
.bx-cvc-desc{
    font-size:11px;
    position:relative;
    top:-18px;
    color:#89929c;
}
.bx-zorder-paymentinfo-btn-update{
    width:391px;
    margin:0 auto;
    padding:20px 0;
    border-top:1px solid #edeef0;
}


/*Biling info form*/

.bx-zorder-bilinginfo-card-block{
    position:relative;
    height:55px;
    margin-bottom:10px;
}
.bx-zorder-bilinginfo-card-label{
    font-size:12px;
    font-weight:bold;
    display:inline-block;
    margin-bottom:3px;
    color:#555;
}
.bx-zorder-bilinginfo-card-int-container{
    position:absolute;
    top:20px;
    right:120px;
    left:0;
    display:block;
}
input.cm-int-text-biniginfo{
    display:block;
    width:100%;
}
.cm-tg-text-billinginfo{
    position:absolute;
    top:20px;
    right:0;
    width:110px;
}
.bx-icon-helper{
    line-height:32px;
    display:inline-block;
    width:19px;
    height:19px;
    margin-right:7px;
    cursor:pointer;
    vertical-align:middle;
    background:url(images/sprite.png) no-repeat left -160px;
    opacity: .3;
    -webkit-transition:opacity .3s ease;
       -moz-transition:opacity .3s ease;
        -ms-transition:opacity .3s ease;
         -o-transition:opacity .3s ease;
            transition:opacity .3s ease;
}
.bx-icon-helper:hover{
    opacity: .7;
}

/*Footer*/
.bx-zorder-section.footer{
    font-size:12px;
    line-height:16px;
    margin-bottom:0;
    padding-bottom:0;
    vertical-align:middle;
    color:#585858;
}
.bx-zorder-section.footer a{
    text-decoration:underline;
    color:#6a9bca;
}
.bx-zorder-section.footer a:hover{
    text-decoration:none;
}

.bx-icon.self{
    line-height:16px;
    position:relative;
    top:-1px;
    display:inline-block;
    width:16px;
    height:16px;
    vertical-align:middle;
    background:url(images/sprite.png) 0 -96px no-repeat;
}
.bx-icon-braintree{
    position:absolute;
    right:10px;
    bottom:10px;
}
.bx-icon-braintree.big{
    background:url(images/BrainTree_big.png);
    width: 111px;
    height: 56px;
}
.bx-icon-braintree.small{
    background:url(images/BrainTree_small.png);
    width: 118px;
    height: 28px;
    bottom:20px;
}

/*attention*/
.bx-attention{
    position:relative;
    margin:10px auto 20px;
    padding:13px 20px;
}
.bx-attention ul{
    margin:0;
    padding:0;
}
.bx-attention ul li{
    margin-bottom:6px;
}
.bx-attention ul li:last-child{
    margin-bottom:0;
}

.bx-attention.error{
    font-size:13px;
    padding-left:58px;
    color:#b90711;
    background:#f4d5d5;
}
.bx-attention .bx-attention-icon{
    display:none;
}
.bx-attention.error .bx-attention-icon{
    position:absolute;
    top:11px;
    left:15px;
    display:block;
    width:21px;
    height:19px;
    background:url(images/sprite.png) no-repeat 0 -128px;
}

/* Coupone */
.bx-zorder-coupon{
    background: #EBF1F2;
    padding: 15px 20px 20px;
}


.cm-int-text-coupon{
    font-weight:bold;
    color:#000;
    font-size:22px !important;
    width:350px;
}
.csys{
    background: url(images/csys.png);
    width: 228px;
    height: 26px;
    margin-bottom: 5px;
}
.csys-de{
    background: url(images/csys-de.png);
    width: 92px;
    height: 26px;
    margin-bottom: 5px;
}
.content-edit-form-notice-successfully.bxflat{
    border: none;
    padding-bottom: 10px;
    box-shadow: none;
}

.bxflat .content-edit-form-notice-text{
    text-shadow: none !important;   
}
.siteseal
{
    position: absolute;
    right: 142px;
    bottom: 18px;
    background-image: url(images/siteseal_gd_3_h_l_m.gif);
    width: 131px;
    height: 32px;
}
.bx-zorder-wrap-container a, .bx-zorder-wrap-container a:hover {
    text-decoration: underline;
    color: #5f9ccd;
}
a.bx-btn, a.bx-btn:hover {
    text-decoration: none;
}

#card-field{
	min-height: 1rem;
	border: 1px solid rgba(82, 92, 105, 0.1);
	border-radius: 2px;
	background-color: #fff;
	padding-left: 9px;
}

#card-field-period {
	min-height: 1rem;
	border: 1px solid rgba(82, 92, 105, 0.1);
	border-radius: 2px;
	background-color: #fff;
	padding-left: 9px;
}
#card-field-cvv {
	min-height: 1rem;
	border: 1px solid rgba(82, 92, 105, 0.1);
	border-radius: 2px;
	background-color: #fff;
	padding-left: 9px;
}
.invalidInputs-0-0-11
{
	color:red;
}


.bx-order-status {
    border-radius: 3px;
    border: 1px solid;
    text-align: center;
    position: relative;
    padding: 172px 42px 38px;
    min-width: 450px;
    box-sizing: border-box;
}

.bx-order-status:before {
    content: '';
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    width: 98px;
    height: 98px;
    border-radius: 50%;
}

.order-status-title {
    font: 23px/28px "OpenSans-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
}

.order-status-detail {
    font: 17px/24px "OpenSans-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.bx-order-status > .ui-btn {
    margin-top: 34px;
}

.order-status--fail {
    border-radius: 16px;
    border-color: #ff8e8a;
}

.order-status--fail:before {
    background: #ff5752 url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236%22%20height%3D%2236%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M35.678%206.687L24.365%2018l11.313%2011.314-6.364%206.364L18%2024.364%206.686%2035.678.322%2029.314%2011.637%2018%20.322%206.687%206.686.323l11.315%2011.313L29.314.323l6.364%206.364z%22/%3E%3C/svg%3E) no-repeat center;
}

.order-status--success {
    border-color: #bddf52;
}

.order-status--success:before {
    background: #9DCF00 url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2242%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.901%2020.132l-8.73-8.398L0%2017.671l14.565%2014.012.006-.006.336.323L42%205.937%2035.829%200z%22/%3E%3C/svg%3E) no-repeat center;
}

.ui-alert-success {
    background: #f1fbd0;
    color: #7fa800;
}

.ui-alert {
    position: relative;
    display: flex;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 16px 34px 16px 18px;
    width: 100%;
    border-radius: 10px;

    vertical-align: middle;
    opacity: 1;
    transition: 180ms linear all;
}


.ui-alert-danger {
    background-color: #fae5e8;
    color: #d0021b;
}

.ui-alert-danger .ui-alert-close-btn:after,
.ui-alert-danger .ui-alert-close-btn:before { background-color: #d0021b; }

.ui-alert-warning {
    background-color: #f8f4bc;
    color: #91711e;
}

.ui-alert-warning .ui-alert-close-btn:after,
.ui-alert-warning .ui-alert-close-btn:before { background-color: #af9245; }