.table-checkout-shipping-method{
	width:100%;
}
#checkout-shipping-method-load .table-checkout-shipping-method tbody tr {
    padding-top: 20px;
    padding-bottom: 15px;
}
#checkout-shipping-method-load thead .row{
   border:none;
}
.table-checkout-shipping-method .row {
    border: 1px solid black;
    width: 100%;
    border-radius: 7px;
}
.col.col-method {
    float: right;
    right: 82px;
    position: relative;

}
td[id^='label_method_'], td[id*='label_method_']{
    left: 0;
    position: relative;
    color: #444;
    border-radius: 5px;
    padding: 0;
    margin-bottom: 5px;
    cursor: pointer;
    width: 66%;
}
.col.col-price{
    float: right;
    border: 2px solid black !important;
    border-radius: 20px;
    /*! position: relative; */
    height: 22px;
}
.col.col-price{
   min-width:80px;
   text-align: right;
}
.col.col-price:hover{
   background-color: #63d449;
   
}
.col.col-price span:hover{
   color:white !important;
}
.col.col-price .price{
   margin-right:5px;
   margin-top: 0;
}
#checkout-shipping-method-load input[type="radio"]:checked::before {
    position: absolute;
    font: 13px/1 'Open Sans', sans-serif;
    left: 3px;
    top: 0px;
    content: '\02143';
    transform: rotate(40deg);
}

#checkout-shipping-method-load input[type="radio"]:checked{
   background-color: #63d449;
}

.col.col-method .radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    position: relative;
    background-color: white;
    color: #666;
    height: 18px;
    width: 19px;
    border: 0;
    border-radius: 50px;
    cursor: pointer;
    margin-right: 7px;
    outline: none;
    right: 0;
    border: 2px solid black;
    float: left;
}
#checkout-shipping-method-load .table-checkout-shipping-method tbody td:first-child {

    padding-left: 0;
    padding-right: 0px;
    width: 14px;
    position: relative;
    top: -1px;
    float: right;

}
.checkout-container #checkoutSteps > li#payment #co-payment-form > .fieldset > div {
    width:98%;
    min-height: 300px;
}
.payment-method-title.field.choice{
max-width: 50px;
background: #efefef;
box-shadow: 0 48px 80px -32px rgba(0,0,0,0.3);
   position: absolute;
   width: 0;
padding: 0;
}
[for="moipcc"]{
   top:69px;
   left: 0;
}
[for="moipboleto"]{
   top: 0px;
   left: 0;
}
[for="upseguro_boleto"]{
   top: 135px;
   left: 0;
   padding: 0 !important;
   padding-left: 74px !important;
   padding-right: 24px !important;
   padding-top: 3px !important;
}
input[type="radio"] + [for=moipcc]:before {
  content:"\e901";
  font-family:"pagamento";
  /*! display: block; */
  font-size:40px;
  float:left;
  text-align: center;
}
input[type="radio"] + [for=moipboleto]:before {
  content:"\e902";
  font-family:"pagamento";
  display: inline-block;
  font-size:40px;
  float:left;
  text-align: center;
}

input[type="radio"] + [for=upseguro_boleto]:before {
  content:"\e903";
  font-family:"checkout";
  /*! display: table-row; */
  font-size:49px;
  float:right;
  text-align: center;
  letter-spacing: 12px;
}
input[type="radio"] + .label:after {
 -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
position: relative;
background-color: grey;
color: #666;
height: 20px;
width: 20px;
border: 1px solid black;
border-radius: 50px;
cursor: pointer;
margin-right: 7px;
outline: none;
   content:"";
   vertical-align: text-top;
}
input[type="radio"]:checked + .label:after {/* background-color: #63d449; *//* position: absolute; *//* font: 13px/1 'Open Sans', sans-serif; *//* content: '\02143'; *//* transform: rotate(40deg); */}
input[type="radio"]:checked + .label {
background-color: #63d449;


}
.payment-method input[type="radio"]{
   position: absolute;
   opacity: 0;
}
.payment-group{
   height:100%;
}
.payment-method{
   margin-left:-80px; 
}
.payment-method._active{
   position:relative;
   height:100%;
   width: 0;
   float: left;
   left: 0px;
}
.payment-method-content{
  position:relative;
  left:200px;
}
.checkout-payment-method .payment-method._active .payment-method-content {
    display: block;
    min-width: 520px;
    height: 100%;
    width: 499px;
    border: 1px solid black;
    padding: 29px;
    border-radius: 31px;
}
.payment-method._active .payment-method-title.field.choice{
   position:absolute;
}
.payment-method .payment-method-title.field.choice .label{
   margin-left: 80px;
}
.payment-method-title.field.choice .label {
  padding-right: 75px;
  background: none;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  /*! color: #7f7f7f; */
  transition: background 0.1s, color 0.1s;
  border:1px solid black;
  min-height: 60px;
  padding-left: 24px;
  /*! display: block; */
  direction: rtl;
}
.payment-method-title.field.choice .label span {
  cursor: pointer;
  color: black;
  transition: background 0.1s, color 0.1s;
   
  font-size: 10px;
  font-weight: 300;
  position: absolute;
  left: 0;
  bottom: 0;
  width: auto;
  word-wrap: break-word;
  display: block;
  word-break: break-all;
  text-align: center;
  height: 20px;
  direction: rtl;
}
.payment-method-title.field.choice .label:hover {
  background: #d8d8d8;
}
@media only screen and (min-width:768px) and (max-width:1007px){
   .checkout-container #checkoutSteps > li#payment #co-payment-form > .fieldset > div {
    width:98%;
    min-height: 300px;
}
   [for="moipcc"]{
   top:0 !important;
   left: 110px;
}
[for="moipboleto"]{
   top: 0!important;
   left: 0;
}
[for="upseguro_boleto"]{
   top: 0 !important;
   left: 220px;
   padding: 0 !important;
   padding-left: 74px !important;
   padding-right: 24px !important;
   padding-top: 3px !important;
}
   .payment-method-content {
    position: relative;
    left: 70px;
    top:70px;
}
   .checkout-payment-method .payment-method._active .payment-method-content {
    display: block;
    min-width:0;
    width:45vw;
    
   
}
}
@media only screen and (min-width:580px) and (max-width:767px){
   .checkout-container #checkoutSteps > li#payment #co-payment-form > .fieldset > div {
    width:98%;
    min-height: 300px;
}

   .payment-method-content {
    position: relative;
    left: 190px;
    top:0;
}
   .checkout-payment-method .payment-method._active .payment-method-content {
    display: block;
    min-width:0;
    width:75vw;  
}
}
@media only screen and (max-width:579px){
   .checkout-container #checkoutSteps > li#payment #co-payment-form > .fieldset > div {
    width:98%;
    min-height: 300px;
}
   [for="moipcc"]{
   top:0 !important;
   left: 110px;
}
[for="moipboleto"]{
   top: 0!important;
   left: 0;
}
[for="upseguro_boleto"]{
   top: 0 !important;
   left: 220px;
   padding: 0 !important;
   padding-left: 74px !important;
   padding-right: 24px !important;
   padding-top: 3px !important;
}
   .payment-method-content {
    position: relative;
    left: 70px;
    top:70px;
}
   .checkout-payment-method .payment-method._active .payment-method-content {
    display: block;
    min-width:0;
    width:95vw;
    
   
}
}
/*Checkout - Gabi */
.customer-step .opc-sidebar { display:none; }
.checkout-loader img{display:none;}
.field[name="shippingAddress.street.0"]{/* display:none; */}
.field[name="shippingAddress.street.1"]{/* display:none; */}
.field[name="shippingAddress.street.2"]{/* display:none; */}
.field[name="shippingAddress.street.3"]{/* display:none; */}
.field[name="shippingAddress.city"]{/* display:none; */}
/*.field[name="shippingAddress.telephone"]{display:none;}*/
.field[name="shippingAddress.country_id"]{display:none !important;}
.field[name="shippingAddress.region_id"]{display:none !important;}
.field.view{display:block;}
/*Checkout - Gabi */
.customer-step .opc-sidebar { display:none; }
.checkout-loader img{display:none;}
.field[name="shippingAddress.street.0"]{/* display:none; */}
.field[name="shippingAddress.street.1"]{/* display:none; */}
.field[name="shippingAddress.street.2"]{/* display:none; */}
.field[name="shippingAddress.street.3"]{/* display:none; */}
.field[name="shippingAddress.city"]{/* display:none; */}
/*.field[name="shippingAddress.telephone"]{display:none;}*/
.field[name="shippingAddress.country_id"]{display:none !important;}
.field[name="shippingAddress.region_id"]{display:none !important;}
.field.view{display:block;}
/*Fim Checkout Gabi*/
.checkout-container .opc-progress-bar{
width:50%;
margin: 0 auto;
}
.customer-step .opc-wrapper{
width:100%;
float:none;
-webkit-transition: background 3s ease-in;
-moz-transition: background 3s ease-in;
-ms-transition: background 3s ease-in;
-o-transition: background 3s ease-in;
transition: background 3s ease-in;

}
.customer-step #checkoutSteps{margin: 0 auto;padding-top: 30px;justify-content: center;display: flex;}

.customer-step #checkoutSteps > li {
    padding: 30px;
    background-color: #fff;
    margin-bottom: 2.5em;
}
.customer-step .control._with-tooltip{
   padding-right:0;
}
.customer-step #email{
border: 2px solid black;
padding: 50px;
}
.customer-step #customer-password{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
#customer-email-fieldset{
border:none;
}
#customer-email-fieldset .hidden-fields .field{width: 72%;float: left;padding:0;}
#customer-email-fieldset .hidden-fields .field .label{
display:none;
}
#customer-email-fieldset .hidden-fields .actions-toolbar{width: 28%;float: right;padding-left: 0;padding-right: 0;}
#customer-email-fieldset .hidden-fields .actions-toolbar .primary .action.login{border-radius: 30px;background-color: red;border-bottom-left-radius: 0;border-top-left-radius: 0;width: 100%;line-height: 36px;}
#customer-email-fieldset .fieldset.hidden-fields{
border:none;
padding: 20px 0 0 0;
}
#customer-email-fieldset form.form fieldset.fieldset{
border:none;
padding:0;
margin:0;
}
.button.action.continue.primary{
border-radius: 30px;
background-color: red;
}

/* UPSEGURO */
label[for="upseguro_cc"] {
   top: 65px;
}

.checkout-payment-method .payment-method._active .payment-method-content {
   top: -100px;
}

form#upseguro_cc-form {
   background: #fff;
   height: 480px;
}

input#upseguro_cc_cc_number {
       border-color: #000;
       border-radius: 1pt;
       border: 2px solid #0000;
       font-size: 22px;
       letter-spacing: 1px;
       width: 100%;
       padding: 6px 6px;
       background-color: #ffffffc7!important;
       border-bottom: 2px solid #9E9E9E;
}

fieldset#upseguro_cc-cc_owner {margin-bottom: -20px;padding-top: 30px;}

div#upseguro_cc_cc_type_cvv_div {
   float: right;
   top: -75px;
}

.checkout-payment-method .payment-method-content .fieldset:not(:last-child) {
   margin-bottom: 0;
   padding: 10px;
}

fieldset#upseguro_cc-cc_parcelas {top: -100px;position: relative;}

@media only screen and (max-width: 579px) {

   .checkout-payment-method .payment-method._active .payment-method-content {
   top: 70px;
   padding: 0;
}

.checkout-container #checkoutSteps > li#payment #co-payment-form > .fieldset > div {/* min-height: 100% !important; */width: 100%;}

form#upseguro_cc-form {
   background: #fff;
   height: 410px;
   width: 93%;
}

label[for="upseguro_cc"] {top: 0px;right: -177px;padding: 0 60px !important;}

.payment-method .payment-method-title.field.choice .label[for="vindi_bankslip"] {
   background-color: #6abda00f !important;
   /* border-right: 5px solid #5fd474 !important; */
   transition: all .5s ease-out !important;
   padding-right: 10px;
   padding-right: 75px;
   background: none;
   cursor: pointer;
   font-weight: bold;
   font-size: 18px;
   transition: background 0.1s, color 0.1s;
   border: 1px solid black !important;
   min-height: 60px;
   padding-left: 24px;
   direction: rtl;
}

.payment-method-title.field.choice .label {
   width: 879px !important;
}

.checkout-payment-method .payment-method-billing-address {
   padding: 20px;
}

.payment-method._active {
   margin-left: -75px;
}

.checkout-payment-method .billing-address-same-as-shipping-block {
   margin: 10px 0;
}

div#checkout-payment-method-load {
   height: 880px !important;
}

#checkout-payment-method-load .action.checkout {
   width: 235px;
   margin-left: auto;
   margin-right: auto;
}
}
/*  UPSEGURO v2 */
@media (min-width: 1441px) {

   #shipping-new-address-form > span {
       width: 100%;
       display: flex;
   }
   }
    #shipping-new-address-form > span {
       width: 100%;
       display: flex;
   }
   
   label[for="checkmo"] {
      display: none !important;
  }