@font-face {
    font-family: 'gotham-black';
    src: url(../fonts/gotham-black.eot);
    src: url(../fonts/gotham-black.eot?iefix) format('eot'), url(../fonts/gotham-black.ttf) format('truetype'), url(../fonts/gotham-black.otf) format('otf'), url(../fonts/gotham-black.svg) format('svg'), url(../fonts/gotham-black.woff) format('woff'), url(../fonts/gotham-black.woff2) format('woff2')
}
html, body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400
}
section {
    position: relative;
    overflow: hidden
}
.post-login .scroll_content {
    /* height: 424px comment by avenues 11/08/2019 */
}
.post-login .panel-2 .scroll_content {
    /* height: 380px;  comment by avenues 11/08/2019 */
}
.post-login .remittance .scroll_content {
    height: 431px
}
.width-30 {
    width: 30px !important;
    margin-left: 7px
}
.post-login .menu>li:nth-child(6) {
    cursor: default;
    color: #777777
}
.post-login .top-nav {
    padding-left: 68px;
}
.post-login header .container {
    max-width: 1437px;
}
.post-login .menu {
    width: 100%;  /*  margin-left: 293px;*/
    display: flex;
    justify-content: flex-end;
}
.border-right {
    border-right: 1px solid #dee2e6 !important;
}
@media (max-width:1024px) {
    .post-login.top-nav {
        background: #22347a;
        padding: 15px
    }
    .post-login .logo {
        margin-left: 60px
    }
    .post-login .menu-button-container {
        display: flex;
        position: absolute;
        left: 15px; /* comment by avenues 11/08/2019 */
        top: 0; /* comment by avenues 11/08/2019 */
    }
    .post-login .menu {
        position: absolute;
        top: 50px;
        left: 0;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center;
        overflow: hidden
    }
    .post-login header .top-nav svg {
        width: 25px;
        fill: #9caae0;
        margin-left: 41px;
    }
    .post-login #menu-toggle~.menu li {
        height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        transition: height 400ms cubic-bezier(.23, 1, .32, 1)
    }
    .post-login #menu-toggle:checked~.menu li {
        border: 1px solid #eaeaea;
        height: 45px;
        padding: 15px 20px;
        transition: height 400ms cubic-bezier(.23, 1, .32, 1)
    }
    .post-login .menu>li {
        display: flex;
        justify-content: left;
        margin: 0;
        padding: .5em 0;
        width: 100%;
        color: white;
        background-color: #fff
    }
    .post-login .menu>li:not(:last-child) {
        border-bottom: 1px solid #444
    }
    .post-login .menu>li:nth-child(6) {
        display: none
    }
    .post-login .menu>li:last-child {
        display: none
    }
    .post-login header a.bg-warning:focus, .post-login header a.bg-warning:hover, .post-login header button.bg-warning:focus, .post-login header button.bg-warning:hover {
        background: transparent !important
    }
    .post-login header .top-nav.top-nav-home .menu li a.active {
        color: #2c4190
    }
    .post-login header .top-nav .menu li a {
        color: #2c4190
    }
    .post-login header .top-nav .menu li a.active {
        color: #2c4190
    }
    .post-login header .top-nav .menu li a:hover {
        color: #22347a
    }
    .post-login header.fixed .top-nav .menu li a {
        color: #22347a
    }
    .post-login .menu {
        margin-left: 0px !important;
    }
    .post-login .top-nav {
        padding-left: 19px !important;
    }
    .post-login header .top-nav {
        background: #22347a;
        padding: 30px 21px 30px 30px;
    }
}
.post-login header .top-nav .menu li a {
    text-transform: none;
    font-size: 14px;
    color: #cccccc;
}
.post-login header .top-nav .menu li .time-curr {
    text-transform: initial;
    -webkit-text-transform: initial;
    -moz-text-transform: initial;
    -ms-text-transform: initial;
    -o-text-transform: initial;
    font-size: 13px
}
.post-login header .top-nav .menu li a.active, .post-login header .top-nav .menu li a:hover {
    color: #fff
}
.post-login .fixed .top-nav .menu li a.active, .post-login .fixed .top-nav .menu li a:hover {
    color: #2b4498
}
.post-login .how-it-banner {
    background: url(../images/post-image/topbg.png) no-repeat;
    background-size: cover;
    padding: 30px 0
}
.post-login .footer {
    display: none
}
.post-login .copyright {
    background: #e3e3e3;
    color: #2c4190
}
.post-login header .top-nav .menu li:nth-child(4) a, .post-login header .top-nav .menu li:nth-child(5) a, .post-login header .top-nav .menu li:nth-child(6) a, .post-login header .top-nav .menu li:nth-child(7) a, .post-login header .top-nav .menu li:nth-child(8) a {
    font-size: 13px !important;
    cursor: default;
    color: #cccccc;
}
.post-login header .top-nav .menu li:nth-child(7) a, .post-login header .top-nav .menu li:nth-child(10) a {
    cursor: default
}
.post-login header .top-nav a.bg-warning:focus, .post-login header .top-nav a.bg-warning:hover {
    color: #2c4190 !important;
    border: 1px #ffd93f solid;
    background-color: #ffd93f !important
}
.post-login .profile-image img {
    border-radius: 50%;
    width: 35px;
    margin-top: -4px;
    -webkit-box-shadow: 0 0 0 10px rgba(8, 26, 92, 1);
    -moz-box-shadow: 0 0 0 10px rgba(8, 26, 92, 1);
    box-shadow: 0 0 0 10px rgba(8, 26, 92, 1);
}
.post-login .profile-image {
    position: relative
}
.post-login .notification {
    height: 12px;
    width: 12px;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: -13px;
    right: -2px
}
.account-banner.how-it-banner {
    padding: 65px 0
}
.account-summary-dashboard {
    margin-top: -193px;
    padding: 0 55px 0 15px
}
.account-summary-dashboard .profile-user {
    margin: 0 auto;
    text-align: center;
    padding: 12px
}
.account-summary-dashboard .profile-user img {
    margin: 0 auto;
    border-radius: 50px;
    width: 60px;
    -webkit-box-shadow: 0 0 0 10px rgba(8, 26, 92, 1);
    -moz-box-shadow: 0 0 0 10px rgba(8, 26, 92, 1);
    box-shadow: 0 0 0 10px rgba(8, 26, 92, 1)
}
.account-summary-dashboard .profile-user-name h2 {
    font-size: 18px;
    color: #fff;
    font-family: 'GothamBlack'
}
.account-summary-dashboard .profile-user-name p {
    font-size: 12px;
    color: #fff;
    font-family: 'GothamBook';
    opacity: .5;
    margin: 0;
    padding: 1px 0
}
.profile-user-name {
    padding: 15px 0 3px 0
}
.profile-user-name ul.edit {
    list-style: none;
    width: 230px;
    margin: 0 auto
}
.profile-user-name ul.edit li {
    float: left;
    padding: 5px 25px 0 3px
}
.profile-user-name ul.edit li:first-child::after {
    width: 1px;
    background: #616471;
    content: "";
    height: 20px;
    position: absolute;
    top: 9px;
    left: 28px;
    right: 0;
    margin: 0 auto
}
.profile-user-name ul.time-zone li {
    display: inline-block;
    margin: 0 auto;
    list-style: none;
    margin: 0;
    padding: 1px 0;
    padding: 0 3px 0 3px;
}
.profile-user-name ul.time-zone li a {
    font-size: 12px;
    color: #fff;
    font-family: 'GothamBook';
    opacity: .5;
}
.profile-user-name ul.time-zone {
    padding-left: 0px;
    margin-bottom: 0px;
}
.post-login .sticky-tab-mobile {
    width: 100%;
    float: left;
    background: #f9f9f9;
    height: auto;
    z-index: 999;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    height: 95px;
    transition: 1s;
}
.post-login .sticky-tab-mobile ul li {
    float: left;
    border-right: 1px #e2e2e2 solid;
    width: 25%;
    text-align: center;
    font-family: 'Gothambold';
    height: 95px;
    list-style: none;
    padding-top: 15px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.post-login .sticky-tab-mobile ul {
    padding-left: 0px;
    margin-bottom: 0px;
}
.post-login .sticky-tab-mobile svg {
    width: 33px;
    height: 25px;
    display: block;
    margin: 0 auto;
    fill: #777777;
}
.post-login .sticky-tab-mobile ul span {
    font-family: 'GothamBook';
    font-size: 15px;
    color: #777777;
}
.post-login .sticky {
    position: fixed;
    top: 58px;
    height: 65px;
}
.post-login .sticky svg {
    display: none;
}
.profile-user a.edit-profile, .profile-user a.logout {
    font-family: 'GothamBook';
    background: transparent;
    border: none;
    color: #fff;
    border-bottom: solid 1px #fff;
    font-size: 10px;
    text-transform: uppercase
}
.post-login .logoutpadding {
    padding: 20px;
    text-align: center
}
.post-login #logout .modal-dialog .yes, .post-login #logout .modal-dialog .no, .post-login #delete .modal-dialog .yes, .post-login #delete .modal-dialog .no {
    background: #2c4190;
    font-family: 'GothamBook';
    border: 1px #2c4190 solid !important;
    font-size: 16px;
    color: #fff;
    border: 0;
    border-radius: 100px;
    padding: 6px 25px;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    margin-top: 18px;
    margin-right: 14px
}
.post-login #logout .modal-dialog, .post-login #delete .modal-dialog {
    max-width: 325px
}
.post-login #logout .modal-dialog h2, .post-login #delete .modal-dialog h2 {
    font-size: 14px;
    font-family: 'GothamBook';
    color: #878787
}
.post-login #logout .modal-content, .post-login #delete .modal-content {
    border-radius: 10px;
    background: url(../images/successful-transaction-bg-image.png) no-repeat 0 0;
    background-size: cover
}
img.exchange_rate_card.img-responsive {
    display: -webkit-inline-box
}
.account-summary-dashboard .account-table {
    background: #fff;
    border-radius: 10px;
    padding: 20px
}
.transction-amount {
    text-align: center;
    background: #fff;
    padding: 19px;
    border-radius: 10px;
    margin-bottom: 35px;
    -webkit-box-shadow: .749px 5.749px 40px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: .749px 5.749px 40px 2px rgba(0, 0, 0, .1);
    box-shadow: .749px 5.749px 40px 2px rgba(0, 0, 0, .1)
}
.transction-amount h2 {
    font-size: 18px;
    display: inline;
    opacity: .9;
    font-family: 'GothamBold'
}
.transction-amount span {
    font-size: 18px;
    padding: 2px;
    font-weight: bolder;
    opacity: .9
}
.transction-amount p {
    color: #000;
    opacity: .4;
    font-size: 12px;
    padding: 5px 0px;
    margin: 0;
    font-weight: 800;
    font-family: 'GothamBook'
}
.quick-box, .add-beneficiary, .status-tracker, .account-summary-svg {
    padding: 38px;
    text-align: center;
    background: #eee;
    border-radius: 10px;
    margin: 0 0 35px 0
}
.quick-box h2, .add-beneficiary h2, .status-tracker h2, .account-summary-svg h2 {
    color: #777777;
    font-size: 12px;
    padding: 5px;
    font-family: 'GothamBook'
}
.box-bg.active {
    background: #5371e8;
    -webkit-box-shadow: -5px 18px 20px 2px rgba(205, 205, 205, 1);
    -moz-box-shadow: -5px 18px 20px 2px rgba(205, 205, 205, 1);
    box-shadow: -5px 18px 20px 2px rgba(205, 205, 205, 1)
}
.box-bg.active h2 {
    color: #fff
}
.box-bg.active svg {
    opacity: 1;
    fill: #fff
}
.quick-box:hover, .add-beneficiary:hover, .status-tracker:hover, .account-summary-svg:hover {
    background: #5371e8;
    -webkit-box-shadow: -5px 18px 20px 2px rgba(205, 205, 205, 1);
    -moz-box-shadow: -5px 18px 20px 2px rgba(205, 205, 205, 1);
    box-shadow: -5px 18px 20px 2px rgba(205, 205, 205, 1)
}
.quick-box:hover h2, .add-beneficiary:hover h2, .status-tracker:hover h2, .account-summary-svg:hover h2 {
    color: #fff
}
.quick-box svg, .add-beneficiary svg, .status-tracker svg, .account-summary-svg svg {
    width: 35px;
    height: 35px;
    opacity: .4
}
.quick-box:hover svg, .add-beneficiary:hover svg, .status-tracker:hover svg, .account-summary-svg:hover svg {
    fill: #fff;
    opacity: 1
}
.account-summary-dashboard .account-summary .acc-summary-table {
    background: #fff;
    border-radius: 10px;
    padding: 30px 20px 40px 30px;
    margin: 0 0 10px 0;
    width: 100%;
    height: 95%;
    -webkit-box-shadow: .749px 5.749px 40px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: .749px 5.749px 40px 2px rgba(0, 0, 0, .1);
    box-shadow: .749px 5.749px 40px 2px rgba(0, 0, 0, .1)
}
.account-summary-dashboard .account-summary .acc-summary-table .acc-breadcrumb .arrow-right {
    padding: 0 4px 0 5px
}
.acc-summary-table h2 {
    font-size: 16px;
    color: #333;
    font-family: 'GothamBold';
    padding-bottom: 30px
}
.acc-summary-table .table th {
    border: none;
    font-size: 18px;
    font-family: 'GothamLight';
    color: rgb(44, 65, 144)
}
.acc-summary-table .table .first-row td {
    border-top: none;
    width: 87%;
}
.acc-summary-table .table thead tr th:first-child {
    width: 16%
}
.acc-summary-table .table thead tr th:nth-child(2) {
    width: 65%;
    padding-left: 24px
}
.acc-summary-table .table tbody tr td {
    font-size: 12px;
    color: #666;
    font-family: 'GothamLight';
    font-weight: 700;
    padding: 15px 13px
}
.acc-summary-table .table tbody tr td strong {
    font-family: 'GothamMedium'
}
.acc-summary-table .table tr td {
    border-bottom: none
}
.acc-summary-table .view-all {
    padding: 7px 30px 7px 30px;
    color: #fff;
    background-color: #2c4190;
    border-radius: 25px;
    font-size: 17px;
    border: 1px solid #2c4190;
    display: inline-block
}
.acc-summary-table .view-all:hover, .personal-details .prsnl-form .next:hover, .personal-details.bank .prsnl-form .done:hover, .personal-details.my-profile .save:hover, .personal-details.my-profile .edit:hover {
    color: #2c4190;
    background-color: transparent;
    border: 1px solid #2c4190
}
.acc-summary-table .acc-breadcrumb, .personal-details.bank .acc-breadcrumb, .personal-details .acc-breadcrumb {
    font-family: 'GothamBook';
    color: #000;
    opacity: .7;
    font-size: 12px
}
.acc-summary-table .acc-breadcrumb span, .personal-details.bank .acc-breadcrumb span, .personal-details .acc-breadcrumb span {
    color: #ccc
}
.account-summary .profile-section {
    padding: 0 15px 0 0
}
.account-summary-dashboard .col-md-9 {
    padding-left: 0
}
.account-summary-dashboard .personal-details {
    background: #fff;
    border-radius: 10px;
    padding: 30px 20px 25px 30px;
    margin: 0 0 10px 0;
    width: 100%;
    margin-top: 12px;
    -webkit-box-shadow: .749px 5.749px 20px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: .749px 5.749px 20px 2px rgba(0, 0, 0, .1);
    box-shadow: .749px 5.749px 20px 2px rgba(0, 0, 0, .1)
}
.important-dates-note {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 20px;
    -webkit-box-shadow: .749px 5.749px 20px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: .749px 5.749px 20px 2px rgba(0, 0, 0, .1);
    box-shadow: .749px 5.749px 20px 2px rgba(0, 0, 0, .1)
}
.personal-details h2 {
    font-size: 16px;
    color: #333;
    font-family: 'GothamBold';
    padding-bottom: 30px
}
.personal-details .prsnl-form .form-input, select {
    border-radius: 100px;
    border: none;
    margin: 0 0 0px 0;
    padding: 0 18px;
    height: 45px;
    font-family: 'GothamBook';
    color: #878787;
    font-size: 14px;
    -webkit-appearance: none;
    width: 65%;
    background: #eee
}
.personal-details.edit .prsnl-form .form-input, select {
    background: #fff;
    box-shadow: none;
    height: 20px
}
.personal-details.edit .prsnl-form textarea {
    background: #fff;
    padding: 0 0 0 15px;
    margin-bottom: 25px
}
.personal-details .prsnl-form select {
    width: 343px !important
}
.personal-details .prsnl-form label {
    width: 125px;
    padding-bottom: 23px;
    text-align: left;
    display: inline-block;
    color: #011251;
    font-family: 'GothamBook';
    opacity: .7;
    font-size: 14px;
    font-weight: 900
}
.personal-details .prsnl-form textarea {
    width: 65%;
    border-radius: 10px;
    outline: none;
    resize: none;
    text-align: left;
    padding: 14px 15px 15px 15px;
    background: #eee;
    font-family: 'GothamBook';
    color: #878787;
    font-size: 14px;
    border: none;
    margin-bottom: 8px;
    height: 140px;
}
.personal-details .prsnl-form textarea:focus {
    background: #fff;
    box-shadow: 0 0 7px 1px #d6d6d6
}
.personal-details .prsnl-form .form-input:focus {
    background: #fff
}
.personal-details .next, .personal-details.bank .done, .edit-delivery-options .done {
    padding: 7px 30px 7px 30px;
    color: #fff;
    background-color: #2c4190;
    border-radius: 25px;
    font-size: 17px;
    margin: 22px 0 22px 0;
    border: 1px solid #2c4190;
    display: inline-block;
}
.post-login .add.save {
    position: inherit;
    bottom: 35px
}
.post-login .add.save {
    padding: 7px 30px 7px 30px;
    color: #fff;
    background-color: #2c4190;
    border-radius: 25px;
    font-size: 17px;
    margin: 22px 0 27px 0;
    border: 1px solid #2c4190;
    display: inline-block;
}
.personal-details.bank .prsnl-form label {
    width: 197px
}
.personal-details.bank .prsnl-form .form-input, select, .personal-details.bank .prsnl-form textarea {
    width: 52%
}
.personal-details.bank .prsnl-form textarea {
    margin-bottom: 0
}
.personal-details.bank .modal-body {
    padding: 18px 47px
}
.personal-details.bank .modal-content, #submit-benef .modal-content, #detail  .modal-content {
    border-radius: 10px;
    background: url(../images/successful-transaction-bg-image.png) no-repeat 0 0;
    background-size: cover
}
.personal-details.bank .modal-dialog, #detail  ..modal-dialog {
    top: 50%;
    margin-top: -170px
}
.personal-details.bank .modal-body .transaction, #submit-benef .modal-body .benef, #detail  .modal-body .transaction {
    margin: 0 auto;
    text-align: center
}
.personal-details.bank .modal-body .transaction h2, #detail  .modal-body .transaction h2 {
    font-size: 16px;
    color: #000;
    padding: 10px;
    opacity: .7;
    font-family: 'GothamMedium';
    font-weight: 600
}
.personal-details.bank .modal-body .transaction img, .personal-details.dropd .modal-body .transaction img {
    width: 70px;
    height: 70px;
    margin-bottom: 15px
}
.personal-details.bank .modal-body .transaction.success img {
    width: 50px;
    height: 70px;
    margin-bottom: 15px
}
.personal-details.bank .modal-body .transaction p, #submit-benef .modal-body .benef p, .personal-details.dropd .modal-body .transaction p {
    font-family: 'GothamBook';
    color: #878787;
    font-size: 14px;
    margin: 3px
}
.personal-details.bank .modal-body .transaction.success span {
    border-bottom: 1px solid #2c4190;
    margin-left: 10px;
    font-family: 'GothamBook';
    color: #2c4190;
    font-size: 14px
}
.personal-details.bank .modal-body .transaction.success span a {
    color: #2c4190;
    opacity: 0.7
}
.personal-details.bank .modal-body .transaction .book, #submit-benef .modal-body .benef .sendbtn, .personal-details.dropd .modal-body .transaction .book {
    padding: 7px 30px;
    color: #fff;
    background-color: #2c4190;
    border-radius: 25px;
    font-size: 14px;
    border: 1px solid #2c4190;
    display: inline-block;
    font-family: 'GothamBook';
    margin: 20px 20px 10px 20px;
}
.calendar-dashboard {
    background: #fff;
    border-radius: 10px;
    padding: 30px 20px 40px 30px;
    margin: 0 30px 0 0
}
.calendar-dashboard #calendar {
    max-width: 560px;
    margin: 0;
    min-height: 442px;
}
ul.links, .fc-today-button, .fc-month-button, .fc-agendaWeek-button, .fc-agendaDay-button {
    display: none
}
.fc-toolbar {
    position: relative;
    margin-bottom: -17px
}
.fc-next-button {
    position: absolute !important;
    right: 0
}
.fc-other-month {
    opacity: .3
}
.fc td, .fc th {
    text-align: center;
    padding-top: 4px !important;
    border-width: 0;
    /*! width: 47px; */
    padding-bottom: 4px !important;
}
.calendar-dashboard #calendar .fc-widget-header tr {
    height: 50px
}
.notification-li {
    list-style: none;
    height: 10px;
    margin-top: -4px;
    width: 10px;
}
.notification-li_1 {
    background: #88c05c;
    border-radius: 50%;
}
.notification-li_2 {
    background: #4178e6;
    border-radius: 50%;
}
.notification-li_3 {
    background: #c65453;
    border-radius: 50%;
}
.fc-day-number ul {
    width: 100%;
    height: 2px;
    margin-top: 8px;
    padding: 0;
    display: flex;
    margin-bottom: 0;
    justify-content: space-evenly;
}
.show-notification {
    background: white;
    border-radius: 6px;
    box-shadow: 5px 4px 22px 0 rgba(4, 0, 0, .1);
    cursor: pointer;
    border: 1px solid transparent !important;
    /* display: block; */
    width: 77px;
    height: 48px;
}
.calendar-title {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    opacity: .7;
    font-family: 'GothamBold'
}
.calendar-date_week {
    color: #333;
    font-size: 14px;
    padding: 15px 0 15px 0;
    font-family: 'GothamBook'
}
.notification-info {
    padding: 0
}
.notification-info li {
    list-style: none;
    height: 45px;
    border-bottom: 1px solid #f0eaea;
    margin-bottom: 20px;
    width: 80%
}
.data-text-info {
    color: #333;
    font-size: 14px;
    padding: 15px 0 15px 0;
    font-family: 'GothamBook'
}
.data-color {
    height: 20px;
    width: 20px;
    display: block;
    float: left;
    margin-right: 20px;
    border-radius: 50%;
    margin-top: 2px
}
.data-color.blue {
    background: #4178e6
}
.data-color.red {
    background: #c65453
}
.data-color.green {
    background: #88c05c
}
.data-date-info {
    float: right;
    color: #333;
    font-family: 'GothamBook';
    font-size: 14px;
}
.fc .fc-button-group>* {
    float: left;
    margin: 0 0 0 -1px;
    background: transparent;
    border: 0;
    box-shadow: 0 0 0 0 transparent
}
.fc .fc-toolbar>*>:first-child {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    opacity: .7;
    padding-top: 6px;
    padding-right: 40px
}
.show-notification.select-td {
    border: 1px solid #4178e6 !important
}
.calendar-dashboard {
    padding: 0;
    margin: 0
}
.acc-summary-table .view-all {
    padding: 7px 30px 7px 30px;
    color: #fff;
    background-color: #2c4190;
    border-radius: 25px;
    font-size: 17px;
    border: 1px solid #2c4190;
    display: inline-block
}
.account-summary-dashboard .account-summary .acc-summary-table.calendar-dashboard .right-info {
    margin-left: 30px;
    margin-right: 0
}
.personal-details.my-profile .save, .personal-details.my-profile .edit {
    color: #fff;
    background-color: #2c4190;
    border-radius: 25px;
    font-size: 14px;
    border: 1px solid #2c4190;
    display: inline-block;
    font-family: 'GothamBook';
    padding: 7px 20px;
    margin: 18px 0 8px 0
}
.money_transfer_id {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    height: 122px;
}
.money_transfer_id li {
    margin-right: 50px;
}
.acc-summ-top {
    border-top: 1px solid #f1f1f1;
    padding-top: 50px;
}
.fix-benif img{
    width: 55px;
    height: 55px;
    margin-bottom: 10px;
    margin-left: 20px;
}
.fix-benif span{
    display: block;
    font-size: 12px;
    color: #666;
    font-family: 'GothamLight';
    font-weight: 700;
}
.money_transfer_id img {
    border-radius: 50px;
    width: 55px;
    border: 4px solid #e9e9e9;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}
.money_transfer_id li:last-child img {
    border: 0 solid #e9e9e9;
}
.money_transfer_id span {
    text-align: center;
    display: block;
    font-size: 12px;
    color: #666;
    font-family: 'GothamLight';
    font-weight: 700;
}
.money_transfer .view-all {
    padding: 5px 20px 5px 20px;
    color: #777777;
    border-radius: 25px;
    font-size: 14px;
    border: 1px solid #f1f1f1;
    display: inline-block;
    float: right;
    margin-top: -7px
}
.money_transfer .scroll_content {
    width: 100%;
    height: 315px
}
.show-all {
    display: none
}
.important-dates-note .view-all {
    padding: 5px 20px 5px 20px;
    color: #777777;
    border-radius: 25px;
    font-size: 14px;
    border: 1px solid #f1f1f1;
    display: inline-block;
    float: right
}
.money_transfer .view-all:hover, .important-dates-note .view-all:hover {
    background-color: #2c4190;
    color: #fff
}
.notification-box {
    list-style: none;
    margin: 0;
    padding: 0 20px 0 20px;
    width: 100%
}
.notification-box li {
    font-size: 14px;
    color: #666;
    font-family: 'GothamLight';
    font-weight: 700;
    padding: 15px 0;
    display: flex;
    border-bottom: 1px solid #f1f1f1
}
.notification-box li:last-child {
    border-bottom: 0 solid #f1f1f1
}
.notification_text {
    width: 85%
}
.note-date {
    color: #777777;
    font-size: 12px;
    text-align: right;
    padding-left: 8px
}
.imgback {
    position: relative
}
.exchange_rate_slider {
    margin: 13px 0 32px 0
}
.exchange_rate_slider .owl-dots {
    position: absolute;
    z-index: 9999;
    bottom: 0px;
    left: 30px
}
.exchange_rate_slider .usd-bg, .uk-bg, .aud-bg, .cad-bg, .sgd-bg, .eur-bg, .uae-bg {
    background: url(../images/post-image/USD.png) no-repeat center;
    padding: 30px;
    width: 100%;
    border-radius: 10px;
    background-size: cover;
    height: 237px
}
.exchange_rate_slider .uk-bg {
    background: url(../images/post-image/UK.png) no-repeat center;
    width: 100%;
    background-size: cover
}
.exchange_rate_slider .aud-bg {
    background: url(../images/post-image/AUD.png) no-repeat center;
    width: 100%;
    background-size: cover
}
.exchange_rate_slider .cad-bg {
    background: url(../images/post-image/CAD.png) no-repeat center;
    width: 100%;
    background-size: cover
}
.exchange_rate_slider .sgd-bg {
    background: url(../images/post-image/SGD.png) no-repeat center;
    width: 100%;
    background-size: cover
}
.exchange_rate_slider .eur-bg {
    background: url(../images/post-image/EUR.png) no-repeat center;
    width: 100%;
    background-size: cover
}
.exchange_rate_slider .uae-bg {
    background: url(../images/post-image/UAE.png) no-repeat center;
    width: 100%;
    background-size: cover
}
.exchange_rate_slider .owl-dot {
    height: 30px;
    width: 15px;
    float: left
}
.exchange_rate_slider .owl-dot.active span {
    height: 8px;
    width: 8px;
    margin-top: -2px
}
.exchange_rate_slider .owl-dot span {
    height: 5px;
    width: 5px;
    background: #fff;
    display: block;
    border-radius: 50%
}
.exchange_rate_slider h2 {
    font-size: 16px;
    font-family: 'GothamBold';
    color: #fff;
    padding-bottom: 40px
}
.exchange_rate_slider .country-flag span.flag-img {
    display: block;
    margin-top: 9px;
    margin-left: 10px
}
.exchange_rate_slider .country-flag img {
    width: 30px;
    border: 1px #efeaea solid
}
.country-flag {
    display: flex
}
.flag-text {
    font-size: 24px;
    font-family: 'GothamBlack';
    color: #fff;
    float: left
}
.flag-fullform {
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
    opacity: .5
}
.exchange_rate_text {
    font-size: 25px;
    color: #fff;
    float: right;
    font-family: 'GothamBook';
    margin: 0;
    padding: 0;
    margin-right: 10px
}
.important-dates-note h2 {
    font-size: 16px;
    font-family: 'GothamBold';
    padding-top: 6px;
    color: #333
}
.important-dates-note_ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 10px
}
.important-dates-note_ul li {
    font-size: 14px;
    color: #666;
    font-family: 'GothamLight';
    font-weight: 700;
    padding: 21px 10px 0;
    display: flex
}
.important-dates-note_li .note-bullets {
    height: 15px;
    width: 16px;
    border-radius: 50%;
    margin: 5px 0 0 0;
    padding: 0;
    margin-right: 20px
}
.note-li-text {
    border-bottom: 1px solid #f1f1f1;
    width: 100%
}
.note-li-date {
    display: block;
    color: #777777;
    font-size: 12px;
    margin-bottom: 12px
}
.important-dates-note_li.li_1 .note-bullets {
    background: #d2dcfe
}
.important-dates-note_li.li_2 .note-bullets {
    background: #d2f8ff
}
.important-dates-note_li.li_3 .note-bullets {
    background: #ffd5f0
}
.important-dates-note_li:last-child .note-li-text {
    border-bottom: 0 solid #f1f1f1
}
.exchange-rate-scetion .personal-details .prsnl-form label {
    width: 150px
}
.exchange_chart {
    background-image: url(../images/post-image/USD.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 23px;
    background-position: center;
    height: 302px;
    width: 443px;
    padding: 30px
}
.exchange_chart .country-flag {
    float: left;
    margin-left: 25px;
    margin-top: 0
}
.exchange_chart .flag-text {
    margin-right: 14px
}
.exchange_chart .flag-img img {
    margin-top: 10px
}
.flag-img {
    margin-right: 5px
}
.exchange_chart .country-flag:first-child {
    margin-right: 75px
}
.exchange_chart .exchange_arrow {
    width: 88%;
    text-align: center
}
.exchange_chart .exchange_chart-table {
    width: 72%;
    margin-top: -15px;
    margin-left: 7%
}
.exchange_chart .text-align-right {
    text-align: right
}
.exchange_chart .exchange_table-text {
    font-size: 14px;
    opacity: .5;
    font-weight: 100;
    color: #fff;
    line-height: .7
}
.exchange_chart .border-bottom_1 {
    border-bottom: 1px solid rgba(255, 255, 255, .35)
}
.exchange_chart .funding_amount {
    opacity: 1;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px
}
.account-summary-dashboard .account-summary .tatus-tracker {
    background: #fff;
    border-radius: 10px;
    padding: 30px 20px 40px 30px;
    margin: 0 0 10px 0;
    width: 100%;
    height: 95%;
    -webkit-box-shadow: .749px 5.749px 20px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: .749px 5.749px 20px 2px rgba(0, 0, 0, .1);
    box-shadow: .749px 5.749px 20px 2px rgba(0, 0, 0, .1)
}
.tatus-tracker .acc-breadcrumb {
    font-family: 'GothamBook';
    color: #000;
    opacity: .7;
    font-size: 12px
}
.tatus-tracker .acc-breadcrumb span {
    color: #ccc
}
.tatus-tracker h2 {
    font-size: 16px;
    color: #333;
    font-family: 'GothamBold';
    padding-bottom: 30px
}
.tatus-tracker .status-img img {
    padding: 0 0 35px 20px
}
.tatus-tracker .status-img img:last-child {
    padding-left: 45px
}
.status-table .table th {
    border: none;
    font-size: 15px;
    font-family: 'GothamLight';
    color: rgb(44, 65, 144);
    padding-left: 18px;
    vertical-align: top;
    width: 120px
}
.status-table .table tbody tr td {
    font-size: 13px;
    position: relative;
    color: #666;
    font-family: 'GothamLight';
    font-weight: 700;
    padding: 0px 0 0 0;
    border-top: none;
    border-bottom: none
}
.status-table .table td, .status-table .table th {
    vertical-align: middle;
}
.status-table .table tbody tr {
    border: none;
    display: block;
    border-bottom: 5px #fff solid;
}
.status-table .table ul {
    list-style-type: none
}
.status-table .table ul li img {
    padding-left: 5px;
    margin-bottom: 3px
}
.status-table .table tbody tr td {
    background: #eee;
}

}
.status-table .table tbody td:first-child {
    border-radius: 50px 0 0 50px;
}
.status-table .table tbody td:last-child {
    border-radius: 0px 50px 50px 0px;
}
.status-table .table td ul {
    height: auto !important;
    background: transparent;
}
.status-table .table td ul {
    padding-left: 18px;   
    padding-top: 10px;
    padding-bottom: 10px; 
    margin-bottom: 0px;
}
.booking-inner span {
    display: block
}
.status-table .table td:last-child ul {
    border-radius: 0 50px 50px 0
}
.status-table .table td:first-child ul {
    border-left: none;
    padding-left: 25px;
    border-radius: 50px 0 0 50px
}
.status-table .table .receiver {
    width: 205px;
    padding-left: 25px
}
.quick-transfer {
    background: #fefefe
}
.quick_title {
    font-size: 14px;
    margin: 0;
    padding: 1px 0;
    color: #011251;
    font-family: 'GothamBook';
    font-weight: 900;
    opacity: .7
}
.quick_sub_title {
    font-size: 14px;
    color: #011251;
    font-family: 'GothamBook';
    opacity: .5;
    margin: 0;
    padding: 1px 0;
    width: 93%
}
.width-95 {
    width: 95%;
    font-size: 12px
}
.agree-text {
    padding: 9px 20px 0 8px; 
    clear: both;
}
.m-b-20 {
    margin-bottom: 12px;
    font-family: 'GothamMedium'
}
.m-b-80 {
    margin-bottom: 80px
}
.panel-1 img.send-top-img {
    margin: 0 auto;
    border-radius: 50px;
    width: 60px;
    display: block;
    cursor: pointer
}
.panel-1 img.send-top-img.active {
    border: 3px solid #5372ea
}
.send-top-text {
    display: block;
    text-align: center;
    margin-bottom: 30px;
    cursor: pointer
}
.read-only {
    pointer-events: none
}
.personal-details .prsnl-form .form-input.read-only {
    background: transparent;
    pointer-events: none
}
.panel-3 .next-slide_1 {
    margin-top: 34px !important
}
.slide4-details {
    font-family: 'GothamBook';
    color: #011251;
    font-size: 14px
}
.slide4-sub_details {
    font-family: 'GothamBook';
    color: #777777;
    font-size: 14px;
    display: inline-block;
}
.panel-4 .slide4-sub_details {
    -webkit-text-fill-color: #777777;
}
.slide4-sub_details.para {
    display: block
}
.slide-4 .slide4-sub_details {
    font-size: 13px;
    font-family: 'GothamMedium';
}
.remittance .slide4-sub_details {
    padding-right: 10px
}
.sendind-details {
    margin-left: 0px;
    padding-left: 31px;
    width: 100%;
}
.sendind-details .slide4-details {
    font-size: 13px
}
.sendind-details .slide4-sub_details {
    font-size: 13px;
    width: 60%;
    text-align: right;
}
.line-1px {
    border-bottom: 1px solid #0d1251;
    width: 90%;
    margin-bottom: 15px;
    margin-left: -16px
}
.sendind-details .col-md-6 {
    padding: 0;
    margin: 0;
    max-width: 50%;
    line-height: 1px;
    width: 50%;
    height: 25px
}
.slide4-sub_details input {
    margin-right: 10px;
    float: left;
    margin-bottom: 13px;
    margin-top: 6px;
    display: block
}
.panel-3 input[type="radio"] {
    opacity: 0;
    float: left;
    display: block;
    margin-bottom: 36px; 
}
.personal-details .slide-3 .prsnl-form .next {
    margin: 3px 0 20px 0
}
.personal-details .slide-5 .prsnl-form .remittance .next {
    margin: 15px 0 95px 0;
}
.remittance .table tbody tr td {
    width: 80px;
    border: none;
    padding-left: 0
}
.remittance .next {
    padding: 7px 27px 7px 27px;
    color: #fff;
    background-color: #2c4190;
    border-radius: 25px;
    font-size: 17px;
    margin: 134px 0 22px 0;
    border: 1px solid #2c4190;
    display: inline-block
}
.personal-details .slide-5 .remittance .modal-body {
    padding: 18px 47px
}
.personal-details .slide-5 .remittance .modal-content {
    border-radius: 10px;
    background: #f9f9f9 url(../images/successful-transaction-bg-image.png) no-repeat 0 0;
    background-size: cover
}
.personal-details #session .modal-content {
    background: #f9f9f9 url(../images/successful-transaction-bg-image.png) no-repeat 0 0;
    background-size: cover
}
.personal-details .slide-5 .remittance .modal-dialog {
    top: 50%;
    margin-top: -170px
}
.personal-details .slide-5 .remittance .modal-body .transaction {
    margin: 0 auto;
    text-align: center
}
.personal-details .slide-5 .remittance .modal-body .transaction h2 {
    font-size: 16px;
    color: #000;
    padding: 10px;
    opacity: .7;
    font-family: 'GothamMedium';
    font-weight: 600
}
.personal-details .slide-5 .remittance .modal-body .transaction img {
    width: 70px;
    height: 70px;
    margin-bottom: 15px
}
.personal-details .slide-5 .remittance .modal-body .transaction.success img {
    width: 50px;
    height: 70px;
    margin-bottom: 15px
}
.personal-details .slide-5 .remittance .modal-body .transaction p {
    font-family: 'GothamBook';
    color: #878787;
    font-size: 14px;
    margin: 3px
}
.personal-details .slide-5 .remittance .modal-body .transaction.success span, .homebtn a {
    border-bottom: 1px solid #2c4190;
    margin-left: 10px;
    font-family: 'GothamBook';
    color: #2c4190;
    font-size: 14px;
}
.personal-details .slide-5 .remittance .modal-body .transaction.success span a {
    color: #2c4190;
    opacity: .7
}
.personal-details .slide-5 .remittance .modal-body .transaction .book {
    padding: 7px 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;
    margin-bottom: 7px;
}
.panel-2 .form-group {
    margin-bottom: 0rem
}
.table.no-border {
    margin: 0;
    margin-bottom: 13px
}
.booking-table .table tbody td:nth-child(1) {
    width: 20%;
    border-radius: 50px 0 0 50px;
}
.booking-table .table tbody td:nth-child(2) {
    width: 20%
}
.booking-table .table tbody td:nth-child(3) {
    width: 20%
}
.booking-table .table tbody td:nth-child(4) {
    width: 20%
}
.booking-table .table tbody td:nth-child(5) {
    width: 20%
}
.booking-inner {
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: 100%
}
.summary-table {
    overflow: scroll
}
.summary-table::-webkit-scrollbar {
    width: 0;
    background-color: transparent
}
.summary {
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: 100%
}
.table.no-border thead th {
    border: none;
    vertical-align: top;
    padding: 0;
    width: 120px;
    padding-left: 19px;
    border: none;
    font-size: 15px;
    font-family: 'GothamLight';
    color: rgb(44, 65, 144)
}
.table.no-border thead th:first-child {
    width: 20%;
    padding-left: 25px
}
.table.no-border thead th:nth-child(2) {
    width: 21%;
    padding-left: 20px
}
.table.no-border thead th:nth-child(3) {
    width: 19%;
    padding-left: 0
}
.table.no-border thead th:nth-child(4) {
    width: 20%;
    padding-right: 1px
}
.table.no-border thead th:nth-child(5) {
    width: 20%;
    padding-left: 0
}
.table.no-border thead th {
    border: none
}
.width-69 {
    width: 69%
}
.panel-2 .form-group .form-control.form-input {
    width: 80%
}
.personal-details.quick-transfer #parentVerticalTab .prsnl-form label {
    padding: 0 14px;
    width: 90%
}
.personal-details.quick-transfer #parentVerticalTab .panel-3 .prsnl-form label {
    width: 95%
}
.personal-details #parentVerticalTab .prsnl-form .form-input, select {
    padding: 0 14px;
    width: 90%
}
.border-right-1:after {
    content: "";
    position: absolute;
    background: #f1f1f1;
    height: 100%;
    width: 1px;
    top: 0;
    left: 94%
}
.post-login .copyright {
    margin: 0;
    margin-top: 8vh;
    padding: 0;
    height: 58px;
    line-height: 58px;
}
.exchange-rate {
    background: #fff;
    border-radius: 10px;
    padding: 30px 20px 30px 30px;
    margin: 0 0 10px 0;
    width: 100%;
    height: 95%;
    -webkit-box-shadow: .749px 5.749px 20px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: .749px 5.749px 20px 2px rgba(0, 0, 0, .1);
    box-shadow: .749px 5.749px 20px 2px rgba(0, 0, 0, .1)
}
.exchange-rate h2 {
    font-size: 16px;
    color: #333;
    font-family: 'GothamBold';
    padding-bottom: 30px
}
.exchange-rate .acc-breadcrumb {
    font-family: 'GothamBook';
    color: #000;
    opacity: .7;
    font-size: 12px
}
.exchange-rate .acc-breadcrumb span {
    color: #ccc
}
.exchange-rate .exchange-details label {
    width: 125px;
    text-align: left;
    display: inline-block;
    color: #2c4190;
    font-family: 'GothamBook';
    opacity: .7;
    font-size: 13px;
    font-weight: 900;
    padding-bottom: 26px;
}
/* comment by avenues 11/08/2019 */
.exchange-rate .exchange-details .form-input, .exchange-rate .exchange-details .select2-container {
    border-radius: 100px;
    border: none;
    margin: 0 0 25px 40px;
    padding: 0 30px 0 18px;
    height: 45px;
    font-family: 'GothamBook';
    color: #878787;
    font-size: 14px;
    -webkit-appearance: none;
    width: calc(100% - 165px);
    float: left;
    background: #eee
}
.exchange-rate .exchange-details .form-input:focus {
    background: #fff
}
.exchange-details .exchange-form select {
    width: 343px !important
}
.exchange-details .exchange-form .form-group {
    padding: 0 0 0 0
}
.exchange-details .right-box {
    background-image: url(../images/post-image/USD.png);
    background-size: cover;
    width: 90%;
    height: 93%;
    border-radius: 10px;
    color: #fff;
    padding: 30px 60px 0 60px
}
.exchange-details .right-box-content-1 {
    float: left
}
.exchange-details .right-box-content-2 {
    float: right
}
.exchange-details .right-box h3 {
    font-weight: 700;
    padding: 0 5px 0 0;
    font-family: 'GothamBlack'
}
.exchange-details .right-box .right-box-content-2 h3 {
    margin: 0 0 0 13px
}
.exchange-details .right-box h5 span {
    padding: 0 4px 0 4px
}
.exchange-details .right-box h5 {
    margin-left: 0;
    padding-top: 20px;
    font-family: 'GothamBook'
}
.exchange-details .right-box .first-line {
    margin: 0 0 0 18px
}
.exchange-details .right-box .mid-img img {
    margin-top: 23px
}
.exchange-details .right-box .second-text {
    padding: 16px 0 0 0
}
.exchange-details .right-box .right-box-content-1 .second-text p {
    font-family: 'GothamBook';
    opacity: .5;
    margin: 0 0 6px 4px
}
.exchange-details .right-box .right-box-content-2 .second-text p {
    font-family: 'GothamBook';
    opacity: .5;
    margin: 0 4px 6px 0;
    text-align: right
}
.exchange-details .right-box hr {
    opacity: .5;
    background-color: #fff;
    margin: 8px 4px 6px 4px
}
.exchange-details .right-box .last-line {
    padding: 0
}
.exchange-details .right-box .last-line .last-line-content-1 {
    margin: 8px 0 0 4px;
    text-align: left;
    font-family: 'GothamBook';
    font-size: 12px;
    font-weight: 700
}
.exchange-details .right-box .last-line .last-line-content-2 {
    margin: 8px 4px 0 0;
    text-align: right;
    font-family: 'GothamBook';
    font-size: 12px;
    font-weight: 700
}
.exchange-details .last-line-content-2 span {
    padding: 0 5px 0 0
}
.exchange-details {
    position: relative
}
.exchange-details .right-box-u {
    background-image: url(../images/post-image/USD.png);
    background-size: cover;
    width: 88%;
    /* height: 85.5%;  comment by avenues 11/08/2019 */
    border-radius: 10px;
    padding: 20px 40px 20px 40px;
    color: #fff;
    -webkit-box-shadow: 2px 9px 39px -16px rgba(0, 0, 0, .42);
    -moz-box-shadow: 2px 9px 39px -16px rgba(0, 0, 0, .42);
    box-shadow: 2px 9px 39px -16px rgba(0, 0, 0, .42);
}
.exchange-details .right-box-u .mid-img {
    margin-top: 20px;
    margin-right: 26px
}
.exchange-details .d-flex .strip {
    width: 91%;
    border: .5px solid white;
    opacity: .2;
    margin: 0 0 0 19px
}
.exchange-details .right-box-u .first-line {
    margin: 0 0 0 0
}
.exchange-details .right-box-u .first-line h3 {
    font-family: 'GothamBlack';
    padding: 0 5px 0 0
}
.exchange-details .right-box-u .first-row .first-line h5 span {
    padding: 0 4px 0 0
}
.exchange-details .right-box-u .third-row .first-line h5 span {
    padding: 0 4px 0 4px
}
.exchange-details .right-box-u .first-row {
    margin: 0 -12px 0 0
}
.exchange-details .right-box-u .first-row h5 {
    font-family: 'GothamBook';
    text-align: left;
    margin: 0 0 0 -12px;
    padding: 20px 0 0 0
}
.exchange-details .right-box-u .first-row h5 span {
    padding: 0 4px 0 0
}
.exchange-details .right-box-u .third-row h5 {
    font-family: 'GothamBook';
    text-align: right;
    padding: 20px 0 0 0
}
.exchange-details .right-box-u .second-text {
    margin-top: 15px
}
.exchange-details .right-box-u .second-text p {
    font-family: 'GothamBook';
    opacity: .5;
    margin: 0 0 0 -11px;
    /* height: 21px; comment by avenues 11/08/2019*/
}
.exchange-details .right-box-u .last-col .second-text p {
    font-family: 'GothamBook';
    opacity: .5;
    margin: 0 0 0 -11px;
    text-align: right;
    height: 20px
}
.exchange-details .right-box-u .third-row p {
    font-family: 'GothamBook';
    font-size: 13px;
    font-weight: 700
}
.exchange-details .right-box-u .first-row hr {
    background-color: #fff;
    opacity: .2;
    margin-right: 29px;
    margin-left: 21px;
}
.exchange-details .exchange-form {
    margin-bottom: 21px
}
.exchange_rate_card.img-responsive {
    -webkit-box-shadow: 2px 9px 39px -16px rgba(0, 0, 0, .42);
    -moz-box-shadow: 2px 9px 39px -16px rgba(0, 0, 0, .42);
    box-shadow: 2px 9px 39px -16px rgba(0, 0, 0, .42);
    margin-bottom: 21px
}
.exchange_rate_card.img-responsive {
    width: 442px;
    height: 250px
}
.exchange-details .right-box-u .first-line img, .exchange-details .right-box-u .last-col img {
    height: 17px;
    margin-top: 7px
}
.resp-tabs-container a.next.next-slide {
    margin-top: 20px
}
#parentVerticalTab .exchange_chart .exchange_chart-table {
    width: 100%;
    margin-top: -15px;
    margin-left: 0
}
#parentVerticalTab .exchange_chart .exchange_arrow {
    width: 100%
}
.personal-details .slide-5 .remittance .modal-body .transaction.success img {
    width: 29px;
    height: 89px;
    margin-bottom: 15px
}
.personal-details #parentVerticalTab .prsnl-form .form-input  {
    width: 90% ;
} /* comment by avenues 11/08/2019 */
.personal-details #parentVerticalTab .prsnl-form .select2-container {
    width: 90% !important;
}
.personal-details #parentVerticalTab .panel-3 .prsnl-form .form-input {
    width: 96%;
    height: 35px;
    margin: 0 0 8px 0
}
.resp-tab-content table th {
    padding-left: 20px;
    font-size: 12px
}
.panel-3 .quick_title, .panel-3 .quick_sub_title {
    margin-left: 13px
}
.personal-details #parentVerticalTab .panel-3 .prsnl-form .form-input.full-width {
    width: 100%
}
.slide-3 table.tg {
    margin-top: 10px;
    width: 97%;
}
#parentVerticalTab .exchange_chart {
    height: 246px;
    width: 375px
}
.personal-details.quick-transfer .prsnl-form .select-div:before {
    top: 46px
}
.personal-details.quick-transfer .prsnl-form .select-div:after {
    top: 46px
}
#parentVerticalTab .flag-img {
    margin-top: 10px
}
#parentVerticalTab .flag-text {
    margin-top: 10px;
    margin-right: 13px;
    font-size: 14px
}
#parentVerticalTab .exchange_arrow {
    margin: 10px 20px 0 16px
}
.personal-details #parentVerticalTab .prsnl-form .width-120 {
    width: 120px;
    text-align: right
}
#parentVerticalTab .exchange_chart {
    height: 150px;
    min-width: 435px;
    border-radius: 13px;
    padding-top: 40px
}
#parentVerticalTab .money_transfer_id {
    border-bottom: none;
}
#parentVerticalTab .flag-text, #parentVerticalTab .flag-text {
    color: #000
}
#parentVerticalTab .money_transfer_id {
    margin-bottom: 0
}
.account-summary-dashboard .acc-summary-table .acc-table .table {
    width: 93%
}
.status-table .table ul li.amount {
    padding: 12px
}
.status-table .table tbody tr td:first-child:before {
    display: none
}
.post.offer-div .show-offer .offer-btn {
    cursor: pointer;
    height: 41px;
    background: #2c4190;
    width: 165px;
    border-radius: 10px 10px 0 0;
    text-align: center;
    padding: 9px 0;
    font-size: 14px;
    color: #fff;
    font-family: 'GothamLight';
    position: absolute;
    right: 0;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    top: 126px;
}
.post.offer-div .offer-btn span {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(-0deg);
    display: block
}
.post.offer-div .show-offer {
    position: fixed;
    right: 32px;
    z-index: 0;
    top: 128px;
    background: transparent;
    padding: 15px;
    transition: all 0.5s linear
}
.post.offer-div .show-offer.open {
    right: 0
}
.post-login .transction-amount .border-right {
    border-right: 1px solid #000
}
.wrapper-dropdown-5 {
    position: relative;
    width: 90%;
    margin: 0 auto;
    padding: 12px 15px;
    border-radius: 50px;
    background: #fff;
    cursor: pointer;
    outline: none;
    background: #eee;
    margin: 0 0 8px 0
}
.wrapper-dropdown-5:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #868686 transparent
}
.wrapper-dropdown-5 .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 0 0 5px 5px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-bottom: none;
    list-style: none;
    max-height: 0;
    overflow: hidden;
    display: none;
    border-radius: 0 0 25px 25px;
    z-index: 1
}
.wrapper-dropdown-5 .dropdown li {
    padding: 0 0;
    cursor: pointer;
    padding-left: 10px
}
.wrapper-dropdown-5 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 5px 4px;
    transition: all 0.3s ease-out;
    font-family: 'GothamBook';
    font-size: 14px
}
.wrapper-dropdown-5 .dropdown li:last-of-type a {
    border: none
}
.wrapper-dropdown-5 span {
    color: #777777;
    font-family: 'GothamBook';
    font-size: 14px
}
.wrapper-dropdown-5 .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle
}
.wrapper-dropdown-5.active {
    border-radius: 25px 25px 0 0;
    background: #fff;
    box-shadow: 0 1px 4px 3px #f1f1f1
}
.wrapper-dropdown-5.active:after {
    border-color: #868686 transparent
}
.wrapper-dropdown-5.active .dropdown {
    max-height: 100px;
    display: block;
    padding: 0;
    border: 0;
    box-shadow: 0 1px 4px 3px #f1f1f1;
    overflow-y: scroll
}
.wrapper-dropdown-5.active .dropdown li:hover {
    background: #4177e4;
    color: #fff
}
.wrapper-dropdown-5.active .dropdown li a:hover {
    color: #fff
}
.select-div:before, .select-div:after {
    display: none
}
.wrapper-dropdown-5.active .dropdown li:last-child {
    padding-bottom: 5px;
    padding-top: 0
}
.wrapper-dropdown-5.active .dropdown.select-bank_drop li:last-child {
    border-top: 1px solid #f1f1f1
}
.post-left-details .form-group {
    width: 100%;
    padding-left: 7px
}
.post-left-details .scroll_content {
    width: 100%
}
.account-summary .dropd .select-div {
    width: calc(100% - 165px);
}
.exchange-rate .wrapper-dropdown-5 {
    margin-left: 40px
}
.account-summary .dropd .wrapper-dropdown-5 {
    width: 100%;
}
img.exchange_rate_card.img-responsive {
    margin-top: 12px
}
.post-login .tatus-tracker .scroll_content {
    height: 305px
}
.post-login .tatus-tracker .table-responsive {
    width: 98%
}
.remittance p.quick_title.m-b-20 {
    font-family: 'GothamMedium'
}
.remittance {
    height: 10px
}
.personal-details {
    position: relative
}
.post-login .save {
    position: inherit;
    bottom: 10px
}

.acc-summary-table .table tbody tr td:last-child {
    text-align: right
}
.acc-summary-table .table th:last-child {
    padding-left: 46px;
    width: 19%
}
.grey {
    font-family: 'GothamBook';
    color: #777777;
    font-size: 12px;
    opacity: 1
}
.personal-details .slide-3 .prsnl-form .tg th {
    color: #011251;
    font-family: 'GothamBook';
    font-size: 12px;
    font-weight: 900;
    vertical-align: top;
    padding-left: 14px
}
.personal-details .slide-3 .prsnl-form .tg th:last-child {
    padding-right: 27px;
    padding-bottom: 12px;
}
.personal-details .slide-3 .prsnl-form .tg th img {
    margin-top: -11px;
    height: 11px;
    width: 11px;
    margin-left: 2px;
    margin-right: 2px;
}
.personal-details.quick-transfer #parentVerticalTab .panel-3 .prsnl-form label span {
    margin-left: 0
}
.personal-details #parentVerticalTab .panel-3 .prsnl-form .first .form-input {
    width: 92%
}
#feedback .modal-body {
    padding: 18px 47px;
}
#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 .modal-content {
    border-radius: 10px;
    background: #f9f9f9 url(../images/successful-transaction-bg-image.png) no-repeat 0 0;
    background-size: cover
}
#feedback .modal-dialog {
    max-width: 55%
}
#feedback .modal-dialog, #transdetail .modal-dialog, #logout .modal-dialog, #delete .modal-dialog, #submit-benef .modal-dialog, .personal-details.dropd .modal-dialog, #session .modal-dialog {
    top: 45%;
    transform: translateY(-50%)
}
#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, #termpopup .modal-dialog .terms-conditions .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
}
#termpopup .modal-dialog .terms-conditions .post-feedback-next2 {
    padding: 6px 28px
}
#termpopup .modal-dialog .terms-conditions .scroll_content {
    height: 345px
}
#termpopup .close {
    text-align: right;
    padding-right: 15px;
    font-size: 25px
}
#termpopup .terms-conditions {
    padding: 0 20px
}
#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.feedbacktopWidth .modal-content {
    border-radius: 10px;
    background: url(../images/successful-transaction-bg-image.png) no-repeat 0 0;
    background-size: cover
}
#transdetail.feedbacktopWidth .modal-dialog,#pass-change .modal-dialog {
    max-width: 261px;
}
#transdetail.feedbacktopWidth .modal-content {
    border-radius: 10px;
    background: #f9f9f9 url(../images/successful-transaction-bg-image.png) no-repeat 0 0;
    background-size: cover
}
#transdetail.feedbacktopWidth h2 {
    padding: 30px 14px;
    text-align: center;
    font-size: 16px;
    color: #000;
    padding: 10px;
    opacity: .7;
    font-family: 'GothamMedium';
    font-weight: 600;
}
#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'
}
span.customRadio {
    display: none
}
input[type="radio"] {
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: default
}
input[type="radio"]+span.customRadio {
    display: inline-block;
    width: 14px;
    height: 14px;
    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;
    border: 1px solid #777777
}
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
}
input[type="radio"]:checked+span.customRadio::after {
    width: 8px;
    height: 8px;
    margin: 2px 0 0 2px;
    opacity: 1;
    background-color: #2c4190;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .2)
}
.slide-3 input[type="radio"]+span.customRadio {
    position: absolute;
    margin: 0 0 0 -20px;
    margin-top: 2px
}
.slide4-sub_details input[type="radio"] {
    margin-right: 10px;
    margin-bottom: 20px;
    opacity: 0
}
.slide4-sub_details input[type="radio"]+span.customRadio {
    position: absolute;
    margin-left: -26px;
    margin-top: 4px
}
.wrap-radio {
    text-align: center;
    display: inline-block
}
.wrap-radio1 {
    text-align: center;
    display: inline-block;
    width: 63px;
    margin: 36px
}
a.download.save {
    left: 424px;
    margin: 0 0 29px 0;
    border-bottom: 1px solid #2c4190;
    font-size: 16px;
    font-family: "GothamBook";
    color: #2c4190
}
.tatus-tracker .status-table .table tbody .booking {
    width: 124px;
    padding: 12px 12px 12px 0
}
#parentVerticalTab .verification .word-verification {
    padding: 0
}
#parentVerticalTab .verification .word-verification .form-group {
    padding-left: 5px
}
#agreepopup object {
    padding-bottom: 20px
}
#agreepopup .download, #status-download .download {
    margin: 0;
    cursor: pointer;
    margin: 0;
    cursor: pointer;
    font-size: 16px;
    font-family: "GothamBook";
    color: #2c4190;
    text-align: center;
    display: block
}
#agreepopup .modal-dialog, #status-download .modal-dialog {
    top: 45%;
    transform: translateY(-50%);
    max-width: 1000px
}
#termpopup .modal-dialog {
    top: 100px;
    /*transform: translateY(-50%);*/
    max-width: 1000px
}
#termpopup .modal-dialog .modal-content {
    border-radius: 10px
}
#termpopup .modal-dialog .terms-conditions h1 {
    font-size: 18px;
    font-family: 'GothamBold';
    color: #333;
    text-align: center;
    padding: 9px 0
}
#termpopup .modal-dialog .terms-conditions .terms-content .slide4-sub_details {
    font-family: 'GothamBook';
    font-size: 14px;
    color: #6a6a6a;
    padding: 5px 15px 5px 0;
    font-weight: 400;
    display: block
}
#transdetail .modal-dialog {
    max-width: 60%
}
#transdetail .modal-body {
    padding: 21px;
}
#transdetail .modal-body .rate-feedback h3 {
    font-family: 'Gothambold';
    font-size: 18px;
    padding-bottom: 25px
}
.rowdf {
    display: flex;
    justify-content: space-between;
    text-align: center
}
.line {
    display: flex;
    justify-content: space-between;
    text-align: center
}
.line span {
    color: #011251;
    font-family: 'GothamLight';
    font-weight: 700
}
.line .Transaction-details {
    width: 150px;
    color: #888;
    text-align: left
}
.track-no .line {
    width: 100%;
}
/* .track-no .line .track {
    padding-top: 12px
} */
.track-no .line input {
    padding: 12px 15px;
    border-radius: 50px;
    width: 130px;
    border: none;
    outline: none;
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, .05);
    margin-left: 60px;
    background: #eee;
}
.track-no {
    margin-top: 12px
}
.track-no .btn-form {
    background: #2c4190;
    border: 1px #2c4190 solid;
    color: #fff;
    width: 100px;
    margin-top: 0;
    font-weight: 100;
    font-size: 17px;
    padding: 7px 20px;
}
.track-no .btn-form:hover, .personal-details .next:hover, .personal-details.bank .done:hover, .edit-delivery-options .done:hover {
    background: #fff;
    border: 1px #2c4190 solid;
    color: #2c4190
}
.Successfully.close {
    position: absolute;
    top: 3px;
    font-size: 23px;
    right: 8px
}
#agreepopup .Successfully.close, #status-download .Successfully.close {
    top: -8px;
}
#status-download .Successfully.close {
    top: -2px;
}
#agreepopup .modal-body, #status-download .modal-body {
    padding: 25px;
}
.personal-details.quick-transfer #parentVerticalTab .prsnl-form .verification .word-verification .form-group label {
    padding: 4px 4px 4px 20px;
    width: 100%;
    color: #777777;
    font-family: 'GothamMedium';
    font-size: 13px;
    font-weight: inherit;
    opacity: inherit;
}
.post-login .verification .word-verification .form-group label {
    font-size: 13px;
    font-family: 'GothamMedium';
}
.booking-main-table a {
    color: rgb(44, 65, 144)
}
.detalis-Instructions {
    padding-right: 25px
}
.terms-content .next {
    margin: 20px 0 0 0
}
ul.dropdown.source-found {
    top: -102px;
    border-radius: 25px 25px 0 0
}
.last-group .wrapper-dropdown-5.active {
    border-radius: 0 0 25px 25px
}
span.arrow-right {
    padding: 0 1px 0 5px;
    font-weight: bolder;
    color: #633b3b;
    font-size: medium
}
.account-summary-dashboard .account-summary .acc-summary-table.calendar-dashboard {
    -webkit-box-shadow: .749px 5.749px 20px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: .749px 5.749px 20px 2px rgba(0, 0, 0, .1);
    box-shadow: .749px 5.749px 20px 2px rgba(0, 0, 0, .1)
}
.contact-icon-popup .numcolor {
    font-size: 14px;
    font-family: "GothamBook";
    color: rgb(44, 65, 144)
}
.acc-summary-table .summary-table h2 {
    padding-left: 13px
}
.tatus-tracker .status-table .table tbody .address {
    width: 148px;
    padding: 12px 12px 12px 0
}
.tatus-tracker .status-table .table tbody .branch {
    padding: 12px 12px 12px 0
}
.status-table .table td ul.edit-delete li svg {
    width: 15px;
    height: 15px;
    fill: #777777
}
.edit-beneficiary .table tbody td:nth-child(1) {
    width: 10%
}
.edit-beneficiary .table tbody td:nth-child(3), .edit-beneficiary .table tbody td:nth-child(4) {
    width: 15%
}
.table.no-border.edit-beneficiary-header thead th:first-child {
    width: 17%
}
.table.no-border.edit-beneficiary-header thead th:nth-child(4) {
    width: 18%
}
.table.no-border.edit-beneficiary-header thead th:nth-child(3) {
    width: 14%
}
.table.no-border.edit-beneficiary-header thead th:nth-child(2) {
    width: 21%
}
.edit-beneficiary .edit-delete li {
    display: inline;
    padding: 0px 12px 0px 0;
}
.post-login .scroll_content.edit-beneficiary {
    height: 340px
}
.edit-beneficiary .table td:last-child ul {
    text-align: center;  
}
.edit-beneficiary .table tbody tr td:last-child:before {
    display: none
}
.edit-beneficiary .table td:last-child ul li a svg path {
    fill: #777777
}
.left-margin {
    margin-left: 10px !important;
}
.edit-delivery-options .prsnl-form label .star, .prsnl-form label .star {
    color: #ff0000;
    height: 22px;
    width: 8px;
    float: left;
    display: table-caption;
}
.transparent {
    background-color: transparent !important;
}
.pers-pad {
    padding: 7px 20px 7px 20px !important;
}
.pers-marg {
    margin-bottom: 68px !important;
}
.edit-delivery-options .prsnl-form .form-input, select, .edit-delivery-options .prsnl-form textarea {
    width: 52%;
}
.edit-delivery-options .prsnl-form label {
    width: 192px;
}
.small-width {
    width: 27% !important;
}
.edit-delivery-options .merged-btn {
    right: 74px;
    bottom: 5px;
    padding: 8px 30px 8px 30px;
    position: absolute;
}
#submit-benef .benef {
    padding: 10px;
}
#submit-benef .modal-dialog {
    max-width: 35%;
}
#submit-benef .modal-body .benef .sendbtn {
    margin-right: 10px;
}
.personal-details.bank .wrapper-dropdown-5 {
    width: 262%;
}
.beneficiary-section .wrapper-dropdown-5 {
    width: 332px !important;
}
.merged-btn {
    right: 76px;
    position: absolute;
    top: 0px !important;
    padding: 8px 27px 8px 27px !important;
    margin: 0 0 0px 10px !important;
    bottom: inherit !important;
}
.personal-details.bank .prsnl-form textarea {
    margin-top: -1px;
}
label.pers-marg1 {
    margin-bottom: 62px;
}
.remittance ul {
    color: #777777;
}
label.pers-marg-add {
    margin-bottom: 16%;
}
.questionalign {
    margin-bottom: 3px;
}
.line.tracenumber {
    display: flex;
    justify-content: flex-start;
}
.line.tracenumber span:nth-child(2) {
    margin-left: 101px;
}
.status-table .table tbody tr td:before {
    width: 1px;
    background: #777777;
    content: "";
    height: 66%;
    position: absolute;
    top: 13px;
}
.form-input:focus {
    background: #fff;
    box-shadow: 0 0 7px 1px #d6d6d6;
}
.track-no .line input:focus {
    background: #fff;
    box-shadow: 0 0 7px 1px #d6d6d6;
}
#submit-benef .modal-body .benef .sendbtn {
    margin: 15px 10px 0px 10px;
}
a.done.save.margin-lef-next {
    margin-left: 10px;
}
a.next.save.pers-pad.margin-lef-next {
    margin-left: 10px;
}
.tatus-tracker .booking-inner .table.no-border {
    margin-bottom: 0px;
}
.tatus-tracker .booking-inner .table.no-border.edit-beneficiary-header {
    margin-bottom: 10px;
}
.post-login a.bg-warning.d-none.d-sm-block {
    margin-top: -6px;
    font-size: 12px !important;
}
.post-login .tran-booked {
    color: #333;
    font-size: 14px;
    padding: 0px 0 0px 0;
    font-family: 'GothamBook';
    width: 80%;
}
.post-login .personal-details.homepage.newuser .money_transfer_id li {
    margin: 0px;
}
.post-login .personal-details.homepage.newuser .money_transfer_id li img {
    margin-left: 17%;
    margin-right: 0px;
}
.post-login .tooltip.show {
    opacity: 1;
    z-index: 999999999;
}
.post-login .tooltip-inner {
    background-color: #2c4190;
}
.post-login .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: #2c4190;
}

.fc1-sun {
    color: red;
}
.fc-sun, .fc-sat {
    color: red;
}

.exchange-details .right-box-u .third-row .last-line-content-1 {
    margin-left: 14px;
}
.exchange-details .right-box-u .third-row .last-line-content-2 {
    margin-right: 9px;
}
.shift-right {
    padding-left: 8px;
}
.post-login .fixed .profile-image img {
    box-shadow: inherit;
}
.post-login .transction-amount .no-of-trns::after {
    width: 1px;
    background: #dee2e6;
    content: "";
    height: 45px;
    position: absolute;
    top: 2px;
    right: 0;
    margin: 0 auto;
}
.post-login .top-nav .log {
    font-size: 14px;
    color: #fff;
    font-family: 'GothamLight';
    position: absolute;
    right: 21px;
    bottom: 24px;
}
h2.resp-accordion.hor_1 {
    color: #ccc;
}
h2.resp-accordion.hor_1.resp-tab-active {
    color: #000;
}
h2.resp-accordion.hor_1 {
    border: none;
}
.fc-unthemed td.fc-today {
    background: #eee;
    border-radius: 5px;
    box-shadow: none;
    height: 31px;
    width: 50px;
}
.personal-details.quick-transfer .blue-color-text {
    color: #011251;
}
.pdf-down {
    width: 100%;
    height: 520px;
}
.personal-details.quick-transfer.qt-padding-btm {
    padding-bottom: 0px;
}
.slide4-details.fund-font {
    font-size: 14px;
}
#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, #termpopup .modal-dialog .terms-conditions .post-feedback-next2:hover, .personal-details.bank .modal-body .transaction .book:hover, #submit-benef .modal-body .benef .sendbtn:hover, .personal-details.dropd .modal-body .transaction .book:hover, .post-login #logout .modal-dialog .yes:hover, .post-login #logout .modal-dialog .no:hover, .post-login #delete .modal-dialog .yes:hover, .post-login #delete .modal-dialog .no:hover, #feedback .feedback-slider3 .refer-btn:hover {
    background: #fff;
    border: 1px #2c4190 solid;
    color: #2c4190;
}
.post-login .alph-style {
    border-radius: 50px;
    width: 55px;
    height: 55px;
    border: 4px solid #e9e9e9;
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
    color: #fff;
    font-size: 21px;
    font-family: 'GothamBook';
    padding: 8px 0 10px 0;
}
.post-login .alpha-beni-p {
    background: #c06072;
}
.post-login .alpha-beni-f {
    background: #60abc0;
}
.post-login .profile-user .alph-style {
    webkit-box-shadow: 0 0 0 10px rgba(8, 26, 92, 1);
    -moz-box-shadow: 0 0 0 10px rgba(8, 26, 92, 1);
    box-shadow: 0 0 0 10px rgba(8, 26, 92, 1);
    border: none;
    padding: 14px 0px 0 0;
    width: 60px;
    height: 60px;
    margin-bottom: 0px;
}
.post-login .alpha-beni-j {
    background: #60abc0;
}
.post-login .alpha-beni-a {
    background: #9160c0;
}
.post-login .alpha-beni-d {
    background: #71c44a;
}
.panel-1 .send-top-img {
    cursor: pointer;
}
.panel-1 .send-top-img.active {
    border: 3px solid #5372ea;
}
.fc-content-skeleton table tbody {
    display: none;
}
.notification-info li {
    display: none;
}
ul.resp-tabs-list.hor_1 li.resp-tab-active {
    background-color: white !important;
    border-color: rgb(193, 193, 193) !important;
}
ul.resp-tabs-list.hor_1 li.read-only a, ul.resp-tabs-list.hor_1 li.read-only {
    background-color: rgb(245, 245, 245) !important;
    border-color: rgb(193, 193, 193) !important;
    color: rgba(51, 51, 51, 0.502) !important;
}
ul.resp-tabs-list.hor_1 li.prev-color a, ul.resp-tabs-list.hor_1 li.prev-color {
    background-color: rgb(245, 245, 245) !important;
    border-color: rgb(193, 193, 193) !important;
    color: rgba(51, 51, 51, 0.502) !important;
}
.error-msg {
    font-weight: 400;
    margin: 0;
    font-size: 12px !important;
    color: red !important;
    font-family: 'GothamLight';
    padding-left: 19px;
    width: 60%;
    text-align: left;
    margin-top: 0px;
    padding-bottom: 0px !important;
    width: 200px !important;
    clear: both;
    margin-bottom: 20px !important;
}
.form-inline .form-group {
    align-items: flex-start !important;
}
.error-msg.drop {
    padding-left: 15px;
    margin-bottom: 20px;
}
.error-msg.ver {
    padding-left: 33px !important;
    padding-top: 0px;
}
.personal-details #parentVerticalTab .prsnl-form .form-input, select {
    margin: 0 0 2px 0;
}
#parentVerticalTab .error-msg {
    padding-bottom: 14px !important;
}
#parentVerticalTab .error-msg.drop {
    padding-bottom: 0px !important;
}
.exchange-form.drop-margin .wrapper-dropdown-5 {
    margin-bottom: 25px;
}
.dropdown-botm {

    /*margin-top: -22px;*/
}
.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
    height: 31px !important;
}
.pdf-download svg {
    width: 18px;
    height: 18px;
}
li.pdf-download {
    margin: 0 auto;
    padding: 0px 23px 0px 0;
    fill: #777777;
}
.table.no-border.status-header-width thead th:first-child {
    float: left;
    width: 19%;
}
.table.no-border.status-header-width thead th:nth-child(2) {
    float: left;
    width: 18.5%;
    padding-left: 8px;
}
.table.no-border.status-header-width thead th:nth-child(3) {
    float: left;
    width: 18.5%;
}
.table.no-border.status-header-width thead th:nth-child(4) {
    float: left;
    width: 19%;
}
.table.no-border.status-header-width thead th:nth-child(5) {
    float: left;
}
.qt-table.scroll_content {
    height: 136px !important;
}
.personal-details .slide-3 .prsnl-form .qt-trasf-add {
    margin: 15px 55px 0px 0px;
    color: #fff;
    float: right;
}
.personal-details .slide-3 .prsnl-form .qt-trasf-add:hover {
    background: #fff;
    border: 1px #2c4190 solid;
    color: #2c4190;
    cursor: pointer;
}
.qt-trasf-delete svg {
    width: 15px;
    height: 15px;
    fill: #777777;
    margin-top: -14px;
    margin-left: -13px;
}
.qt-header {
    padding-left: 0px;
    margin-bottom: 0px;
}
.qt-header li {
    display: inline-block;
    text-decoration: none;
    color: #011251;
    font-family: 'GothamBook';
    font-size: 12px;
    font-weight: 900;
    vertical-align: top;
    padding-left: 13px;
}
.qt-header li:first-child, .qt-table.scroll_content .tg .tg-0pky1 {
    width: 20%;
}
.qt-header li:nth-child(2), .qt-table.scroll_content .tg .tg-0pky2 {
    width: 20%;
    padding-left: 2px;
}
.qt-header li:nth-child(3) {
    width: 50%;
    padding-left: 0px;
}
.qt-table.scroll_content .tg .tg-0pky3 {
    width: 60%;
}
.qt-header .tg-xldj img {
    margin-top: -11px;
    height: 11px;
    width: 11px;
    margin-left: 2px;
    margin-right: 2px;
}
#status-download object {
    padding-bottom: 20px;
}
.personal-details .prsnl-form .form-group > label:first-of-type {
    margin-top: 12px !important;
}
.personal-details.my-profile.edit.edit-left-level .prsnl-form .form-group > label:first-of-type{
    margin-top: 0px !important;
}
#parentVerticalTab .error-msg {
    width: 90% !important;
}
#parentVerticalTab h1.tab-heading a {
    display: none;
}
.personal-details.bank .error-msg.ver {
    padding-left: 17px !important;
}
.country-code {
    width: 15% !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-radius: 100px;
    border: none;
    margin: 0 0 0px 0;
    padding: 12px 20px;
    height: 45px;
    font-family: 'GothamBook';
    color: #878787;
    font-size: 14px;
    -webkit-appearance: none;
    background: #eee;
}
.country-code:after {
    width: 1px;
    background: #878787;
    content: "";
    height: 25%;
    position: absolute;
    top: 12px;
    left: 218px;
}
.country-code-number {
    width: 50% !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
/*.personal-details.my-profile .save.change-pass {
    margin-left: 10px !important;
}*/
.personal-details .prsnl-form.change-password label {
    width: 160px !important;
}
#pass-change .modal-content {
    border-radius: 10px;
    background: url(../images/forget-pass-popup.png) no-repeat 0 0;
    background-size: cover;
    border: none;
}
#pass-change .modal-dialog h2 {
    font-family: 'GothamMedium';
    color: #000;
    font-size: 16px;
    padding: 5px 21px 22px 21px;
    text-align: center;
    line-height: 22px;
    opacity: .7;
    font-weight: 600;
}
#pass-change .modal-dialog {
    top: 45%;
    transform: translateY(-50%);
}
.exchange-rate .exchange-details .exchange-form.drop-margin label{
   padding-top: 13px;
   margin-bottom: 0 !important; /* comment by avenues 11/08/2019 */
}
.personal-details .prsnl-form.change-password .error-msg{
    width: 65% !important;
}





.beneficiary-section .select2-container--default .select2-selection--single, .panel-2 .select2-container--default .select2-selection--single{
    background-color: #eee;
    border: 1px solid transparent;
    border-radius: 20px 20px;
}
.beneficiary-section .select2-container .select2-selection--single, .panel-2 .select2-container--default .select2-selection--single{
    height: 45px;
    outline: none;
    padding: 7px 10px;
    color: #777777;
    font-family: 'GothamBook';
    font-size: 14px;
}
.panel-2 .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, 
.panel-2 .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{
    border-radius: 20px 20px 0 0;
    background: #fff;
    box-shadow: 0 1px 4px 3px #f1f1f1;
}


.beneficiary-section .select2-container--open .select2-dropdown--below, .panel-2 .beneficiary-section .select2-container--open .select2-dropdown--below {
    border-top: none;
    border-radius: 25px 25px 25px 25px;
}
/* .beneficiary-section .select2-container, .panel-2 .beneficiary-section .select2-container {
    width: 166%!important;
} comment by avenues 11/08/2019*/
/* .beneficiary-section .select2-dropdown, .panel-2 .beneficiary-section .select2-dropdown{
    width: 166%!important;
} comment by avenues 11/08/2019 */
.beneficiary-section .select2-dropdown, .panel-2 .beneficiary-section .select2-dropdown {
    background-color: #eeeeee;
    border: 1px solid transparent;
}
 .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px;
    right: 10px;
}

.beneficiary-section .sds .error-msg.drop{
    display: block;
    padding-top: 10px!important;
}
.success-change-password strong{
    font-size: 16px;
    color: #333;
    font-family: 'GothamBold';
}
.personal-details.edit .prsnl-form.margin-btm textarea{
    height: auto;
    color:#000 ;
    -webkit-text-fill-color:#000;
    -webkit-opacity: 0.7; 
    filter:opacity(0.7);

}
.personal-details #parentVerticalTab .panel-2 .next{
    margin: 22px 0 22px 8px;
}
.personal-details #parentVerticalTab a.next.next-slide.save.tf3 {
    margin-left: 4px;
}
  .account-summary-dashboard #termpopup,.modal.show{
    overflow: hidden !important;
}
.modal{
    z-index: 999999;
}
.post-login .modal.fade.show{
    padding-right: 0px !important;
}
.req-comp h2{
    font-size: 16px;
    color: #000;
    padding: 10px 0;
    opacity: .7;
    font-family: 'GothamMedium';
    font-weight: 600;
}
.req-comp p{
    font-family: 'GothamBook';
    color: #878787;
    font-size: 14px;
}
.req-comp .book{
    padding: 7px 22px;
    color: #fff;
    background-color: #2c4190;
    border-radius: 25px;
    font-size: 14px;
    border: 1px solid #2c4190;
    display: inline-block;
    font-family: 'GothamBook';
    margin-left:0px;
}
.req-comp .back-home-page{
    border-bottom: 1px solid #2c4190;
    margin-left: 10px;
    font-family: 'GothamBook';
    color: #2c4190;
    font-size: 14px;
    opacity: .7;
}

.video-btn-mb {display:none !important;}