@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

body{
   font-family: 'Roboto', sans-serif;
   background: #F9FBFD;
}
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.dropdown-toggle.btn-danger.focus,
.open>.dropdown-toggle.btn-danger:focus {
   background: #29ab20;
   border-color: #29ab20;
   border-bottom: 2px solid #025401;
}

#wrapper{
   max-width: 1200px;
   height: 400px;
  
}

a {
   text-decoration: none;
}


.p2p-arrow-description {
   font-size: 14px;
   color: #6F6F6F;
   margin-top: 0;
}


.p2p-card1-description-text {
   color: #6F6F6F;
   font-size: 14px;
   display: inline-block;
}
.p2p-card1-title-mark{
   height: 38px;
    width: 58px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    float: right;
    margin-right: 0;
    margin-top: 0;
    position: absolute;
    right: 0px;
    top: -8px;
}

input[type="text"],
input[type="search"],
.user-profile input[type="text"],
.user-profile input[type="password"],
.selectBox,
.ui-multiselect {
   background: #fff;
   line-height: normal !important;
   padding: 3px 9px 4px;
   border: 1px solid #d9d9d9;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #333;
   font-weight: 300;
   outline: none
}

#d_ua-enter-mail {
   width: 203px;
   margin-left: 4px;
   padding: 15px 15px 15px 50px;
   text-align: left;
   background: url(/media/images/site/d-ua/envelope.png) no-repeat 10px center #eee;
   background-size: 10%;
   border: 1px solid #ccc;
   margin-bottom: 15px;
   border-radius: 2px;
   outline: none;
}

#d_ua-enter-mail:on-focus {
   outline: none;
}

.card2-title,
.card-title {
   font-weight: 800;
   font-size: 24px;
   color: #000000;
   margin-bottom: 20px;
}

.pad-0 {
   padding: 0;
}
#p2pform-sender_card_pan{

}
.form-control{
   height: 54px;
   max-width: 360px;
   width: 100%;
   padding: 16px 0 16px 20px;
   background: #FFFFFF;
   border: 1px solid #C7D7FF;
   border-radius: 6px;
   font-size: 14px;
   letter-spacing: 4px;
   color: #000000;
}
.p2p-c1f-date-title, .p2p-c1f-cvv-title-text{
   color: #6F6F6F;
    font-size: 14px;
}
.p2p-date{
   display: inline-block;
   border: 1px solid #C7D7FF;
   border-radius: 6px;
   padding-left: 3px;
}
#p2pform-sender_card_expm, #p2pform-sender_card_expy{
   padding: 0;
   border: 0;
   outline: none;
   box-shadow: none;
   font-size: 14px;
}

.p2pMain-card1 .field-p2pform-sender_card_expy, .p2pMain-card1 .field-p2pform-sender_card_expm{
   border: 0;
   margin: 0;
   border: 0;
   width: 58px;
}
.p2pMain-card1 .p2p-date span {
   position: absolute;
   top: 18px;
   left: 57px;
   color: #AEBDD2;
}
.p2p-cvv {
   display: inline-block;
   margin-left: 7px;
}
.p2p-card1-foot{
   display: inline-block;
}
.p2pMain-card1 .field-p2pform-sender_card_cvv{
   margin: 0;
   border: 0;
}

.p2p-card1-phone p{
   color: #6F6F6F;
   font-size: 14px;
   margin-top: 10px;
}
.p2p-arrow-description img {
   margin-right: 5px;
}
.p2pMain-arrow{
   margin-top: 68px;
}
.p2pMain-arrow .text{
   color: #6F6F6F;
   font-size: 14px;
}
.pad-l-0{
   padding-left: 0;
}
.p2p-card1-email p{
   color: #6F6F6F;
   font-size: 14px;
}
.p2p-form-sub-step1 .button-transfer{
   background: #344D90;
   border-radius: 6px;
   max-width: 188px;
   width: 100%;
   height: 60px;
   color: #FFFFFF;
   font-weight: 400;
   font-size: 15px;
   border: 0;
   margin-top: 41px;
}
.p2p-form-sub-step1 .button-transfer:disabled{
   opacity: 0.3;
}
#commission .color{
   color: #000000;
   font-weight: 600;
}
.card2-title, .card-title{
   margin-top: 14px;
}
.p2pMain-arrow-mob{
   display: none;
}
.p2pMain-card1{
   position: relative;
}
.title-step-3{
   color: #000;
   font-weight: 800;
font-size: 24px;
margin-top: 20px;
}
.panel{
   background: transparent;
   box-shadow: none;
   border: 0;
   margin: 30px 0 0 0;
}
.table-responsive {
   max-width: 420px;
}
.table-responsive tr td{
   font-size: 14px;
   color: #666666;
}
.table-responsive tr td:last-child{
   color: #000000;
   font-weight: 600;
}
.table > tbody > tr > td{
   border: 0;
   padding-left: 0;
}
.btn-pay, .btn-pay:hover{
   display: block;
   background: #344D90;
    border-radius: 6px;
    max-width: 188px;
    width: 100%;
    height: 60px;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 14px;
    border: 0;
    margin-top: 0;
    text-align: center;
    padding-top: 20px;
    text-decoration: none;
}
.panel-body{
   padding: 0;
   color: #000000;
}
@media (max-width: 991px) {
   .mob{
      display: flex;
      flex-direction: column;
   }
   .order-3{
      order: 3;
   }
   .p2pMain-arrow-mob{
      display: block;
      margin-top: 10px;
   }
   .p2p-card1-email{
      margin-top: 15px;
   }
   .p2p-form-sub-step1 .button-transfer{
      margin-top: 29px;
      margin-bottom: 30px;
   }
   .p2pMain-arrow{
      margin-top: 0;
   }
  
   #wrapper{
      max-width: 360px;
      width: 100%;
      height: auto;
   }
   .p2pMain-card1{
      max-width: 360px;
   }
   .title-step-3{
      font-size: 16px;
   }
   .table-responsive{
      border: 0;
   }
}

.wrap-limit-transfer{
   max-width: 360px;
   margin-top: 16px;
}
.wrap-limit{
   text-align: center;
   margin: 15px 0;
}
.limit{
   color: #E84F35;
   display: inline-block;
   margin-left: 10px;
}
.limit-text{
   background: #FEF7E0;
   border-radius: 8px;
   padding: 15px;
   color: #DE7800;
   line-height: 1.3;
   text-align:center;
}
.p2p-alert-limit {
   padding: 11px;
   font-size: 14px;
   font-family: "Roboto", sans-serif;
   line-height: 1.172;
   border-radius: 8px;
   color: #172A3A;
   border: 1px solid #FFE7E6;
   background-color: #FFFCFC;
}
.wrap-limit-transfer ~ .p2p-form-sub-step1 .button-transfer {
   margin-top: 20px;
}
@media (max-width:767px) {
   .wrap-limit-transfer{
      margin-bottom: 20px;
   }
}