/* code copied from post-style and updated :: starts deepak */

.feedback .modal-body {
    padding: 18px 47px;
	background: url(../images/successful-transaction-bg-image.png) no-repeat 0 0;
    background-size: cover
}
.feedback h1 {
    font-size: 18px;
    font-family: 'GothamBold';
    color: #333;
    padding: 9px 0;
    text-align: center
}
.feedback h3 {
    font-size: 16px;
    font-family: 'GothamBold';
    color: #000;
    padding: 9px 0;
    opacity: .7;
    padding: 19px 0;
    float: left
}
.feedback .thankyou2 {
    position: absolute;
    bottom: 30px;
    right: 40px
}
.feedback table tr th, #feedback table tr td {
    font-size: 14px;
    font-family: 'GothamBook';
    color: #000;
    padding: 9px 0;
    opacity: .7
}
.feedback table tr td {
    width: 4%;
    text-align: center
}
.feedback table tr:first-child {
    text-align: center
}
.feedback table tr td img {
    margin-right: 10px
}
.feedback table tr td:first-child {
    width: 7%;
    height: 37px;
    text-align: left
}
.feedback .post-feedback-next, 
.feedback .post-feedback-next2 {
    background: #2c4190;
    font-family: 'GothamBook';
    font-size: 16px;
    border: 1px #2c4190 solid !important;
    color: #fff;
    border: 0;
    border-radius: 100px;
    padding: 6px 35px;
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 125px;
    margin-top: 35px
}
.feedback span.customRadio {
    display: none
}
.feedback input[type="radio"] {
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: default
}
.feedback input[type="radio"]+span.customRadio {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: white;
    margin: 0 0 0 -16px;
    border-radius: 50%;
    box-shadow: 0 0 3px -1px rgba(0, 0, 0, .8);
    pointer-events: none
}
.feedback input[type="radio"]+span.customRadio::after {
    content: '.';
    color: transparent;
    position: absolute;
    display: block;
    width: 2px;
    height: 2px;
    margin: 7px 0 0 7px;
    opacity: .6;
    border-radius: 50%;
    transition: .2s
}
.feedback input[type="radio"]:checked+span.customRadio::after {
    width: 10px;
    height: 10px;
    margin: 2px 0 0 2px;
    opacity: 1;
    background-color: #2c4190;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .2)
}
.feedback .wrap-radio {
    text-align: center;
    display: inline-block;
    position: relative
}
.feedback .wrap-radio1 {
    text-align: center;
    display: inline-block;
    width: 63px;
    margin: 36px
}
.feedback span.selectoption {
    display: block;
    font-family: 'GothamBook'
}
.feedback.feedbacktopWidth .modal-dialog {
    max-width: 35%
}
.feedback .feedback-slider3 h2 {
    font-size: 36px;
    color: #333;
    text-transform: uppercase;
    margin: 21px 0;
    font-family: 'GothamBook'
}
.feedback .feedback-slider3 p {
    font-family: 'GothamBook';
    color: #878787;
    font-size: 14px;
    margin: 3px
}
.feedback .feedback-slider3 .refer-btn {
    padding: 4px 22px;
    color: #fff;
    background-color: #2c4190;
    border-radius: 25px;
    font-size: 14px;
    border: 1px solid #2c4190;
    display: inline-block;
    font-family: 'GothamBook';
    margin-top: 20px
}
.feedback .feedback-slider3 {
    text-align: center;
    padding: 12px 4px
}
.feedback .feedback-slider3 .refer-btn {
    padding: 7px 22px;
    color: #fff;
    width: 165px;
    background-color: #2c4190;
    border-radius: 25px;
    font-size: 14px;
    border: 1px solid #2c4190;
    font-family: 'GothamBook';
    margin-top: 20px;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    margin-top: 18px;
}
.feedback .feedback-slider3 .not-now {
    color: #2c4190;
    font-family: 'GothamBook'
}
.feedback textarea {
    width: 60%;
    border-radius: 10px;
    outline: none;
    resize: none;
    text-align: left;
    padding: 14px 15px 15px 22px;
    background: #eee;
    font-family: 'GothamBook';
    color: #878787;
    font-size: 14px;
    border: none;
}
.feedback textarea:focus {
    background: #fff;
    box-shadow: 0 0 7px 1px #d6d6d6;
}
.feedback .post-feedback-next:hover, .feedback .post-feedback-next2:hover, .feedback .feedback-slider3 .refer-btn:hover {
    background: #fff;
    border: 1px #2c4190 solid;
    color: #2c4190;
}
/* code copied from post-style and updated :: starts deepak */


.select2-container {
    width: 100% ;
} 

.select2-container .select2-selection--single {
    height: 45px;
    outline: none;
    padding: 7px 10px;
    color: #777777;
    font-family: 'GothamBook';
    font-size: 14px;
}

.select2-container--default .select2-selection--single {
    color: #777777;
    font-family: 'GothamBook';
    font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px;
    right: 10px;
}

.btn-container {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}
.btn-container li {
    display: inline-block;
}
.btn-container li + li {margin-left:15px;}
.post-login .btn-container li > a, .post-login .btn-container li > input[type=submit],  .personal-details.my-profile .btn-container li > button.save, .personal-details.my-profile .save.change-pass {
    position: static;
    margin: 0 !important;
}

.resp-vtabs .form-inline > .form-group > .row {width:100%;}

/* .post-left-details .sds > .select2-container {width: 280px !important;} */

.form-inline .beneficiary-section .form-group .sds {width:52%;}
.form-inline .beneficiary-section .select2-container {width:100% ;} 

.select2-container--default .select2-selection--single {
    background-color: #eee;
    border: 1px solid transparent;
    border-radius: 20px 20px;
}

input[type=submit],
input[type=button],
button[type=submit],
button {cursor:pointer;}

@media screen and (max-width: 1024px){
	.exchange_rate_slider {height:auto;width:100%;padding:0;margin-top:30px;}
}

.post-login .footer-sticky-mobile {
    display: none;
}

.booking-table .table {border-spacing: 0 5px;border-collapse:separate;}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {width: 8px !important;height: 8px !important;}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {box-shadow: inset 0 0 5px #aaa; border-radius: 8px;border: 2px solid transparent;} 
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {background: #bbb; border-radius: 5px;}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb:hover {background: #bbb;  }

 #myfeedback{
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    height: 100vh;
    display: flex;
    width: 100%;
    align-items: center;
}

.popup-box .modal-content {
    position: relative;
    background: #FFF;
    padding: 25px;
    max-width: 900px;
    top: 100px;
    border-radius:20px;
    margin:0 auto;
    }
.popup-box.width-lg .modal-dialog {    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 25px;}
.popup-box iframe {border:0;height:75vh;}

.register-label > .steps { pointer-events:none;}

header {z-index:99999;}
.modal {z-index:99999;}
.popup-box .bg-warning {
    border: 1px #2c4190 solid;
    color: #2c4190;background-color:#2c4190 !important;
}


#myProfile.edit_form  {width:100%;}

.row-zero {margin-left: 0;margin-right: 0;}
.row-zero > div[class^="col-"] {padding-left: 0;padding-right: 0;}
.form-inline .beneficiary-section .form-group.mobilenum .sds {width:100% !important;}
.personal-details .prsnl-form .form-input.country-code-number {width:100% !important;}

.col-xs-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
.col-xs-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}

.mobilenum .row-zero {width: 65%;}
.personal-details.bank .prsnl-form .mobilenum .row-zero {width: 52%;}

#sendCountry_box, #amount_box {margin-bottom: 0 !important;}
#parentVerticalTab .exchange_chart {height: 160px;}

.personal-details .form-inline .accordian-content .beneficiary-section .select2-container {width: 100% !important;}
.personal-details.quick-transfer #parentVerticalTab .prsnl-form .qt-table label {padding-bottom: 0;margin-bottom: 0px !important;}
.qt-table td {vertical-align: top;}
.exchange-rate .exchange-details .sds {width: calc(100% - 165px) !important;}

@media screen and (max-width: 1365px) and (min-width: 1024px){
    .mobilenum .row-zero, .personal-details.bank .prsnl-form .mobilenum .row-zero, .form-inline .beneficiary-section .form-group .sds {width: 100%;}
    .personal-details.quick-transfer #parentVerticalTab .panel-3 .prsnl-form label.promo {margin-bottom: 13% !important;}
}

@media screen and (max-width: 1280px) {
    #parentVerticalTab .exchange_chart {height: auto;}
}

@media screen and (max-width: 1280px) and (min-width: 1025px){
    .mobilenum .row-zero, .personal-details.bank .prsnl-form .mobilenum .row-zero, .form-inline .beneficiary-section .form-group .sds  {width: calc(100% - 150px);}

    .exchange-rate .exchange-details .sds {width: 60% !important;}
    #displayCityOtherDiv label {width: 145px;}
}

@media (max-width: 1024px){
    .merged-btn, .post-login .save {position: absolute;}
    .exchange-rate .exchange-details label {padding-top: 20px;width: 100%;padding-bottom: 6px;padding-left: 17px;}
    .exchange-rate .exchange-details .form-input {
        width: 100%;
        margin: 0;
    } 
    .exchange-rate .exchange-details .sds {
        width: 100% !important;
    } 
    .exchange-rate .exchange-details .select2-container {
        margin: 0;
    } 
}
@media (max-width: 1024px) and (min-width: 320px){
   .beneficiary-section .select2-container {width:inherit!important;}
}

@media screen and (max-width: 768px) and (min-width: 576px){
    .personal-details.bank .prsnl-form textarea#address {margin-top:25px;}
}
@media screen and (max-width:768px){
    .form-inline .beneficiary-section .form-group .sds {width: inherit;}
    #bankSwift{float:left;}
    .mobilenum .row-zero, .personal-details.bank .prsnl-form .mobilenum .row-zero   {width: 100%;}
    .post-login .personal-details.quick-transfer #parentVerticalTab .prsnl-form label#sendCountry_box,
    .post-login .personal-details.quick-transfer #parentVerticalTab .prsnl-form label#amount_box {margin: 0 auto !important;width: 100% !important;}
    .resp-vtabs .resp-tabs-container {padding-bottom: 15px;}
    .panel-2.resp-tab-content.hor_1.resp-tab-content-active {padding-left: 15px;}
    .personal-details.quick-transfer #parentVerticalTab .panel-3 .prsnl-form label.promo {margin-bottom: 13% !important;}
    .db768 {display: block;}
}
@media screen and (max-width:767px){
    .panel-2.resp-tab-content.hor_1.resp-tab-content-active {padding-left: 5px;}
    .personal-details #parentVerticalTab .panel-2 .next {margin-left: 20px;}
    .post-login .btn-container li > a {width: 100%;}
    .personal-details.quick-transfer #parentVerticalTab .panel-3 .prsnl-form label.promo {margin-bottom: 0% !important;}
}
@media  screen and (max-width: 576px){
    .owl-carousel {z-index: 0;}
}
@media (max-width:320px) {
    .btn-container li + li {margin-top: 15px;margin-left:0px;}
}