/* Benificieries page css start*/

.transferDetail-title {
  padding-left: 30px;
}


/* Benificieries page css end*/


/*** validation form css***/

.p-none {
  padding: 0;
}

.validation-form {
  float: left;
  position: relative;
  width: 100%;
}

.payment-detailbox.default-box.verification-box .closebtnDoc img {
  float: right;
}

.validation-form .input-lbl {
  padding: 22px 15px 4px;
}

.validation-form .input-txt-lbl,
.validation-form .date-input1 {
  margin-left: 0;
}

.validation-form .MainForm {
  margin-bottom: 20px;
  position: relative;
}

.validation-form .Reg_form span {
  float: left;
  position: relative;
  width: 100px;
}

.validation-form select {
  position: relative;
}

.validation-form p.validation-invalid.ng-scope {
  position: absolute;
  font-size: 11px;
  color: #F00;
  left: 0px;
  top: 0px;
}

.validation-form .state {
  margin: 10px -15px 15px;
}

.validation-form .postal-code {
  margin: 10px -15px 15px 40px !important;
}

.validation-form .doc-verify {
  margin-left: 0;
}

.validation-form .testtttt {
  float: left;
  position: relative;
  width: calc(33.33% - 5px);
  margin-right: 5px;
}

.validation-form .date-input,
.validation-form .date-input1 {
  width: 100%;
  margin-right: 0px;
  margin-left: 0;
}

.validation-form .nextBTN {
  margin-left: 0;
  float: right;
}


/*** validation form css end***/


/*******************/


/*** Media Query ***/


/*******************/

@media only screen and (max-width: 1200px) {
  /* sidebar css start */
  #sidebar .user {
    margin-top: 40px;
    padding-bottom: 0;
  }
  #sidebar:first-child ul.components {
    margin-bottom: 0;
  }
  #sidebar ul.components {
    padding: 0;
  }
  /* sidebar css end */
  /*  dashboard page css start*/
  #content .jumbotron .dashboard-send-box {
    padding: 20px;
    height: 520px;
  }
  #content .jumbotron .dashboard-send-box .custom-send-box {
    padding: 10px 0;
    height: 330px;
  }
  #content .jumbotron .dashboad-payment-box {
    padding: 20px;
    height: 520px;
    margin: 0;
    border: none;
  }
  #content .jumbotron .dashboad-payment-box .deliveryDetails p {
    margin-top: 0;
  }
  #content .jumbotron .custom-delivery-box {
    margin: 0;
  }
  .custom-delivery-box .delivery-Summary {
    padding-bottom: 0 !important;
    float: left;
    position: relative;
    width: 100%;
  }
  .custom-delivery-box .delivery-Summary.text-uppercase.text-white p {
    float: left;
    font-size: 16px;
    top: -25px;
    margin-bottom: 0;
  }
  .custom-delivery-box .delivery-Summary img {
    max-width: 60px;
    float: left;
    position: relative;
    width: 100%;
    vertical-align: top;
    margin-top: -25px;
  }
  .custom-delivery-box .bank_logo {
    float: left;
    position: relative;
    width: 100%;
  }
  .custom-delivery-box .bank_logo p {
    padding-bottom: 0;
    font-size: 14px;
  }
  .custom-delivery-box .bank_logo img {
    width: 65px;
    height: 40px;
  }
  .custom-delivery-box .summary-footer {
    float: left;
    position: relative;
    width: 100%;
  }
  .custom-delivery-box .summary-footer p {
    margin-bottom: 10px;
  }
  /*  dashboard page css end*/
  /* Benificieries page css start*/
  .col-md-12.benif-dtl-box {
    padding-left: 0;
    padding-right: 0;
  }
  .transferDetail-title {
    padding-left: 15px;
  }
  .jumbotron .edit-box {
    padding: 30px 15px;
  }
  .jumbotron .edit-box p.trans-text {
    font-size: 14px;
  }
  .benif-send-now {
    font-size: 14px;
    margin-top: 8px;
    padding: 6px;
  }
  /* Benificieries page css end*/
  /*** validation form css start***/
  .validation-form .nextBTN {
    padding-right: 10px;
  }
  .validation-form p.validation-invalid.ng-scope {
    font-size: 10px;
  }
  /*** validation form css end***/
}

@media only screen and (max-width: 1024px) {
  /*  dashboard page css start*/
  #content .jumbotron .dashboard-send-box .custom-send-box .rate-home .rate-home-inner label {
    left: 0;
    margin-left: 10px;
  }
  #content .jumbotron .dashboard-send-box .custom-send-box .rate-home .rate-home-inner input {
    font-size: 22px;
    padding-left: 10px;
    width: 95%;
  }
  #content .jumbotron .dashboad-payment-box p {
    font-size: 14px;
  }
  #content .jumbotron .dashboad-payment-box .deliveryDetails a {
    display: block;
    float: left;
    margin-top: 0;
  }
  /*  dashboard page css end*/
}

@media only screen and (max-width: 991px) {
  /*  dashboard page css start*/
  #content .jumbotron {
    padding: 0 10px;
  }
  #content .jumbotron .dashboard-send-box {
    height: auto;
  }
  #content .jumbotron .dashboard-send-box .custom-send-box {
    height: auto;
  }
  #content .jumbotron .dashboad-payment-box {
    height: auto;
  }
  #content .jumbotron .dashboad-payment-box .deliveryDetails a {
    float: right;
  }
  .custom-delivery-box .delivery-Summary img {
    margin-top: 0;
  }
  /*  dashboard page css end*/
  /* transfer detail page css start*/
  .transferDetail-title {
    padding-left: 20px;
  }
  .edit-box.TransactList {
    padding: 30px 15px;
  }
  /* transfer detail page css end */
  /* benficieries page css start */
  .col-md-12.benif-dtl-box {
    padding-left: 0;
    padding-right: 0;
    float: left;
    position: relative;
    width: 100%;
  }
  .col-md-3.send-bf.addbenif {
    padding-left: 0;
  }
  /* benficieries page css end */
  /*** validation form css start***/
  .payment-detailbox .verification-box {
    float: left;
    position: relative;
    width: 100%;
  }
  .validation-form p.validation-invalid.ng-scope {
    position: absolute;
    font-size: 11px;
  }
  .validation-form .testtttt {
    margin-bottom: 20px;
  }
  /*** validation form css end***/
}

@media only screen and (max-width: 767px) {
  /*  dashboard page css start*/
  #content .jumbotron .custom-delivery-box {
    height: auto;
    float: left;
    position: relative;
  }
  .custom-delivery-box .delivery-Summary.text-uppercase.text-white p {
    font-size: 14px;
    width: 100%;
  }
  .custom-delivery-box .delivery-Summary img {
    margin-top: -25px;
  }
  /*  dashboard page css end*/
  /* transfer detail page css start */
  .transferDetail-title {
    padding-left: 0;
  }
  .edit-box.TransactList {
    padding: 20px 0px;
  }
  .edit-box.TransactList span.statusShow {
    top: 3px;
  }
  .edit-box.TransactList span.statusShow_process {
    top: 3px;
  }
  .jumbotron .edit-box p.recipient {
    font-size: 16px;
    margin-top: 5px;
  }
  /* transfer detail page css end */
  /* Benificieries page css start*/
  .col-md-3.send-bf.addbenif {
    padding-left: 15px;
    margin-bottom: 0;
    float: left;
    position: relative;
    width: 100%;
  }
  .benif-send-now {
    margin-bottom: 15px;
  }
  /* Benificieries page css end*/
}

@media only screen and (max-width: 567px) {
  .custom-delivery-box .delivery-Summary.text-uppercase.text-white p {
    top: -17px;
  }
  .validation-form .testtttt {
    width: 100%;
    margin-right: 0;
  }
  .validation-form .state {
    width: 100%;
  }
  .validation-form .postal-code {
    margin: 10px -15px 15px 0px !important;
    width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  /*  dashboard page css start*/
  #content .jumbotron .dashboard-send-box .custom-send-box .rate-home h4 {
    padding-top: 0;
    font-size: 14px;
    line-height: 18px;
  }
  #content .jumbotron .dashboard-send-box .custom-send-box .rate-home {
    width: 90%;
  }
  #content .jumbotron .dashboard-send-box {
    padding: 10px;
    margin-bottom: 10px;
  }
  #content .jumbotron .dashboard-send-box .custom-send-box .rate-home .rate-home-inner input {
    width: 95%;
  }
  #content .jumbotron .dashboard-send-box .custom-send-box .rate-home .dropdown-select {
    position: absolute;
    margin-top: 0;
    width: 130px;
  }
  #content .jumbotron .dashboard-send-box .custom-send-box .rate-home .dropdown-select button {
    font-size: 22px;
  }
  #content .jumbotron .transfer-box {
    padding: 20px;
  }
  #content .jumbotron .dashboad-payment-box .deliveryDetails p {
    float: left;
  }
  #content .jumbotron .dashboad-payment-box .deliveryDetails a {
    float: left;
    width: 100%;
    display: block;
    max-width: 120px;
    position: relative;
  }
  #content .jumbotron .dashboard-send-box .custom-send-box .rate-home .dropdown-select {
    width: 100px;
  }
  .dashboard-send-box .custom-send-box .rate-home .dropdown-select button>img {
    height: 17px;
    margin-right: 10px;
    margin-top: -3px;
    width: 20px;
  }
  #content .jumbotron .dashboard-send-box .custom-send-box .rate-home .dropdown-select button {
    font-size: 14px;
  }
  /*  dashboard page css end*/
  /*** validation form css start***/
  .payment-detailbox .verification-box {
    padding: 15px 0px;
  }
  .jumbotron .payment-detailbox.verification-box {
    padding: 30px;
  }
  .payment-detailbox.default-box.verification-box .closebtnDoc img {
    width: 15px;
  }
  .jumbotron .edit-box {
    padding: 20px 10px;
  }
  .custom-delivery-box .delivery-Summary.text-uppercase.text-white p {
    top: -17px;
  }
  .verification-box .doc-title {
    font-size: 18px;
  }
  .validation-form .nextBTN {
    padding-right: 15px;
    padding-left: 15px;
  }
  /*** validation form css end***/
}